/* Quiet reading pages; brand typography and colors come from styles.css. */
.editorial-page .site-header{background:var(--background);border-color:var(--line)}
.editorial-main{padding-top:170px;padding-bottom:112px}
.editorial-intro{padding-bottom:72px;max-width:860px}
.editorial-intro .eyebrow{margin-bottom:24px}
.editorial-intro h1{font-size:clamp(56px,7vw,100px);letter-spacing:-.065em;line-height:1.05;overflow-wrap:break-word}
.editorial-intro>p:last-child{max-width:640px;margin-top:28px;color:var(--muted);font-size:20px;line-height:1.75}
.perspective-group{display:grid;grid-template-columns:240px minmax(0,1fr);gap:60px;border-top:1px solid var(--line);padding-block:46px 64px;scroll-margin-top:110px}
.group-heading h2{font-size:26px;letter-spacing:-.035em;line-height:1.25}
.group-heading p{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.8;max-width:230px}
.perspective-list{list-style:none;margin:0;padding:0;min-width:0}
.perspective-list>li+li{border-top:1px solid var(--line);margin-top:34px;padding-top:34px}
.perspective-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font:11px/1.6 var(--mono);letter-spacing:.05em;color:var(--muted)}
.perspective-title{font-size:clamp(25px,3.2vw,38px);line-height:1.22;letter-spacing:-.04em;margin-top:18px;overflow-wrap:break-word}
.perspective-title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.perspective-summary{color:var(--muted);font-size:16px;line-height:1.8;max-width:650px;margin-top:16px}
.perspective-author{font-size:13px;color:#c6c9d0;margin-top:18px}
.perspective-list .text-link{margin-top:14px}
.editorial-page .site-footer{border-top:1px solid var(--line)}
.article-wrap{max-width:920px;margin-inline:auto}
.article-back{margin-bottom:34px}
.article-header{padding-bottom:42px;border-bottom:1px solid var(--line);margin-bottom:44px}
.article-header h1{font-size:clamp(42px,5.5vw,72px);line-height:1.1;letter-spacing:-.055em;margin-top:26px;overflow-wrap:break-word}
.article-deck{font-size:20px;color:#bdc1c8;line-height:1.75;margin-top:24px;max-width:760px}
.article-byline{font-size:14px;color:var(--muted);margin-top:24px;line-height:1.8}
.article-byline strong{color:var(--text);font-weight:500}
.article-body{max-width:68ch;font-size:18px;margin-inline:auto;color:#c6c9d0}
.article-body p{font-size:18px;line-height:1.85;margin-top:24px}
.article-body>p:first-child{margin-top:0;color:#e2e3e6}
.article-body h2{color:var(--text);font-size:28px;line-height:1.3;letter-spacing:-.035em;margin-top:46px;margin-bottom:18px}
.article-body h2+p{margin-top:0}
.article-body a,.article-sources a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.article-body a:hover,.article-sources a:hover{color:#fff}
.article-sources{margin-top:24px;color:var(--muted);font-size:13px;line-height:1.85}
.article-sources h2{font-size:14px;letter-spacing:0;line-height:1.5;margin-bottom:10px;color:#dddfe3}
.article-sources ul{padding-left:20px;margin:0}
.article-related{margin-top:56px;border-top:1px solid var(--line);padding-top:30px}
.article-related>h2{font-size:22px;letter-spacing:-.03em;margin-bottom:24px}
.article-related ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:36px}
.article-related li{min-width:0}
.article-related a{display:block;font-size:20px;line-height:1.4;letter-spacing:-.025em;min-height:44px}
.article-related a:hover{text-decoration:underline;text-underline-offset:5px}
.article-related .eyebrow{display:block;margin-bottom:12px;font-size:10px}
.article-related>.text-link{margin-top:32px;font-size:14px}
@media(max-width:1000px){.perspective-group{grid-template-columns:190px minmax(0,1fr);gap:36px}}
@media(max-width:760px){
  .editorial-main{padding-top:122px;padding-bottom:70px}
  .editorial-intro{padding-bottom:42px}
  .editorial-intro h1{font-size:clamp(44px,12vw,70px)}
  .editorial-intro>p:last-child{font-size:18px;margin-top:22px}
  .perspective-group{grid-template-columns:1fr;gap:28px;padding-block:32px 44px}
  .group-heading p{max-width:100%}
  .perspective-title{font-size:27px}
  .article-back{margin-bottom:24px}
  .article-header{padding-bottom:30px;margin-bottom:32px}
  .article-header h1{font-size:clamp(36px,9.5vw,58px)}
  .article-deck{font-size:18px}
  .article-body h2{font-size:25px;margin-top:36px}
  .article-related ul{grid-template-columns:1fr;gap:28px}
}