@layer components{.article-page{--page-accent:var(--accent);--page-accent-soft:var(--accent-soft,color-mix(in oklab, var(--accent) 12%, transparent))}.article-hero{border:1px solid color-mix(in oklab, var(--page-accent) 24%, var(--border));background:radial-gradient(circle at 100% 0%, var(--page-accent-soft), transparent 60%), var(--surface);box-shadow:0 12px 30px color-mix(in oklab, var(--page-accent) 9%, transparent);border-radius:1.25rem;gap:1.25rem;margin-block:1.25rem 2rem;padding:clamp(1.25rem,3vw,2.5rem);display:grid}.article-hero-copy{min-width:0}.article-hero--text-only{grid-template-columns:minmax(0,1fr)}.article-hero-category{color:var(--page-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:.75rem;font-weight:700}.article-hero-title{color:var(--page-accent);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,5vw,3.5rem);font-weight:800;line-height:1.12}.article-hero-summary{max-width:48rem;color:color-mix(in oklab, var(--foreground) 78%, transparent);text-wrap:pretty;margin:1rem 0 0;font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.9}.article-hero-meta{color:var(--foreground-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.8rem;display:flex}.article-hero-date{color:var(--foreground-muted)}.article-hero-meta-separator{color:var(--page-accent)}.article-hero-reading-time{color:color-mix(in oklab, var(--page-accent) 82%, var(--foreground));font-weight:600}.article-hero-author{min-width:0;color:var(--foreground-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.article-hero-tags{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.article-hero-tag{border:1px solid color-mix(in oklab, var(--page-accent) 22%, var(--border));background:color-mix(in oklab, var(--page-accent-soft) 72%, var(--surface));min-height:1.75rem;color:color-mix(in oklab, var(--page-accent) 78%, var(--foreground));border-radius:9999px;align-items:center;padding:.25rem .65rem;font-size:.72rem;line-height:1.2;display:inline-flex}.article-hero-source{border:1px solid color-mix(in oklab, var(--page-accent) 18%, var(--border));background:color-mix(in oklab, var(--page-accent-soft) 48%, var(--surface));min-width:0;max-width:48rem;color:var(--foreground-muted);border-radius:.7rem;align-items:center;gap:.55rem;margin-top:1rem;padding:.65rem .75rem;font-size:.78rem;text-decoration:none;transition:border-color .16s,background-color .16s,color .16s;display:flex}.article-hero-source:hover,.article-hero-source:focus-visible{border-color:color-mix(in oklab, var(--page-accent) 48%, var(--border));background:color-mix(in oklab, var(--page-accent-soft) 72%, var(--surface));color:var(--page-accent);outline:none}.article-hero-source-label{color:var(--page-accent);flex:none;font-weight:700}.article-hero-source-url{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.article-hero-source-arrow{flex:none;font-size:1rem}.article-hero-media{border:1px solid color-mix(in oklab, var(--page-accent) 18%, var(--border));background:var(--page-accent-soft);border-radius:.9rem;min-width:0;overflow:hidden}.article-hero-cover{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.article-hero-cover-placeholder{background:linear-gradient(135deg, color-mix(in oklab, var(--page-accent) 62%, var(--surface)), transparent 60%), var(--page-accent-soft)}.article-reading-rail{border-left:2px solid var(--page-accent)}.article-reading-rail .toc-link:hover,.article-reading-rail .toc-link:focus-visible,.article-reading-rail-mobile .toc-link:hover,.article-reading-rail-mobile .toc-link:focus-visible{color:var(--page-accent)}.article-page .toc-link.is-active-link{color:var(--page-accent);border-left-color:var(--page-accent)}.article-reading-rail-mobile{border:1px solid color-mix(in oklab, var(--page-accent) 28%, var(--border));background:color-mix(in oklab, var(--page-accent-soft) 58%, var(--surface));border-radius:.75rem;margin-block:0 1.25rem}.article-reading-rail-mobile[open]{box-shadow:0 8px 20px color-mix(in oklab, var(--page-accent) 10%, transparent)}.article-reading-rail-mobile-toggle{min-height:2.75rem;color:var(--page-accent);cursor:pointer;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.875rem;font-weight:700;list-style:none;display:flex}.article-reading-rail-mobile-label{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.article-reading-rail-progress{color:var(--foreground-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:none;font-size:.7rem;font-weight:500}.article-reading-rail-mobile-toggle::-webkit-details-marker{display:none}.article-reading-rail-mobile[open] .article-reading-rail-mobile-icon{transform:rotate(180deg)}.article-reading-rail-mobile-icon{transition:transform .16s}.article-reading-rail-shell{display:contents}#sidebar.article-reading-rail{top:calc(var(--site-header-height,4rem) + 5rem);z-index:35;width:12rem;height:min(42rem, calc(100vh - var(--site-header-height,4rem) - 13.5rem));min-height:0;box-shadow:none;background:0 0;border:0;padding:0;display:none;position:fixed;left:calc(50% + 26.5rem);overflow:hidden}.article-reading-rail-card{border:1px solid color-mix(in oklab, var(--page-accent) 24%, var(--border));background:color-mix(in oklab, var(--surface) 91%, transparent);height:100%;min-height:0;box-shadow:0 1rem 2.5rem -2rem color-mix(in oklab, var(--page-accent) 38%, transparent);backdrop-filter:blur(14px);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.article-reading-rail-header{border-bottom:1px solid color-mix(in oklab, var(--border) 68%, transparent);justify-content:space-between;align-items:start;gap:.7rem;padding:.85rem .8rem .7rem;display:flex}.article-reading-rail-kicker,.article-reading-rail-mobile-kicker{color:var(--page-accent);letter-spacing:.16em;text-transform:uppercase;font-size:.58rem;font-weight:800;line-height:1.2}.article-reading-rail .toc-title{color:var(--foreground);margin-top:.35rem;font-size:.9rem;font-weight:700;line-height:1.3}.article-reading-rail-count{min-width:1.75rem;height:1.75rem;color:var(--page-accent);background:var(--page-accent-soft);font-variant-numeric:tabular-nums;border-radius:9999px;flex:none;place-items:center;font-size:.7rem;font-weight:800;display:inline-grid}.article-reading-rail-progress-wrap{border-bottom:1px solid color-mix(in oklab, var(--border) 58%, transparent);padding:.7rem .8rem .65rem}.article-reading-rail-progress-label{min-width:0;color:var(--foreground-muted);justify-content:space-between;align-items:center;gap:.6rem;font-size:.62rem;line-height:1.4;display:flex}.article-reading-rail-progress-label>:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.article-reading-rail-progress{color:var(--page-accent);font-variant-numeric:tabular-nums;flex:none;font-size:.65rem;font-weight:700}.article-reading-rail-progress-track{background:color-mix(in oklab, var(--page-accent) 12%, var(--border));border-radius:9999px;height:.18rem;margin-top:.5rem;overflow:hidden}.article-reading-rail-progress-track>span{width:var(--toc-progress,0%);border-radius:inherit;background:var(--page-accent);height:100%;transition:width .22s;display:block}.article-reading-rail-current{color:color-mix(in oklab, var(--foreground) 76%, transparent);text-overflow:ellipsis;white-space:nowrap;margin-top:.45rem;font-size:.68rem;line-height:1.45;overflow:hidden}.article-reading-rail-nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--page-accent) 35%, transparent) transparent;min-height:0;padding:.4rem .45rem .65rem;overflow-y:auto}.article-reading-rail .toc-list,.article-reading-rail-mobile .toc-list{margin:0;padding:0}.article-reading-rail .toc-list-item,.article-reading-rail-mobile .toc-list-item{margin:0;padding:.08rem 0}.article-reading-rail .toc-link,.article-reading-rail-mobile .toc-link{overflow-wrap:anywhere;color:color-mix(in oklab, var(--foreground) 67%, transparent);border:0;border-radius:.55rem;padding:.42rem .55rem;font-size:.72rem;line-height:1.45;text-decoration:none;transition:color .16s,background-color .16s,box-shadow .16s;display:block}.article-reading-rail .toc-link.node-name--H3,.article-reading-rail-mobile .toc-link.node-name--H3{padding-inline-start:1.05rem}.article-reading-rail .toc-link.node-name--H4,.article-reading-rail-mobile .toc-link.node-name--H4{color:color-mix(in oklab, var(--foreground) 54%, transparent);padding-inline-start:1.55rem;font-size:.68rem}.article-page .article-reading-rail .toc-link:hover,.article-page .article-reading-rail .toc-link:focus-visible,.article-page .article-reading-rail-mobile .toc-link:hover,.article-page .article-reading-rail-mobile .toc-link:focus-visible{color:var(--page-accent);background:var(--page-accent-soft);outline:none}.article-page .article-reading-rail .toc-link.is-active-link,.article-page .article-reading-rail-mobile .toc-link.is-active-link{color:var(--page-accent);background:var(--page-accent-soft);box-shadow:inset 2px 0 var(--page-accent);border:0;font-weight:700}.article-reading-rail-mobile{border-color:color-mix(in oklab, var(--page-accent) 30%, var(--border));background:color-mix(in oklab, var(--page-accent-soft) 62%, var(--surface));backdrop-filter:blur(14px);display:block}.article-reading-rail-mobile-toggle{gap:.7rem;min-height:3rem;padding:.65rem .8rem}.article-reading-rail-mobile-label{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;min-width:0;display:grid}.article-reading-rail-mobile-title{min-width:0;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;overflow:hidden}.article-reading-rail-mobile-panel{border-top:1px solid color-mix(in oklab, var(--page-accent) 20%, var(--border));padding:.65rem .8rem .8rem}.article-reading-rail-mobile-current{min-width:0;color:color-mix(in oklab, var(--foreground) 76%, transparent);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.article-reading-rail-mobile-nav{margin-top:.65rem;padding:0}.article-reading-body{--article-reading-gap:clamp(1.15rem, 2vw, 1.75rem)}.article-reading-body>:where(p,ul,ol,blockquote,pre,table,figure){margin-block:var(--article-reading-gap)}.article-reading-body img{object-fit:contain;border-radius:.75rem;width:100%;max-width:100%;height:auto;display:block}.article-reading-body :where(figure,picture){width:100%;max-width:100%}.article-reading-body .content-block{margin-block:clamp(1.5rem,3vw,2.25rem)}.article-reading-body .content-block--pullquote{border:1px solid color-mix(in oklab, var(--page-accent) 20%, var(--border));border-inline-start:3px solid var(--page-accent);background:radial-gradient(circle at 100% 0%, var(--page-accent-soft), transparent 62%), var(--surface-muted);border-radius:.85rem;padding:clamp(1rem,3vw,1.75rem)}.article-reading-body .content-block--pullquote blockquote{color:var(--foreground);font-family:var(--font-serif);border:0;margin:0;padding:0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.85}.article-reading-body .content-block__caption{color:var(--foreground-muted);margin:.85rem 0 0;font-size:.8rem}.article-reading-body .content-block--gallery{border:1px solid var(--line-soft);background:var(--surface-muted);border-radius:.9rem;gap:.75rem;padding:.75rem;display:grid}.article-reading-body .content-block--gallery>:where(p,figure){margin:0}.article-reading-body .content-block--gallery[data-columns="1"]{grid-template-columns:minmax(0,1fr)}.article-reading-body .content-block--gallery[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.article-reading-body .content-block--gallery[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.article-reading-body .content-block--gallery[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.article-reading-body .content-block--gallery img{aspect-ratio:4/3;object-fit:cover}.article-reading-body .content-block--timeline{padding-inline-start:1.5rem;list-style:none;position:relative}.article-reading-body .content-block--timeline:before{background:color-mix(in oklab, var(--page-accent) 30%, var(--border));content:"";width:1px;position:absolute;inset-block:.4rem;inset-inline-start:.3rem}.article-reading-body .content-block--timeline>.content-block__item{margin:0;padding:0 0 1.15rem .6rem;list-style:none;position:relative}.article-reading-body .content-block--timeline>.content-block__item:last-child{padding-bottom:0}.article-reading-body .content-block--timeline>.content-block__item:before{border:2px solid var(--page-accent);background:var(--surface);content:"";border-radius:999px;width:.55rem;height:.55rem;position:absolute;top:.45rem;left:-1.45rem}.article-reading-body .content-block--aside{border:1px solid var(--line-soft);border-inline-start:3px solid color-mix(in oklab, var(--page-accent) 66%, var(--border));background:color-mix(in oklab, var(--page-accent-soft) 58%, var(--surface));color:color-mix(in oklab, var(--foreground) 82%, transparent);border-radius:.75rem;padding:1rem 1.1rem;font-size:.95rem}.article-reading-body .content-block--aside[data-title]:before{color:var(--page-accent);content:attr(data-title);letter-spacing:.08em;text-transform:uppercase;margin-block-end:.45rem;font-size:.75rem;font-weight:700;display:block}.article-reading-body .content-block--stats{border-block:1px solid var(--line-soft);grid-template-columns:minmax(7rem,.38fr) minmax(0,1fr);gap:.7rem 1rem;padding:1rem;display:grid}.article-reading-body .content-block--stats .content-block__term{color:var(--foreground-muted);margin:0;font-size:.85rem}.article-reading-body .content-block--stats .content-block__value{color:var(--page-accent);text-align:end;margin:0;font-weight:700}.article-reading-body .content-block--map{border:1px solid color-mix(in oklab, var(--page-accent) 22%, var(--border));background:linear-gradient(color-mix(in oklab, var(--page-accent) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab, var(--page-accent) 7%, transparent) 1px, transparent 1px), var(--surface-muted);background-size:1.1rem 1.1rem;border-radius:.9rem;padding:1.2rem}.article-reading-body .content-block--map[data-title]:before{color:var(--page-accent);content:attr(data-title);margin-block-end:.55rem;font-weight:700;display:block}.article-page #article-lightbox{background:color-mix(in oklab, var(--page-accent) 8%, #000 92%)}.article-page #article-lightbox :where(button):focus-visible{outline-color:var(--page-accent)}}@media (width>=768px){.article-hero{grid-template-columns:minmax(0,1.15fr) minmax(15rem,.85fr);align-items:center}.article-hero.article-hero--text-only{grid-template-columns:minmax(0,1fr)}}@media (width<=1299px){#sidebar.article-reading-rail{display:none}.article-reading-rail-mobile{right:1rem;bottom:max(1rem, env(safe-area-inset-bottom));z-index:45;box-shadow:0 10px 28px color-mix(in oklab, var(--foreground) 15%, transparent);margin:0;position:fixed;left:1rem}.article-reading-rail-mobile[open]{max-height:min(60vh,30rem)}.article-reading-rail-mobile-nav{overscroll-behavior:contain;max-height:min(48vh,24rem);overflow-y:auto}}@media (width>=1300px){#sidebar.article-reading-rail{display:block}.article-reading-rail-mobile{display:none}}@media (width>=1024px){.article-reading-body{max-width:44rem;margin-inline:auto}}@media (prefers-reduced-motion:reduce){.article-reading-rail-mobile-icon{transition:none}}@media (width>=1300px){#sidebar.article-reading-rail{top:calc(var(--site-header-height,4rem) + 5rem);z-index:35}}