.blog-page,.post-page{min-height:100vh;max-width:var(--max-width);margin:0 auto;padding:clamp(1.25rem,3vw,2.25rem) var(--section-padding-x) clamp(3.5rem,9vh,7rem)}.blog-shell-bar{display:flex;align-items:center;gap:.75rem;padding:.55rem .9rem;background:var(--color-bg-alt);border:var(--border-w) solid var(--color-border);box-shadow:var(--shadow-hard);font-size:.78rem;color:var(--color-ink-soft);margin-bottom:clamp(2rem,5vh,3.25rem)}.blog-shell-bar-dots{display:inline-flex;gap:.3rem}.blog-shell-bar-dot{width:10px;height:10px;border-radius:999px;background:#0a0a0a33;border:1px solid var(--color-border)}.blog-shell-bar-dot--live{background:var(--color-accent)}.blog-header{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-size:clamp(1rem,2vw,1.15rem);margin-bottom:1.1rem}.blog-header-prompt{color:var(--color-accent);font-weight:800}.blog-header-cmd{font-weight:700;color:var(--color-ink)}.blog-header-flag{color:var(--color-ink-muted)}.blog-rule{border:none;border-top:var(--border-w) solid var(--color-border);margin-bottom:2.25rem}.blog-intro{color:var(--color-ink-soft);font-size:.92rem;line-height:1.65;margin-bottom:2.5rem;max-width:60ch}.blog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;border-top:var(--border-w) solid var(--color-border)}.blog-list-item{border-bottom:var(--border-w) solid var(--color-border)}.blog-list-link{display:grid;grid-template-columns:110px 1fr auto;gap:1.25rem;align-items:baseline;padding:1.1rem .25rem;transition:background .12s ease,padding-left .12s ease}.blog-list-link:hover,.blog-list-link:focus-visible{background:var(--color-bg-alt);padding-left:.6rem;outline:none}.blog-list-link:focus-visible{box-shadow:inset 3px 0 0 var(--color-accent)}.blog-list-date{font-size:.82rem;color:var(--color-ink-muted);font-variant-numeric:tabular-nums}.blog-list-title{font-size:1rem;font-weight:700;color:var(--color-ink);letter-spacing:-.01em;text-wrap:balance}.blog-list-arrow{font-weight:700;color:var(--color-accent);transition:transform .12s ease}.blog-list-link:hover .blog-list-arrow{transform:translate(4px)}.blog-empty{padding:2rem 0;color:var(--color-ink-muted);font-size:.92rem}@media(max-width:640px){.blog-list-link{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.25rem 1rem}.blog-list-date{grid-column:1 / -1;order:2}.blog-list-title{grid-column:1 / 2;order:1}.blog-list-arrow{grid-column:2 / 3;grid-row:1 / 2;order:1}}.post-meta{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-size:.85rem;color:var(--color-ink-muted);margin-bottom:1rem}.post-meta-prompt{color:var(--color-accent);font-weight:800}.post-meta-cmd{font-weight:700;color:var(--color-ink)}.post-title{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:1.1rem;text-wrap:balance}.post-period{color:var(--color-accent)}.post-date{display:block;font-size:.85rem;color:var(--color-ink-muted);margin-bottom:.5rem;font-variant-numeric:tabular-nums}.post-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2.25rem}.post-tag{display:inline-block;padding:.22rem .55rem;border:var(--border-w) solid var(--color-border);background:var(--color-bg-alt);font-size:.75rem;font-weight:600;color:var(--color-ink);text-decoration:none;transition:background .12s ease,transform .12s ease}a.post-tag:hover,a.post-tag:focus-visible{background:var(--color-accent);transform:translate(-1px,-1px);outline:none}.post-rule{border:none;border-top:var(--border-w) solid var(--color-border);margin:0 0 2.25rem}.post-content{max-width:68ch;font-size:1rem;line-height:1.72;color:var(--color-ink)}.post-content>*+*{margin-top:1.1rem}.post-content h2,.post-content h3,.post-content h4{font-weight:700;letter-spacing:-.02em;margin-top:2.25rem;margin-bottom:.5rem}.post-content h2{font-size:1.5rem;padding-bottom:.4rem;border-bottom:var(--border-w) solid var(--color-border)}.post-content h3{font-size:1.2rem}.post-content h4{font-size:1.05rem}.post-content p{color:var(--color-ink-soft)}.post-content strong{color:var(--color-ink);font-weight:700}.post-content a{color:var(--color-ink);background-image:linear-gradient(var(--color-accent),var(--color-accent));background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%;padding-bottom:1px;transition:background-size .18s ease}.post-content a:hover,.post-content a:focus-visible{background-size:100% 36%;outline:none}.post-content ul,.post-content ol{padding-left:1.4rem;color:var(--color-ink-soft)}.post-content li{margin-top:.35rem}.post-content blockquote{border-left:4px solid var(--color-accent);padding:.5rem 0 .5rem 1rem;margin:1.5rem 0;font-style:italic;color:var(--color-ink-soft);background:var(--color-bg-alt)}.post-content blockquote p{color:var(--color-ink)}.post-content code{font-family:var(--font-mono);font-size:.88em;padding:.12rem .35rem;background:var(--color-bg-alt);border:1px solid var(--color-border)}.post-content pre{background:#0a0a0a;color:#f5f1dc;padding:1rem 1.1rem;border:var(--border-w) solid var(--color-border);box-shadow:var(--shadow-hard);overflow-x:auto;font-size:.85rem;line-height:1.55}.post-content pre code{background:transparent;border:0;padding:0;color:inherit;font-size:inherit}.post-content hr{border:none;border-top:var(--border-w) solid var(--color-border);margin:2.25rem 0}.post-content img{border:var(--border-w) solid var(--color-border);box-shadow:var(--shadow-hard);margin:1.5rem 0}.post-back{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-top:clamp(-2rem,-3vh,-1rem);margin-bottom:1.5rem;padding:.5rem .85rem;font-size:.85rem;font-weight:700;color:var(--color-ink);text-decoration:none;background:var(--color-surface);border:var(--border-w) solid var(--color-border);box-shadow:var(--shadow-hard-sm);transition:transform .12s ease,background .12s ease}.post-back:hover,.post-back:focus-visible{transform:translate(-2px,-2px);background:var(--color-accent);outline:none}.post-back-arrow{font-weight:800;line-height:1}.post-follow{margin-top:3.5rem;padding:1.5rem 1.25rem;border:var(--border-w) solid var(--color-border);background:var(--color-bg-alt);box-shadow:var(--shadow-hard);display:grid;gap:.6rem}.post-follow-header{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem}.post-follow-prompt{color:var(--color-accent);font-weight:800}.post-follow-cmd{font-weight:700;color:var(--color-ink-soft)}.post-follow-title{font-size:clamp(1.15rem,2.25vw,1.5rem);font-weight:800;line-height:1.15;margin:0;color:var(--color-ink);text-wrap:balance}.post-follow-handle{color:var(--color-accent)}.post-follow-desc{margin:0;font-size:.9rem;line-height:1.55;color:var(--color-ink-soft);max-width:52ch}.post-follow-cta{justify-self:start;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-top:.35rem;padding:.55rem .95rem;font-size:.9rem;font-weight:700;color:var(--color-ink);text-decoration:none;background:var(--color-surface);border:var(--border-w) solid var(--color-border);box-shadow:var(--shadow-hard-sm);transition:transform .12s ease,background .12s ease}.post-follow-cta:hover,.post-follow-cta:focus-visible{transform:translate(-2px,-2px);background:var(--color-accent);outline:none}.post-follow-cta-arrow{font-weight:800;line-height:1;transition:transform .12s ease}.post-follow-cta:hover .post-follow-cta-arrow,.post-follow-cta:focus-visible .post-follow-cta-arrow{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.post-follow-cta,.post-follow-cta-arrow{transition:background .12s ease}.post-follow-cta:hover,.post-follow-cta:focus-visible,.post-follow-cta:hover .post-follow-cta-arrow,.post-follow-cta:focus-visible .post-follow-cta-arrow{transform:none}}.related-posts{margin-top:3.5rem;padding-top:1.5rem;border-top:var(--border-w) solid var(--color-border)}.related-posts-header{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem;margin-bottom:.5rem}.related-posts-prompt{color:var(--color-accent);font-weight:800}.related-posts-cmd{font-weight:700;color:var(--color-ink-soft)}.related-posts-title{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:800;margin:0 0 1rem;color:var(--color-ink)}.related-posts-list{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}.related-posts-item{margin:0}.related-posts-link{display:grid;gap:.35rem;padding:.9rem 1rem;border:var(--border-w) solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-hard-sm);color:var(--color-ink);text-decoration:none;transition:transform .12s ease,background .12s ease}.related-posts-link:hover,.related-posts-link:focus-visible{transform:translate(-2px,-2px);background:var(--color-accent);outline:none}.related-posts-link-title{font-weight:800;font-size:1rem;text-wrap:balance}.related-posts-link-desc{font-size:.88rem;color:var(--color-ink-soft);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.related-posts-link:hover .related-posts-link-desc,.related-posts-link:focus-visible .related-posts-link-desc,.related-posts-link:hover .related-posts-link-tags,.related-posts-link:focus-visible .related-posts-link-tags{color:var(--color-ink)}.related-posts-link-tags{display:inline-flex;flex-wrap:wrap;gap:.4rem;font-size:.75rem;color:var(--color-ink-soft)}.related-posts-link-tag{font-weight:700}.post-nav{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:3.5rem;padding-top:1.5rem;border-top:var(--border-w) solid var(--color-border)}.post-nav-link{display:inline-flex;align-items:center;min-height:44px;font-size:.88rem;font-weight:700;color:var(--color-ink);padding:.5rem .85rem;border:var(--border-w) solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-hard-sm);transition:transform .12s ease,background .12s ease}.post-nav-link:hover,.post-nav-link:focus-visible{transform:translate(-2px,-2px);background:var(--color-accent);outline:none}@media(prefers-reduced-motion:reduce){.post-back,.post-nav-link,.related-posts-link,.blog-list-link,.blog-list-arrow{transition:background .12s ease}.post-back:hover,.post-back:focus-visible,.post-nav-link:hover,.post-nav-link:focus-visible,.related-posts-link:hover,.related-posts-link:focus-visible{transform:none}.blog-list-link:hover .blog-list-arrow{transform:none}}