body:has(.article-page){color:var(--color-ink);font-family:var(--font-interface);transition:background-color var(--theme-transition-duration) var(--theme-transition-easing), color var(--theme-transition-duration) var(--theme-transition-easing);background:#fffaf2;margin:0}.article-hero{isolation:isolate;padding:var(--space-subpage-hero-block) var(--space-5);background-color:var(--color-surface-beige);background-image:linear-gradient(180deg, var(--color-surface-beige) 0%, var(--color-surface-warm) 100%);color:var(--color-brand-deep);transition:background-color var(--theme-transition-duration) var(--theme-transition-easing), color var(--theme-transition-duration) var(--theme-transition-easing);position:relative;overflow:hidden}.article-hero__inner{z-index:1;width:min(100%, var(--content-width));margin-inline:auto;position:relative}.article-hero__content>a{color:#69d3ad;letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;font-weight:800;text-decoration:none}.article-hero h1{max-width:var(--subpage-title-max-width);font-size:var(--font-size-subpage-title);line-height:var(--subpage-title-line-height);letter-spacing:-.055em;text-wrap:balance;margin:1rem 0 1.5rem}.article-hero__content>p{color:#42554c;max-width:47rem;transition:color var(--theme-transition-duration) var(--theme-transition-easing);margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.article-hero dl{gap:1rem;margin:clamp(2rem,5vw,4rem) 0 0;display:grid}.article-hero dl div{transition:border-color var(--theme-transition-duration) var(--theme-transition-easing);border-top:1px solid #0a493b38;padding-top:.8rem}.article-hero dt{color:var(--color-brand-light);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:800}.article-hero dd{margin:.35rem 0 0;font-size:.88rem;font-weight:700}.article-hero__art{z-index:0;opacity:.07;pointer-events:none;transition:opacity var(--theme-transition-duration) var(--theme-transition-easing);position:absolute;inset:0}.article-hero__art img{filter:saturate(.7);object-fit:cover;width:100%;height:100%;display:block}.article-prose{width:min(100% - 2.5rem,47rem);margin-inline:auto;padding-block:clamp(3rem,7vw,6rem) clamp(4rem,9vw,8rem)}.article-progress{z-index:8;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));width:min(12rem,100% - 2rem);color:var(--color-brand-deep);box-sizing:border-box;backdrop-filter:blur(.7rem);transition:background-color var(--theme-transition-duration) var(--theme-transition-easing), border-color var(--theme-transition-duration) var(--theme-transition-easing), color var(--theme-transition-duration) var(--theme-transition-easing);background:#fffaf2ed;border:1px solid #d8d0c4;border-radius:.75rem;padding:.8rem .9rem;position:fixed;box-shadow:0 .7rem 2rem #071b141f}.article-progress[hidden]{display:none}.article-progress>div{letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;font-size:.72rem;font-weight:800;display:flex}.article-progress output{font-variant-numeric:tabular-nums}.article-progress progress{width:100%;height:.3rem;color:var(--color-brand-green);background:#0a493b1f;border:0;border-radius:999px;display:block;overflow:hidden}.article-progress progress::-webkit-progress-bar{border-radius:inherit;background:#0a493b1f}.article-progress progress::-webkit-progress-value{border-radius:inherit;background:var(--color-brand-green)}.article-progress progress::-moz-progress-bar{border-radius:inherit;background:var(--color-brand-green)}.article-prose p,.article-prose li{color:#34483f;transition:color var(--theme-transition-duration) var(--theme-transition-easing);font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.8}.article-prose p{margin:0 0 1.5rem}.article-prose h2,.article-prose h3,.article-prose h4{color:var(--color-brand-deep);letter-spacing:-.035em;transition:color var(--theme-transition-duration) var(--theme-transition-easing);margin:clamp(3rem,7vw,5rem) 0 1.25rem;line-height:1.1}.article-prose h2{font-size:clamp(1.7rem,4vw,2.5rem)}.article-prose h3{margin-top:clamp(2.25rem,5vw,3.5rem);font-size:clamp(1.35rem,3vw,1.85rem)}.article-prose h4{margin-top:2rem;font-size:clamp(1.1rem,2vw,1.35rem)}.article-prose ul,.article-prose ol{gap:.5rem;padding-left:1.3rem;display:grid}.article-prose a{color:var(--color-brand-green);text-underline-offset:.16em}.article-prose img,.article-prose video,.article-prose iframe{border-radius:.65rem;max-width:100%;height:auto;margin-block:2rem;display:block}.article-prose figure{margin:2rem 0}.article-prose figure img{margin:0}.article-prose figcaption{color:#56675f;margin-top:.65rem;font-size:.85rem;line-height:1.5}.article-prose blockquote{border-left:.25rem solid var(--color-brand-light);margin:2rem 0;padding-left:1.25rem}.related-articles{padding:clamp(4rem, 8vw, 7rem) var(--space-5);transition:background-color var(--theme-transition-duration) var(--theme-transition-easing), color var(--theme-transition-duration) var(--theme-transition-easing);background:#eee5d8}.related-articles>div{width:min(100%, var(--content-width));margin-inline:auto}.related-articles>div>p{color:var(--color-brand-light);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .75rem;font-size:.72rem;font-weight:800}.related-articles h2{letter-spacing:-.04em;margin:0 0 2rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1}.related-articles ul{grid-auto-rows:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.related-articles li{--article-card-image-height:10rem;--article-card-border:#d7cebf;--article-card-background:#fffaf2;--article-card-muted:#42554c;--article-card-accent:var(--color-brand-green)}.related-articles>div>a{border-radius:var(--radius-control);min-height:2.8rem;color:var(--color-brand-deep);transition:border-color var(--theme-transition-duration) var(--theme-transition-easing), color var(--theme-transition-duration) var(--theme-transition-easing);border:1px solid #0a493b66;align-items:center;gap:.65rem;margin-top:2rem;padding-inline:1rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}:root[data-theme=dark] body:has(.article-page){background:var(--color-surface-night);color:var(--color-on-brand)}:root[data-theme=dark] .article-hero{color:var(--color-on-brand);background-color:#08271f;background-image:linear-gradient(#08271f 0%,#041812 100%)}:root[data-theme=dark] .article-hero__content>p{color:#d6e8e1}:root[data-theme=dark] .article-hero dl div{border-color:#ffffff2b}:root[data-theme=dark] .article-hero dt{color:#8fcdb6}:root[data-theme=dark] .article-hero__art{opacity:.1}:root[data-theme=dark] .article-prose p,:root[data-theme=dark] .article-prose li{color:var(--color-on-night-muted)}:root[data-theme=dark] .article-prose h2,:root[data-theme=dark] .article-prose h3,:root[data-theme=dark] .article-prose h4{color:var(--color-on-brand)}:root[data-theme=dark] .article-prose a{color:#69d3ad}:root[data-theme=dark] .article-prose figcaption{color:var(--color-on-night-muted)}:root[data-theme=dark] .article-progress{border-color:var(--color-border-night);color:var(--color-on-brand);background:#08271fed}:root[data-theme=dark] .article-progress progress,:root[data-theme=dark] .article-progress progress::-webkit-progress-bar{background:#ffffff24}:root[data-theme=dark] .article-progress progress::-webkit-progress-value,:root[data-theme=dark] .article-progress progress::-moz-progress-bar{background:#69d3ad}:root[data-theme=dark] .related-articles{background:#08271f}:root[data-theme=dark] .related-articles li{--article-card-border:var(--color-border-night);--article-card-background:#ffffff08;--article-card-muted:var(--color-on-night-muted);--article-card-accent:#69d3ad}:root[data-theme=dark] .related-articles>div>a{color:var(--color-on-brand);border-color:#fff6}@media (width>=40rem){.article-hero dl{grid-template-columns:repeat(3,minmax(0,1fr))}.related-articles ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.related-articles ul{grid-template-columns:repeat(4,minmax(0,1fr))}.article-hero__art{opacity:.14;width:min(52rem,58vw);left:auto;right:0;-webkit-mask-image:linear-gradient(270deg,#000 25%,#0000 100%);mask-image:linear-gradient(270deg,#000 25%,#0000 100%)}:root[data-theme=dark] .article-hero__art{opacity:.16}}