/* Field-report reading template. Factual article text is unchanged. */
.article-page { --story-accent:#ffae79; --story-wash:#302019; }
.article-page.theme-save { --story-accent:#d8d19b; --story-wash:#2b2a1c; }
.article-page.theme-offline { --story-accent:#a8d8e7; --story-wash:#162a35; }
.article-page.theme-manual { --story-accent:#f7b1c6; --story-wash:#39202d; }
.article-page.theme-transfer { --story-accent:#8bd6e8; --story-wash:#143341; }
.article-page header { background:#111820; }
.article-page .site-nav { width:min(1040px,calc(100% - 40px)); padding:12px 0; }
.article-page .site-nav nav a { color:#e6e9e9; text-decoration:none; font-size:.88rem; font-weight:650; letter-spacing:0; }
.article-page .site-nav nav a:hover,.article-page .site-nav nav a:focus-visible { color:var(--story-accent); text-decoration:underline; }
.article-page main { width:min(800px,calc(100% - 40px)); padding-top:44px; }
.article-page main > .eyebrow { color:var(--story-accent); }
.article-page h1 { max-width:18ch; margin:.22em 0 .45em; font-size:clamp(2.35rem,5vw,3.45rem); line-height:1.09; letter-spacing:-.035em; text-wrap:balance; }
.article-page .report-byline { margin:-8px 0 23px; color:#abb7bf; font-size:.78rem; font-weight:650; letter-spacing:.01em; }
.article-page .report-byline a { color:var(--story-accent); }
.article-page .lede { max-width:none; margin:0 0 24px; padding:22px 25px; border-left:5px solid var(--story-accent); border-radius:0 12px 12px 0; background:linear-gradient(110deg,var(--story-wash),#17202a 76%); color:#f0eee9; font-size:1.02rem; line-height:1.6; }
.article-page .lede a { color:var(--story-accent); }
.article-page .answer-grid,.article-page .results { gap:13px; margin:20px 0 23px; }
.article-page .answer-grid .panel,.article-page .results .panel { padding:18px 17px; border-color:#38434b; background:#15202a; font-size:.9rem; line-height:1.48; }
.article-page .answer-grid strong,.article-page .results strong { display:block; margin-bottom:5px; color:var(--story-accent); }
.article-page .test-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; overflow:hidden; margin:20px 0 26px; border:1px solid #34414a; border-radius:10px; background:#34414a; }
.article-page .test-facts > div { display:flex; flex-direction:column; gap:4px; min-width:0; padding:12px 16px; background:#111a22; }
.article-page .test-facts dt { color:var(--story-accent); font-size:.67rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.article-page .test-facts dd { margin:0; color:#e8e9e7; font-size:.81rem; line-height:1.4; }
.article-page figure,.article-page .opening-art,.article-page .field-art { margin:25px 0 12px; }
.article-page figure img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border:1px solid #3a414a; border-radius:13px; }
.article-page figcaption,.article-page .opening-art figcaption,.article-page .field-art figcaption { margin-top:7px; color:#9ca7b1; font-size:.73rem; line-height:1.45; }
.article-page .test-note { max-width:none; margin:22px 0 30px; padding:15px 18px; border:1px solid #394750; border-radius:10px; background:#131e26; color:#bdc7cb; font-size:.85rem; line-height:1.55; }
.article-page .article-index { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin:23px 0 28px; padding-bottom:24px; border-bottom:1px solid #34414a; }
.article-page .article-index > span { width:100%; color:var(--story-accent); font-size:.69rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.article-page .article-index a { display:inline-flex; min-height:39px; align-items:center; padding:6px 12px; border:1px solid #46525d; border-radius:999px; color:#e8ebec; background:#17222b; font-size:.76rem; font-weight:650; line-height:1.2; text-decoration:none; }
.article-page .article-index a:hover,.article-page .article-index a:focus-visible { border-color:var(--story-accent); color:var(--story-accent); }
.article-page h2[id] { scroll-margin-top:25px; }
.article-page h2 { margin:2.05em 0 .5em; padding-top:19px; border-top:1px solid #313b42; color:var(--story-accent); font-size:1.28rem; line-height:1.3; }
.article-page p:not(.lede):not(.test-note) { color:#d8dce0; }
.article-page main a { color:var(--story-accent); }
.article-page main a:hover,.article-page main a:focus-visible { color:#fff; }
.article-page footer { width:min(800px,calc(100% - 40px)); }
@media(max-width:650px) {
  .article-page .site-nav,.article-page main,.article-page footer { width:min(100% - 30px,800px); }
  .article-page .site-nav { align-items:flex-start; flex-direction:column; gap:2px; }
  .article-page .site-nav nav { justify-content:flex-start; gap:18px; }
  .article-page .site-nav nav a:nth-child(n) { display:inline-flex; }
  .article-page .site-nav nav a:nth-child(n+3) { display:none; }
  .article-page main { padding-top:26px; }
  .article-page h1 { font-size:clamp(1.95rem,8vw,2.5rem); line-height:1.12; }
  .article-page .lede { padding:18px 17px; font-size:1rem; }
  .article-page .test-facts { grid-template-columns:1fr; }
  .article-page .answer-grid,.article-page .results { grid-template-columns:1fr; }
  .article-page figure img { border-radius:10px; }
}