.article-page,.blog-index{width:100%;max-width:82rem;margin-inline:auto;padding-block:clamp(1rem,2.5vw,2.5rem) clamp(4rem,8vw,8rem)}.article-page-header,.blog-index-header{border-bottom:1px solid var(--border);width:100%;padding-block:clamp(2rem,5vw,4.75rem)}.article-section-label{color:var(--primary);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:600}.article-page-header h1,.blog-index-header h1{width:100%;font-family:var(--font-serif);letter-spacing:-.045em;text-wrap:balance;margin-top:1.1rem;font-size:clamp(2.6rem,6.4vw,6rem);font-weight:600;line-height:1.06}.article-description,.blog-index-header>p:last-child{max-width:58rem;color:var(--muted-foreground);margin-top:1.5rem;font-size:clamp(1rem,1.45vw,1.16rem);line-height:1.85}.article-meta{flex-wrap:wrap;gap:1.1rem 2.5rem;margin-top:2rem;display:flex}.article-meta div{align-items:baseline;gap:.5rem;display:flex}.article-meta dt{color:var(--muted-foreground);font-size:.72rem}.article-meta dd{font-family:var(--font-mono);font-size:.75rem}.article-cover{background:var(--muted);max-width:64rem;margin:clamp(2.5rem,6vw,5.5rem) auto 0;overflow:hidden}.article-cover img{width:100%;height:auto;display:block}.article-content{width:min(100%,48rem);margin:clamp(3.25rem,7vw,6.5rem) auto 0}.article-prose{--color-fg:var(--muted-foreground);--color-fg-strong:var(--foreground);--color-fg-muted:var(--muted-foreground);--color-fg-subtle:var(--muted-foreground);--color-accent:var(--primary);--color-accent-soft:color-mix(in srgb, var(--primary) 9%, transparent);--color-bg:var(--background);--color-bg-sunken:color-mix(in srgb, var(--muted) 60%, transparent);--color-border-subtle:var(--border);--color-border-strong:color-mix(in srgb, var(--primary) 48%, var(--border));--font-display:var(--font-serif);--text-body:clamp(1rem, 1.15vw, 1.08rem);--text-h2:clamp(1.65rem, 3.2vw, 2.25rem);--text-h3:clamp(1.3rem, 2.4vw, 1.65rem);--leading-body:1.95;text-wrap:pretty}.article-prose .content-heading{letter-spacing:-.02em;scroll-margin-top:7rem}.article-prose .content-heading--h2{margin-top:clamp(3rem,7vw,5rem);margin-bottom:1.2rem}.article-prose>.content-heading:first-child{margin-top:0}.article-prose .content-paragraph+.content-paragraph{margin-top:1rem}.article-prose .content-list{margin-top:1.25rem;margin-bottom:1.75rem}.article-prose .content-list>li{padding-left:.35rem}.article-prose .content-list>li::marker{color:var(--primary)}.article-prose .content-figure,.article-prose .content-quote{margin-block:2.5rem}.article-empty{color:var(--muted-foreground);line-height:1.8}.article-related{border-top:1px solid var(--border);width:min(100%,48rem);margin:clamp(4rem,9vw,8rem) auto 0;padding-top:2rem}.article-related h2{font-family:var(--font-serif);font-size:1.45rem;font-weight:600}.article-related ul{margin-top:1rem}.article-related li{border-top:1px solid var(--border)}.article-related li:last-child{border-bottom:1px solid var(--border)}.article-related a{gap:.4rem;padding-block:1.25rem;display:grid}.article-related strong{font-family:var(--font-serif);font-size:1.05rem;font-weight:600}.article-related span{color:var(--muted-foreground);font-size:.84rem;line-height:1.65}.blog-index-header h1{font-size:clamp(2.8rem,6vw,5.4rem)}.blog-filters{border-bottom:1px solid var(--border);padding-block:1.25rem}.blog-filter-row{grid-template-columns:4rem minmax(0,1fr);align-items:start;gap:1rem;min-height:2.6rem;padding-block:.4rem;display:grid}.blog-filter-row>span{color:var(--muted-foreground);padding-top:.48rem;font-size:.76rem}.blog-filter-row>div{flex-wrap:wrap;gap:.15rem 1.2rem;display:flex}.blog-filter-row a{color:var(--muted-foreground);border-bottom:1px solid #0000;padding-block:.4rem;font-size:.82rem;transition:border-color .16s,color .16s}.blog-filter-row a:hover,.blog-filter-row a[aria-current=page]{border-color:var(--brand-cinnabar);color:var(--foreground)}.blog-collection{margin-top:clamp(2.5rem,6vw,5rem)}.blog-list-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:1rem;display:flex}.blog-list-heading h2{font-family:var(--font-serif);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600}.blog-list-heading span{color:var(--muted-foreground);font-family:var(--font-mono);font-size:.72rem}.blog-post-list{--card-min:100%;--list-gap:0;--card-padding:0;--card-gap:0;--card-media-ratio:16 / 10}.blog-list-item{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0}.blog-list-row{grid-template-columns:minmax(12rem,17rem) minmax(0,1fr);align-items:center;gap:clamp(1.4rem,4vw,3.5rem);padding-block:clamp(1.5rem,3vw,2.25rem);display:grid}.blog-list-media{border-radius:calc(var(--radius) * .75);position:relative;overflow:hidden}.blog-list-media img{object-fit:cover;transition:transform .36s}.blog-list-row:hover .blog-list-media img{transform:scale(1.025)}.blog-list-placeholder{background:color-mix(in srgb, var(--primary) 10%, var(--card));width:100%;height:100%;color:var(--primary);place-items:center;display:grid}.blog-list-placeholder svg{width:2.75rem;height:2.75rem}.blog-list-body{padding-block:.25rem}.blog-list-body .card-meta{font-size:.74rem}.blog-list-body .card-meta>*+:before{color:var(--border);content:"·";margin-right:.5rem}.blog-list-body h2{font-family:var(--font-serif);letter-spacing:-.02em;margin-top:.45rem;font-size:clamp(1.35rem,2.7vw,2rem);font-weight:600;line-height:1.35;transition:color .16s}.blog-list-row:hover h2{color:var(--primary)}.blog-list-body>p{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.7rem;font-size:.9rem;line-height:1.75;display:-webkit-box;overflow:hidden}.blog-empty-state{border-bottom:1px solid var(--border);padding-block:4rem}.blog-empty-state h3{font-family:var(--font-serif);font-size:1.4rem;font-weight:600}.blog-empty-state p{color:var(--muted-foreground);margin-top:.5rem;font-size:.9rem}.blog-pagination{margin-top:2.5rem}.blog-filter-loading{border-bottom:1px solid var(--border);gap:.75rem;padding-block:1.5rem;display:grid}.blog-not-found{min-height:60vh}.blog-not-found>svg{width:2.5rem;height:2.5rem;color:var(--primary)}.blog-not-found h1{font-family:var(--font-serif);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:600}@media (max-width:640px){.article-page-header,.blog-index-header{padding-block:1.75rem 3rem}.article-meta{gap:.65rem;display:grid}.blog-filter-row{grid-template-columns:1fr;gap:.15rem}.blog-list-row{grid-template-columns:minmax(0,1fr);gap:1rem}.blog-list-body{padding-bottom:.5rem}}@media (prefers-reduced-motion:reduce){.blog-filter-row a,.blog-list-media img,.blog-list-body h2{transition:none}}
.article-layout{grid-template-columns:minmax(10rem,13rem) minmax(0,48rem);align-items:start;gap:clamp(2.5rem,6vw,6rem);width:min(100%,67rem);margin:clamp(3.25rem,7vw,6.5rem) auto 0;display:grid}.article-layout--single{grid-template-columns:minmax(0,48rem);justify-content:center}.article-layout .article-content{margin:0}.article-outline>div{position:sticky;top:6.5rem}.article-outline p{color:var(--foreground);font-family:var(--font-mono);letter-spacing:.12em;margin-bottom:.85rem;font-size:.7rem;font-weight:600}.article-outline ol{gap:.1rem;margin:0;padding:0;list-style:none;display:grid}.article-outline a{border-left:1px solid var(--border);color:var(--muted-foreground);padding:.45rem 0 .45rem .8rem;font-size:.78rem;line-height:1.5;transition:border-color .16s,color .16s;display:block}.article-outline a:hover{border-color:var(--brand-cinnabar);color:var(--foreground)}.article-outline-level-3 a{padding-left:1.3rem;font-size:.74rem}.article-outline-level-4 a{padding-left:1.8rem;font-size:.7rem}@media (max-width:900px){.article-layout{grid-template-columns:minmax(0,1fr);width:min(100%,48rem)}.article-outline{display:none}}@media (prefers-reduced-motion:reduce){.article-outline a{transition:none}}