.blog-shell{max-width:var(--container-wide);margin:0 auto;padding:clamp(48px,7vw,96px) clamp(20px,5vw,64px)}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-brand);font-size:12px;font-weight:700}.chip{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xs);padding:4px 7px;font-size:10px;font-weight:700}.blog-head{max-width:720px;margin-bottom:48px}.blog-head h1{font-family:var(--font-display);letter-spacing:-.022em;margin-top:16px;font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.04}.blog-head p{color:var(--text-secondary);margin-top:18px;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.blog-list{border-top:1px solid var(--border-subtle)}.blog-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:140px 1fr auto;align-items:center;gap:32px;padding:26px 8px;text-decoration:none;transition:background .15s,padding .15s;display:grid}.blog-row:hover{background:var(--surface-subtle);padding-inline:16px}.blog-row .date{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.blog-row .ttl{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-size:22px;font-weight:600}.blog-row .excerpt{color:var(--text-secondary);margin-top:6px;font-size:14.5px;line-height:1.5}.blog-row .go{font-family:var(--font-mono);color:var(--text-muted);transition:transform .15s,color .15s}.blog-row:hover .go{color:var(--brand);transform:translate(4px)}.blog-row .tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.blog-empty{border:1px dashed var(--border-default);border-radius:var(--radius-card);text-align:center;color:var(--text-secondary);padding:48px}.blog-empty code{font-family:var(--font-mono);background:var(--surface-sunken);border-radius:var(--radius-xs);padding:2px 6px}.post{max-width:var(--container-text);margin:0 auto;padding:clamp(48px,7vw,96px) clamp(20px,5vw,64px)}.post-back{font-family:var(--font-mono);color:var(--text-muted);gap:6px;margin-bottom:32px;font-size:12px;text-decoration:none;display:inline-flex}.post-back:hover{color:var(--brand)}.post-meta{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:14px;margin-bottom:20px;font-size:12px;display:flex}.post h1{font-family:var(--font-display);letter-spacing:-.022em;font-size:clamp(32px,4.5vw,56px);font-weight:700;line-height:1.05}.post-excerpt{color:var(--text-secondary);margin-top:18px;font-size:19px;line-height:1.55}.post-hero{border-radius:var(--radius-card);border:1px solid var(--border-subtle);width:100%;margin-top:36px}.post-body{color:var(--text-primary);margin-top:40px;font-size:17px;line-height:1.7}.post-body p{margin-top:1.1em}.post-body h2{font-family:var(--font-display);letter-spacing:-.015em;margin-top:2em;font-size:30px;font-weight:700}.post-body h3{font-family:var(--font-display);margin-top:1.6em;font-size:22px;font-weight:700}.post-body a{color:var(--brand);text-underline-offset:3px;text-decoration:underline}.post-body ul,.post-body ol{margin-top:1em;padding-left:1.4em}.post-body li{margin-top:.4em}.post-body blockquote{border-left:3px solid var(--brand);background:var(--surface-subtle);color:var(--text-secondary);margin:1.5em 0;padding:12px 20px;font-style:italic}.post-body code{font-family:var(--font-mono);background:var(--surface-sunken);border-radius:var(--radius-xs);padding:2px 6px;font-size:.92em}.post-body pre{background:var(--ink);color:#fff;border-radius:var(--radius-card);margin-top:1.2em;padding:18px 20px;font-size:14px;overflow-x:auto}.post-body pre code{color:inherit;background:0 0;padding:0}.post-body img{border-radius:var(--radius-card);max-width:100%;margin-top:1.5em}@media (max-width:720px){.blog-row{grid-template-columns:1fr auto}.blog-row .date{display:none}}