/* Article-only editorial system, shared by the complete article archive. */
.article-editorial{--editorial-accent:var(--c2);align-items:start}
.editorial-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;margin:6px 0 18px;color:var(--txt-2)}
.editorial-breadcrumb a{color:inherit;text-decoration:none}.editorial-breadcrumb .i{width:12px;height:12px}
.editorial-opening{border:1px solid var(--edge);border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#6154f31c,transparent 65%),var(--bg-2);box-shadow:inset 0 1px 0 #a8bfff1a,0 24px 60px -45px #325cee99}
.article-editorial .article-head{border:0;margin:0;padding:clamp(22px,4vw,42px);position:relative}
.article-editorial .article-head .eyebrow{display:inline-flex;border:1px solid var(--edge);border-radius:30px;padding:6px 12px;background:var(--glass);font-size:10px;letter-spacing:.12em;margin:0 0 18px;color:var(--editorial-accent)}
.article-editorial .article-head h1{font-size:clamp(27px,3.1vw,42px);max-width:28ch;line-height:1.12;letter-spacing:-.035em;margin:0 0 18px;text-wrap:balance}
.article-editorial .article-head .dek{font-size:clamp(15px,1.2vw,17px);line-height:1.7;max-width:65ch;color:var(--txt-2)}
.article-editorial .byline{display:flex;flex-wrap:wrap;gap:10px 18px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--edge);font-size:12px;color:var(--txt-2)}
.article-editorial .article-cover{margin:0;border-radius:0;border:0;box-shadow:none;aspect-ratio:2.1;max-height:450px;background:var(--bg)}
.article-editorial .article-cover img{display:block;width:100%;height:100%;object-fit:cover}
.article-editorial .reader-tools{margin:20px 0 0;padding:12px 16px;background:var(--bg-2);border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0d}
.reader-tools>span,.reader-tools button,.reader-tools>a{display:inline-flex;align-items:center;gap:7px}.reader-tools .i{width:15px;height:15px}
.editorial-status{min-height:0;font-size:12px;color:var(--txt-2);margin:0}.editorial-status:not(:empty){padding:10px 0}
.editorial-progress{height:3px;background:var(--edge);margin:18px 0 28px;border-radius:3px;overflow:hidden}.editorial-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3));transform:scaleX(var(--read-progress,0));transform-origin:left}
.article-editorial .article-body.has-toc{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}
.article-editorial .toc{border-radius:16px;padding:20px;background:linear-gradient(125deg,#4b66e510,transparent),var(--bg-2);max-height:none}
.article-editorial .toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:12px 0 0}
.article-editorial .toc a{font-size:13px;line-height:1.5;color:var(--txt-2)}
.article-editorial .prose{width:100%;max-width:76ch;min-width:0;padding:8px 0 24px;font-size:16px;line-height:1.85}
.article-editorial.reading-large .prose{font-size:19px}
.article-editorial .prose :is(h2,.sec-title){font-size:clamp(21px,2vw,26px);line-height:1.3;border:0;border-left:3px solid var(--c1);padding:4px 0 4px 16px;margin:2.1em 0 .9em;background:none;letter-spacing:-.02em}
.article-editorial .prose h2::before,.article-editorial .prose .sec-title::before{content:none}
.article-editorial .prose h3{font-size:20px;line-height:1.4}
.article-editorial .prose p{margin:0 0 1.2em;max-width:none}
.article-editorial .prose :is(.card,.hero,.intro){background:linear-gradient(145deg,#617ee90a,transparent),var(--bg-2);border:1px solid var(--edge);border-radius:16px;padding:clamp(18px,2.5vw,28px);box-shadow:inset 0 1px 0 #ffffff0c;backdrop-filter:none;margin-bottom:20px}
.article-editorial .prose .card>:first-child{margin-top:0}
.article-editorial .prose :is(.note,.callout,blockquote){background:linear-gradient(110deg,#5277f518,transparent),var(--bg-2);border:1px solid var(--edge);border-left:3px solid var(--editorial-accent);border-radius:0 14px 14px 0;padding:20px 24px;margin:24px 0;color:var(--txt)}
.article-editorial .prose blockquote{font-size:1.12em;line-height:1.7;font-style:normal}
.article-editorial .prose li{padding-left:4px;margin-bottom:10px}.article-editorial .prose li::marker{color:var(--editorial-accent)}
.article-editorial .prose details{border:1px solid var(--edge);border-radius:12px;background:var(--bg-2);padding:16px 20px;margin:12px 0}
.article-editorial .prose summary{font-weight:600;color:var(--txt);cursor:pointer;line-height:1.5}.article-editorial .prose details[open]{border-color:var(--motion-edge)}
.article-editorial .prose details[open] summary{margin-bottom:14px}
.editorial-table{overflow-x:auto;max-width:100%;margin:24px 0;border:1px solid var(--edge);border-radius:14px}.article-editorial .prose .editorial-table table{margin:0;width:100%;border-collapse:collapse;font-size:14px}.article-editorial .prose th{background:var(--glass-2);text-align:left;padding:14px}.article-editorial .prose td{padding:14px;border-bottom:1px solid var(--edge)}
.article-editorial .prose img{max-width:100%;height:auto;border-radius:12px}
.article-editorial #comments{border:1px solid var(--edge);border-radius:20px;padding:24px;background:radial-gradient(ellipse at 0 0,#614df216,transparent 65%),var(--bg-2)}
.article-editorial .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.article-editorial .story-card h2{font-size:18px;line-height:1.35}.article-editorial .story-card .cover{aspect-ratio:1.8;overflow:hidden}.article-editorial .story-card .cover img{width:100%;height:100%;object-fit:cover}
@media(min-width:1500px){.article-editorial .article-body.has-toc{grid-template-columns:190px minmax(0,1fr)}.article-editorial .toc{position:sticky;top:90px;max-height:calc(100vh - 115px);overflow:auto;padding:16px}.article-editorial .toc ol{grid-template-columns:minmax(0,1fr)}}
@media(max-width:620px){.article-editorial .toc ol,.article-editorial .story-grid{grid-template-columns:minmax(0,1fr)}.article-editorial .article-cover{aspect-ratio:1.6}.article-editorial .reader-tools{gap:8px}.article-editorial .reader-tools>span{width:100%}.article-editorial .prose{padding:0 3px}.article-editorial #comments{padding:18px}.article-editorial .article-head h1{font-size:28px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.article-editorial .article-cover img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}.article-editorial .article-cover:hover img{transform:scale(1.025)}.article-editorial .reader-tools button:hover .i{animation:np-icon-lift .5s ease}.article-editorial .prose details{transition:border-color .2s}.article-editorial .prose details:hover{border-color:var(--motion-edge)}}

.article-editorial .article-cover{width:100%;max-width:none}.article-editorial .byline{justify-content:flex-start;max-width:none;width:100%}.article-editorial .article-body{background:var(--bg);border-radius:16px;padding:22px;border:1px solid var(--edge)}
@media(max-width:620px){.article-editorial .article-body{padding:16px 12px}.article-editorial .prose :is(.card,.hero,.intro){padding:17px}}

/* Editorial typography: neutral letterforms, natural spacing, restrained weights. */
.article-editorial{--body:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--display:var(--body);font-family:var(--body);font-weight:400}
.article-editorial :is(h1,h2,h3,h4,p,a,button,summary,li,td,th){text-shadow:none;font-family:var(--body)}
.article-editorial .article-head h1{font-family:var(--body);font-size:clamp(27px,2.3vw,36px);font-weight:600;letter-spacing:-.025em;line-height:1.18;max-width:26ch;margin-bottom:16px}
.article-editorial .article-head .dek{font-weight:400;font-size:16px;line-height:1.75;letter-spacing:0;color:var(--txt-2);max-width:58ch}
.article-editorial .article-head{padding:30px}.article-editorial .article-head .eyebrow{font-weight:600;font-size:10px;letter-spacing:.1em;background:none;border:0;border-radius:0;padding:0;margin-bottom:18px}
.article-editorial .byline{font-weight:400;font-size:11px;gap:10px 16px;margin-top:20px;padding-top:16px}
.article-editorial .editorial-opening{border-radius:16px;background:var(--bg-2);box-shadow:inset 0 1px 0 #ffffff0b}
.article-editorial .article-cover{height:300px;aspect-ratio:auto}
.article-editorial .prose{font-family:var(--body);font-weight:400;letter-spacing:0;line-height:1.8}
.article-editorial .prose :is(h2,h3,.sec-title){font-family:var(--body);font-weight:600;letter-spacing:-.015em}
.article-editorial .prose strong{font-weight:600}.article-editorial .reader-tools{font-weight:400}.article-editorial .story-card h2{font-weight:600}
@media(min-width:1100px){.article-editorial .editorial-opening:has(.article-cover){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}.article-editorial .editorial-opening .article-cover{height:100%;min-height:300px;max-height:none;border-left:1px solid var(--edge)}.article-editorial .article-cover img{object-fit:cover}}
@media(max-width:620px){.article-editorial .article-head{padding:22px}.article-editorial .article-head h1{font-size:27px;line-height:1.2}.article-editorial .article-head .dek{font-size:15px}.article-editorial .article-cover{height:200px}}
