:root{--color-text:#2a2a2a;--color-muted:#777;--color-accent:#c06767;--color-bg:#fafaf7;--color-card:#fff;--color-border:#e5e5e0;--font-jp:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-jp);line-height:1.8;font-size:16px;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:720px;margin:0 auto;padding:0 20px}.site-header{position:relative;background-image:url(/header-bg.jpg);background-size:cover;background-position:bottom;background-repeat:no-repeat;border-bottom:1px solid var(--color-border);padding:90px 20px 70px;margin-bottom:40px;text-align:center;min-height:300px;display:flex;flex-direction:column;justify-content:center}.site-header:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,248,235,.15) 0,rgba(255,248,235,.45));pointer-events:none}.site-header>*{position:relative;z-index:1}.site-catch{margin:0 0 8px;color:#5a4a3a;font-size:13px;letter-spacing:.2em;text-shadow:0 1px 3px hsla(0,0%,100%,.7)}.site-title{margin:0 0 8px;font-size:34px;font-weight:700;letter-spacing:.1em;text-shadow:0 2px 6px hsla(0,0%,100%,.7)}.site-title a{color:#2a2a2a}.site-subtitle{margin:0;color:#5a4a3a;font-size:14px;letter-spacing:.1em;text-shadow:0 1px 3px hsla(0,0%,100%,.7)}.post-list h2{font-size:16px;color:var(--color-muted);border-bottom:1px solid var(--color-border);padding-bottom:8px;margin:0 0 20px;letter-spacing:.1em}.post-list ul{list-style:none;padding:0;margin:0}.post-list li{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:20px 24px;margin-bottom:16px;transition:box-shadow .2s}.post-list li:hover{box-shadow:0 4px 16px rgba(0,0,0,.04)}.post-list-link{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:var(--color-text)}.post-list-link:hover{text-decoration:none}.post-list-link:hover .post-title{color:var(--color-accent)}.post-list .post-title{font-size:18px;font-weight:600;transition:color .2s}.post-list .post-date{color:var(--color-muted);font-size:13px;white-space:nowrap}.post-list .post-desc{margin:8px 0 0;color:var(--color-muted);font-size:14px}.post-header{margin-bottom:28px;border-bottom:1px solid var(--color-border);padding-bottom:16px}.post-header h1{font-size:26px;margin:0 0 8px;line-height:1.5}.post-header .post-date{color:var(--color-muted);font-size:13px}.post-body{font-size:16px}.post-body h2{margin-top:40px;margin-bottom:16px;padding-bottom:6px;border-bottom:2px solid var(--color-border);font-size:22px}.post-body h3{margin-top:32px;margin-bottom:12px;font-size:18px}.post-body p{margin:1em 0}.post-body blockquote{border-left:4px solid var(--color-accent);margin:1.5em 0;padding:.5em 1em;background:#fff8f8;color:#555}.post-body ol,.post-body ul{padding-left:1.5em}.post-body code{background:#f0f0ec;padding:2px 6px;border-radius:4px;font-size:.9em}.post-body img{max-width:100%;height:auto;border-radius:8px}.post-footer{margin-top:60px;padding-top:20px}.post-footer,.site-footer{border-top:1px solid var(--color-border)}.site-footer{margin-top:80px;padding:24px 0;color:var(--color-muted);font-size:13px;text-align:center}