/* Editorial essays index — layered on top of design-system.css and editorial.css */
.article-page{max-width:1100px;margin:0 auto;padding:36px 24px 80px}
.article-list-hero{display:grid;gap:14px;padding:28px 0 26px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:30px}
.article-list-hero h1{margin:0;font:500 clamp(1.9rem,4vw,2.9rem)/1.08 var(--font-editorial);color:var(--ink)}
.article-list-hero p{margin:0;max-width:62ch;font:400 1.05rem/1.7 var(--font-editorial);color:var(--muted)}
.article-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:34px}
.stories-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:16px}
.stories-header h2{margin:0;font:500 1.35rem/1.2 var(--font-editorial);color:var(--ink)}
.stories-header span{font:700 .68rem var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.story-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.story-card{cursor:pointer;border:1px solid rgba(20,36,58,.12);background:#fff;overflow:hidden;transition:border-color .15s ease}
.story-card:hover{border-color:var(--ink)}
.story-card:focus-visible{outline:2px solid var(--burgundy);outline-offset:3px}
.story-media{position:relative;min-height:170px;background-size:cover;background-position:center;border-bottom:1px solid var(--line)}
.story-media .pill{position:absolute;top:12px;left:12px}
.story-body{padding:16px}
.story-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);font:700 .68rem var(--font-ui);letter-spacing:.03em;text-transform:uppercase}
.story-meta .dot{color:var(--burgundy)}
.story-body h3{margin:10px 0 6px;font:500 1.18rem/1.35 var(--font-editorial);color:var(--ink)}
.story-body p{margin:0;font:400 .97rem/1.6 var(--font-editorial);color:var(--body)}
.story-link{margin-top:14px;border:0;background:transparent;padding:0;cursor:pointer;color:var(--ink);font:700 .72rem var(--font-ui);letter-spacing:.05em;text-transform:uppercase}
.story-link:hover{color:var(--burgundy)}
.sidebar{display:grid;gap:16px;align-content:start}
.sidebar .panel h3{margin:0 0 12px;font:500 1.15rem var(--font-editorial);color:var(--ink)}
.topic-list{display:grid;gap:8px}
.topic-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font:600 .8rem var(--font-ui);text-transform:uppercase;letter-spacing:.04em}
.topic-pill:hover{color:var(--ink);background:var(--soft)}
.topic-pill.is-active{border-color:rgba(116,128,146,.3);background:var(--ink);color:#f6f4ef}
@media(max-width:960px){.article-layout{grid-template-columns:1fr}}
@media(max-width:640px){.story-list{grid-template-columns:1fr}}