.blog-shell{max-width:68rem;margin-inline:auto;padding:var(--space-xl) var(--space-md) var(--space-3xl);color:var(--color-ink)}.blog-shell a{text-decoration:underline;text-underline-offset:.2em}.blog-shell a:hover{color:var(--color-accent)}.blog-shell a:active{color:var(--color-accent-hover)}.blog-shell a:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.blog-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);margin-bottom:var(--space-xl)}.blog-breadcrumb a,.blog-action{white-space:nowrap;min-height:2.75rem;display:inline-flex;align-items:center;gap:var(--space-xs)}.blog-heading{max-width:48rem;margin-bottom:var(--space-2xl)}.blog-heading h1{font-family:var(--font-display);font-size:clamp(2rem,3vw + 1rem,3.25rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;min-width:0;overflow-wrap:anywhere}.blog-heading p{margin-top:var(--space-lg)}.blog-lede{font-size:var(--text-lg);line-height:1.6}.blog-byline,.blog-category{font-size:var(--text-sm)}.blog-index{display:grid;gap:var(--space-xl)}.blog-index-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);padding-bottom:var(--space-xl);border-bottom:var(--rule-hairline) solid var(--color-paper-subtle)}.blog-index-entry img{width:100%;max-width:15rem;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm)}.blog-index-entry h2{font:700 var(--text-xl)/1.3 var(--font-display);margin-block:var(--space-xs) var(--space-sm)}.blog-index-entry p{max-width:65ch;line-height:1.65}.blog-category{color:var(--color-accent)}.blog-action{font-weight:700;margin-top:var(--space-xs)}.blog-reading-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.blog-contents{border-block:var(--rule-hairline) solid var(--color-paper-subtle);padding-block:var(--space-lg)}.blog-contents h2{font-weight:700;margin-bottom:var(--space-sm)}.blog-contents li{margin-block:var(--space-xs)}.blog-contents a{display:inline-block;padding-block:var(--space-xs);font-size:var(--text-sm)}.blog-contents p{margin-top:var(--space-lg)}.blog-prose{min-width:0;max-width:65ch;font-size:var(--text-base);line-height:1.65}.blog-prose p+p{margin-top:var(--space-lg)}.blog-prose h2,.blog-note h2{font:700 var(--text-xl)/1.3 var(--font-display);margin-bottom:var(--space-lg)}.blog-section{margin-top:var(--space-xl);scroll-margin-top:9rem}.blog-section ul{list-style:disc;padding-inline-start:var(--space-lg);margin-block:var(--space-lg)}.blog-section li+li{margin-top:var(--space-sm)}.blog-figure{margin-block:var(--space-xl)}.blog-figure img{width:100%;max-height:30rem;object-fit:contain;background:var(--color-paper-muted);border-radius:var(--radius-sm)}.blog-figure figcaption{margin-top:var(--space-sm);font-size:var(--text-sm)}.blog-reference{font-size:var(--text-sm);margin-top:var(--space-lg)}.blog-note{margin-top:var(--space-2xl);padding-block:var(--space-lg);border-block:var(--rule-hairline) solid var(--color-paper-subtle);max-width:65ch;line-height:1.65}.blog-related{margin-top:var(--space-2xl)}.blog-related>div{margin-top:var(--space-lg)}.blog-related h3{font-family:var(--font-display);font-weight:700}.blog-related p{font-size:var(--text-sm);margin-top:var(--space-xs)}.blog-pagination{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-top:var(--space-xl)}.blog-pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding-inline:var(--space-sm)}.blog-pagination [aria-current=page]{color:var(--color-paper);background:var(--color-ink);border-radius:var(--radius-sm);text-decoration:none}@media(min-width:40rem){.blog-shell{padding-inline:var(--space-xl)}.blog-index-entry{grid-template-columns:minmax(0,12rem) minmax(0,1fr)}}@media(min-width:60rem){.blog-reading-layout{grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:var(--space-2xl)}.blog-contents{align-self:start;position:sticky;top:9rem}}
