.blog-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));display:grid}.post-article{padding-bottom:var(--space-2xl)}.post-header{padding-block:var(--space-2xl);border-bottom:1px solid var(--border);background:var(--bg);text-align:center}.post-header .post-meta-top{justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-family:var(--font-sans);flex-wrap:wrap;font-size:.8rem;display:flex}.post-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);margin-bottom:var(--space-sm);max-width:26ch;margin-inline:auto;line-height:1.1}.post-excerpt{font-family:var(--font-serif);font-style:italic;font-size:var(--text-md);color:var(--text-soft);max-width:48ch;margin:var(--space-sm) auto var(--space-md);line-height:1.5}.post-byline{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.04em;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.post-byline .separator{opacity:.5}@media (width<=480px){.post-byline{flex-direction:column;gap:.2rem}.post-byline .separator{display:none}}.post-layout{gap:var(--space-xl);padding-block:var(--space-xl);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1000px){.post-layout:has(.post-toc:not([hidden])),.post-layout--has-toc{grid-template-columns:minmax(0,18rem) minmax(0,1fr)}}.post-body{width:100%;min-width:0}.post-layout:not(:has(.post-toc:not([hidden]))) .post-body,.post-layout:not(.post-layout--has-toc) .post-body{max-width:var(--reading-max);margin-inline:auto}.post-body.drop-cap>p:first-of-type:first-letter,.post-body .drop-cap:first-letter{all:unset}.work-article .post-body{font-family:var(--font-serif);font-size:var(--text-base);line-height:1.8}.work-article .post-body>p{text-align:left;hyphens:manual;text-wrap:pretty;margin-block:0 1.1em}.work-article .post-body>h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-semibold);text-align:left;color:var(--heading);border-top:0;margin-top:2.4em;margin-bottom:.5em;padding-top:0}.work-article .post-body>h2:before{content:none;display:none}.work-article .post-body>h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-semibold);margin-top:2em;margin-bottom:.4em}.work-article .post-body>blockquote{margin-block:1.5em;font-size:1em}.work-article .post-body hr{border:0;border-top:1px solid var(--border);margin-block:2em}.author-card{gap:var(--space-md);padding:var(--space-lg);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:var(--space-xl);align-items:flex-start;display:flex}.author-avatar{background:var(--bg);width:48px;height:48px;color:var(--accent);border:1px solid var(--border);font-family:var(--font-serif);font-weight:var(--fw-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.author-name{font-family:var(--font-serif);font-weight:var(--fw-semibold);color:var(--heading);font-size:1rem}.author-bio{color:var(--text-soft);margin-top:.25rem;font-size:.9rem;line-height:1.55}.post-prev-next{gap:var(--space-md);margin-top:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=640px){.post-prev-next{grid-template-columns:1fr 1fr}}.post-prev-next a{padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);color:inherit;transition:border-color var(--dur-fast) var(--ease);background:0 0;text-decoration:none;display:block}.post-prev-next a:hover{border-color:var(--accent)}.post-prev-next .label{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.post-prev-next strong{font-family:var(--font-serif);font-size:1rem;font-weight:var(--fw-semibold);color:var(--heading);margin-top:.2rem;line-height:1.3;display:block}.post-next{text-align:right}.related-posts{padding-top:var(--space-xl);margin-top:var(--space-xl);border-top:1px solid var(--border)}.related-posts h2{font-size:var(--text-lg);text-align:center;margin-bottom:var(--space-lg)}.related-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.back-link{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.02em;font-size:.85rem;text-decoration:none}.back-link:hover{color:var(--accent)}