: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{background:var(--color-card);border-bottom:1px solid var(--color-border);padding:32px 0 28px;margin-bottom:40px;text-align:center}.site-catch{margin:0 0 6px;color:var(--color-muted);font-size:13px;letter-spacing:.2em}.site-title{margin:0 0 6px;font-size:30px;font-weight:700;letter-spacing:.1em}.site-title a{color:var(--color-text)}.site-subtitle{margin:0;font-size:14px}.post-list h2,.site-subtitle{color:var(--color-muted);letter-spacing:.1em}.post-list h2{font-size:16px;border-bottom:1px solid var(--color-border);padding-bottom:8px;margin:0 0 20px}.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}