.article-container{width:min(100%,1180px);margin:0 auto;padding-inline:clamp(20px,4vw,40px)}.article-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,36px);display:grid}.article-index-single{grid-template-columns:minmax(0,760px)}.article-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-page);min-width:0;box-shadow:var(--shadow-raised);flex-direction:column;display:flex;overflow:hidden}.article-card-featured{grid-column:1/-1;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);display:grid}.article-card-media{background:var(--surface-dark);min-height:0;display:block;overflow:hidden}.article-card-media picture,.article-card-media img{width:100%;height:100%;display:block}.article-card-media img{aspect-ratio:16/9;object-fit:cover;transition:transform .5s var(--ease-out)}.article-card-featured .article-card-media img{aspect-ratio:auto}.article-card-body{flex-direction:column;flex:1;padding:clamp(24px,4vw,42px);display:flex}.article-card-meta{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--text-tertiary);font-size:var(--text-caption);display:flex}.article-card h2{margin:var(--space-4) 0 var(--space-3);font-size:clamp(22px,2.2vw,30px)}.article-card h2 a{color:var(--text-primary)}.article-card h2 a:hover{color:var(--accent-ink);text-decoration:none}.article-card p{color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body);margin:0}.article-card-link{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-weight:var(--weight-semibold);display:inline-flex}.article-card-body .article-card-link{padding-top:var(--space-5);margin-top:auto}.article-card-link>span{transition:transform var(--duration-fast) var(--ease-out)}.article-card{transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.article-card:hover{border-color:var(--accent-hairline);box-shadow:var(--shadow-overlay);transform:translateY(-3px)}.article-card:hover .article-card-link>span,.article-card-link:hover>span{transform:translate(4px)}.article-card-media:hover img{transform:scale(1.025)}}.article-media-placeholder{background:radial-gradient(90% 120% at 82% 20%, #b1dbb85c, transparent 62%), linear-gradient(145deg, var(--forest-700) 0%, var(--forest-900) 72%);place-items:end start;width:100%;min-height:260px;display:grid;position:relative;overflow:hidden}.article-media-placeholder:before{content:"";background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;mask-image:linear-gradient(130deg,#0000 10%,#000 90%)}.article-media-placeholder span{margin:var(--space-5);color:#ffffffb8;font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:var(--tracking-wide);position:relative}.article-hero{background:var(--surface-page);padding:clamp(52px,7vw,88px) 0 clamp(42px,6vw,68px)}.article-hero h1{max-width:20ch;margin:var(--space-4) 0 0;text-wrap:balance;font-size:clamp(36px,5.2vw,64px)}.article-deck{max-width:var(--prose-measure-lead);margin:var(--space-5) 0 0;color:var(--text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body)}.article-byline{gap:var(--space-5) clamp(28px, 5vw, 64px);margin:var(--space-8) 0 0;flex-wrap:wrap;display:flex}.article-byline div{gap:3px;display:grid}.article-byline dt{color:var(--text-tertiary);font-size:var(--text-micro);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.article-byline dd{color:var(--text-primary);font-size:var(--text-caption);font-weight:var(--weight-semibold);margin:0}.article-byline dd span{color:var(--text-tertiary);font-weight:var(--weight-regular);display:block}.article-hero-media{aspect-ratio:16/7;width:100%;margin-top:var(--space-8);border-radius:var(--radius-lg);background:var(--surface-dark);box-shadow:var(--shadow-raised);overflow:hidden}.article-hero-media picture,.article-hero-media img{width:100%;height:100%;display:block}.article-hero-media img{object-fit:cover}.article-hero-media>.article-media-placeholder{height:100%}.article-layout{grid-template-columns:minmax(0,760px) minmax(220px,1fr);align-items:start;gap:clamp(44px,7vw,96px);padding-block:clamp(52px,7vw,88px) clamp(72px,9vw,112px);display:grid}.article-content{min-width:0}.article-content>:first-child{margin-top:0}.article-content h2{margin:var(--space-10) 0 var(--space-3);font-size:clamp(24px,2.4vw,32px)}.article-content h3{margin:var(--space-8) 0 var(--space-2);color:var(--text-primary);font-size:var(--text-h3)}.article-content p,.article-content li{color:var(--text-secondary);font-size:var(--text-body-lg);line-height:var(--leading-body);max-width:var(--prose-measure)}.article-content p{margin:0 0 var(--space-5)}.article-content ul,.article-content ol{margin:0 0 var(--space-6);padding-left:1.4em}.article-content li{margin-bottom:var(--space-2);padding-left:var(--space-1)}.article-content strong{color:var(--text-primary)}.article-content a{text-underline-offset:2px;text-decoration:underline}.article-content table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.article-content .article-timeline{margin:var(--space-8) 0}.article-timeline-hint{display:none}.article-timeline-scroll{border-radius:var(--radius-lg)}.article-content .article-timeline img{border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:var(--shadow-raised);display:block}.article-content .article-timeline figcaption{margin-top:var(--space-3);color:var(--text-tertiary);font-size:var(--text-caption);line-height:1.6}.article-record{top:calc(var(--nav-height) + var(--space-6));gap:var(--space-6);padding-left:var(--space-6);border-left:1px solid var(--border-default);display:grid;position:sticky}.article-record section+section{padding-top:var(--space-5);border-top:1px solid var(--border-default)}.article-record h2{margin:0 0 var(--space-3);color:var(--text-primary);font-size:var(--text-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase}.article-record ul,.article-record ol{margin:0;padding-left:1.2em}.article-record li,.article-record p{margin:0 0 var(--space-2);color:var(--text-secondary);font-size:var(--text-caption);overflow-wrap:anywhere;line-height:1.6}.article-note{padding-top:var(--space-5);border-top:1px solid var(--border-default)}@media (width<=800px){.article-index{grid-template-columns:1fr}.article-card-featured{grid-column:auto;display:flex}.article-card-featured .article-card-media img{aspect-ratio:16/9}.article-layout{grid-template-columns:1fr}.article-record{padding:var(--space-6) 0 0;border-left:0;border-top:1px solid var(--border-default);position:static}}@media (width<=560px){.article-card-meta{align-items:flex-start;gap:var(--space-2);flex-direction:column}.article-byline{gap:var(--space-4);flex-direction:column}.article-hero-media{aspect-ratio:16/10}.article-timeline-hint{margin-bottom:var(--space-2);color:var(--text-tertiary);font-size:var(--text-caption);font-weight:var(--weight-semibold);display:block}.article-timeline-scroll{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.article-content .article-timeline img{scroll-snap-align:start;width:700px;max-width:none}}