/* Article surface: shared homepage / journal palette, readable editorial rhythm. */
.comparison-article { background:#080f1c; color:#e5edf7; }
.comparison-article .shell { width:calc(100% - 96px); max-width:1200px; }
.comparison-hero { padding:28px 0 0; }
.comparison-hero .back-link { margin-bottom:30px; }
.comparison-hero h1 { font-size:clamp(44px,5.3vw,74px); font-weight:550; line-height:1.06; letter-spacing:-2.7px; margin:0 0 24px; }
.comparison-deck { font-size:23px; line-height:1.4; color:#d9e5f5; margin:0 0 14px; letter-spacing:-.4px; }
.comparison-summary { max-width:670px; font-size:16px; line-height:1.75; color:#aebed3; }
.byline { display:flex; align-items:center; gap:12px; margin:30px 0 36px; }
.author-mark { width:36px; height:36px; display:grid; place-items:center; background:#1d3654; border:1px solid #6788b04d; color:#c1dbff; border-radius:50%; font-size:16px; }
.byline strong,.byline div>span { display:block; }
.byline strong { font-size:12px; font-weight:600; }
.byline div>span { font-size:11px; color:#99acc5; margin-top:5px; }
.hero-topics { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #ffffff21; border-bottom:1px solid #ffffff21; }
.hero-topics a { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; border-right:1px solid #ffffff21; font-size:13px; color:#cad9ed; min-height:60px; }
.hero-topics a:first-child { padding-left:0; }
.hero-topics a:last-child { border:0; }
.hero-topics a span { color:#8cb8f7; }
.hero-topics a:hover { color:#fff; background:#142337; }
.comparison-layout { display:grid; grid-template-columns:224px minmax(0,1fr); gap:64px; padding-top:52px; padding-bottom:76px; }
.comparison-article .contents { top:104px; max-height:calc(100vh - 124px); overflow:auto; }
.comparison-article .contents nav { border-color:#ffffff20; padding-left:18px; }
.comparison-article .contents .eyebrow { color:#97b8e3; font-size:10px; margin-bottom:15px; }
.comparison-article .contents nav a { color:#aebed3; font-size:12px; line-height:1.5; gap:12px; }
.comparison-article .contents nav a>span { color:#758aa4; font-size:10px; font-variant-numeric:tabular-nums; }
.comparison-article .contents nav a:hover { color:#bad7ff; }
.comparison-article .article-body { max-width:none; }
.comparison-article .article-body section { border-bottom:1px solid #ffffff17; padding-bottom:42px; margin-bottom:42px; scroll-margin-top:105px; }
.comparison-article .article-body .eyebrow { color:#8eadd5; font-size:10px; letter-spacing:1.8px; margin:0 0 15px; }
.comparison-article .article-body h2 { color:#edf4ff; font-size:32px; line-height:1.23; font-weight:550; letter-spacing:-.8px; margin-bottom:20px; }
.comparison-article .article-body h3 { color:#e3edfa; font-size:20px; line-height:1.4; font-weight:550; margin:32px 0 14px; letter-spacing:-.3px; }
.comparison-article .article-body p { color:#b8c6d8; font-size:15px; line-height:1.85; margin-bottom:18px; }
.comparison-article .article-body .lead { font-size:18px; color:#d5e2f4; line-height:1.75; }
.comparison-article .article-body p a,.comparison-article .source-list a { color:#a8cdff; text-decoration:underline; text-decoration-color:#a8cdff55; text-underline-offset:4px; }
.comparison-article .draft-notice { background:#152337; border-left:2px solid #8ebcff; padding:18px 22px; border-radius:0 6px 6px 0; margin-bottom:38px; }
.comparison-article .draft-notice strong { color:#d2e4fe; font-size:12px; }
.comparison-article .draft-notice p { font-size:12px; line-height:1.75; margin:6px 0 0; color:#adbed5; }
.evidence-key { display:flex; flex-wrap:wrap; gap:12px 22px; padding:15px 0; font-size:11px; color:#aebed3; }
.evidence-key span { display:inline-flex; align-items:center; gap:7px; }
.evidence-key i { width:6px; height:6px; border-radius:50%; display:inline-block; }
.key-observed { background:#a4c9fa; }.key-described { background:#a8bbcc; }.key-pending { background:#c8ad81; }
.comparison-article .table-scroll { border:1px solid #ffffff20; border-radius:7px; background:#0e1928; overflow-x:auto; margin:26px 0 16px; }
.comparison-article table { width:100%; min-width:620px; border-collapse:collapse; text-align:left; font-size:12px; line-height:1.7; }
.comparison-article caption { text-align:left; color:#c3d5ed; background:#122137; padding:16px 18px; font-weight:500; font-size:12px; }
.comparison-article thead { background:#192b42; }
.comparison-article th,.comparison-article td { padding:15px 16px; border-bottom:1px solid #ffffff12; vertical-align:top; color:#b9c9dd; font-size:12px; }
.comparison-article thead th { color:#dce9fc; font-weight:550; white-space:normal; }
.comparison-article tbody th { color:#e0ebfa; font-weight:500; width:23%; min-width:140px; }
.comparison-article tbody tr:last-child>* { border-bottom:0; }
.comparison-article tbody tr:hover { background:#17283c66; }
.comparison-article td strong { color:#e1edff; font-weight:550; }
.comparison-article .article-body .caption { color:#91a5bf; font-size:11px; line-height:1.8; }
.evidence-gap { padding:20px 22px; margin:24px 0 0; border:1px dashed #a6bbd344; border-radius:6px; background:#a8c3e605; }
.gap-label { color:#c2ab86; font-size:9px; font-weight:600; letter-spacing:1.5px; }
.evidence-gap h4 { color:#c9d6e7; margin:10px 0 8px; font-size:14px; font-weight:500; }
.comparison-article .evidence-gap p { color:#93a5bd; font-size:12px; line-height:1.8; margin:0; }
.blank-line { height:18px; border-bottom:1px solid #ffffff10; max-width:90%; }
.evidence-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding:22px; margin:24px 0; background:#122034; border:1px solid #ffffff14; border-radius:9px; }
.evidence-figure { margin:0; min-width:0; }
.evidence-figure>a { display:block; border-radius:10px; overflow:hidden; background:#080f1c; }
.evidence-figure img { width:100%; height:auto; display:block; }
.evidence-figure figcaption { font-size:11px; line-height:1.7; color:#a5b8d1; padding-top:12px; }
.evidence-figure figcaption a { display:block; color:#b2d1fb; min-height:30px; padding-top:4px; }
.evidence-details { margin:24px 0; border-top:1px solid #ffffff22; border-bottom:1px solid #ffffff22; }
.evidence-details summary { cursor:pointer; font-size:13px; color:#c4d9f5; padding:20px 6px; }
.evidence-details summary>span { color:#8fa4bf; font-size:11px; margin-left:10px; }
.evidence-details summary:focus-visible { outline:2px solid #8ebcff; outline-offset:3px; }
.evidence-details .evidence-grid { margin-top:0; }
.figure-with-note { display:grid; grid-template-columns:minmax(0,240px) minmax(0,1fr); gap:30px; margin:30px 0; align-items:start; padding:24px; background:#122034; border:1px solid #ffffff14; border-radius:9px; }
.comparison-article .figure-with-note h3 { margin-top:8px; }
.comparison-article .figure-with-note p { font-size:13px; }
.mini-label { font-size:9px; letter-spacing:1.4px; color:#91b8ed; }
.verdict-row { display:grid; grid-template-columns:34px minmax(0,1fr); gap:16px; padding:22px 0; border-top:1px solid #ffffff17; }
.verdict-row>span { font-size:12px; color:#8ab7ff; padding-top:5px; }
.comparison-article .verdict-row h3 { margin:0 0 10px; }
.comparison-article .verdict-row p { margin:0; }
.comparison-article .takeaway { background:#14273f; border-radius:6px; padding:24px; }
.comparison-article .takeaway h3 { margin-top:0; }
.comparison-article .takeaway p { margin:0; font-size:14px; }
.comparison-article .source-list { list-style:none; padding:0; }
.comparison-article .source-list li { padding:15px 0; border-bottom:1px solid #ffffff15; font-size:13px; line-height:1.7; }
.comparison-article .source-list span { display:block; color:#91a5bf; font-size:11px; margin-top:7px; }
.comparison-article .article-cta { padding:30px; border:1px solid #89b5ef28; background:linear-gradient(120deg,#1c3551,#132237); border-radius:9px; }
.comparison-article .article-cta h2 { font-size:27px; }
.comparison-article .article-cta .back-link { margin:0 0 0 24px; }
@media(max-width:1000px) { .comparison-article .shell { width:calc(100% - 56px); }.comparison-layout { grid-template-columns:185px minmax(0,1fr); gap:32px; }.figure-with-note { grid-template-columns:1fr 1fr; gap:20px; padding:18px; }.comparison-article .figure-with-note p { font-size:12px; } }
@media(max-width:760px) {
 .comparison-article .shell { width:calc(100% - 40px); }
 .comparison-hero { padding-top:16px; }.comparison-hero .back-link { margin-bottom:22px; }.comparison-hero h1 { font-size:43px; letter-spacing:-1.5px; }.comparison-deck { font-size:19px; }.comparison-summary { font-size:14px; }.byline { margin:24px 0 28px; }.byline div>span { font-size:10px; }
 .hero-topics { grid-template-columns:repeat(2,1fr); }.hero-topics a { padding:16px; min-height:52px; }.hero-topics a:first-child { padding-left:16px; }.hero-topics a:nth-child(2) { border-right:0; }.hero-topics a:nth-child(-n+2) { border-bottom:1px solid #ffffff21; }
 .comparison-layout { grid-template-columns:minmax(0,1fr); gap:30px; padding-top:28px; }.comparison-article .contents { position:static; max-height:none; }.comparison-article .contents nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; border:0; gap:0 15px; }.comparison-article .contents .eyebrow { grid-column:1/-1; margin-bottom:10px; }.comparison-article .contents nav a { min-height:40px; font-size:11px; gap:7px; }
 .comparison-article .article-body h2 { font-size:28px; }.comparison-article .article-body h3 { font-size:19px; }.comparison-article .article-body p { font-size:14px; }.comparison-article .article-body .lead { font-size:16px; }.comparison-article .draft-notice { padding:16px 18px; }.comparison-article .draft-notice p,.comparison-article .evidence-gap p { font-size:12px; }
 .comparison-article .article-body section { padding-bottom:32px; margin-bottom:32px; scroll-margin-top:85px; }.evidence-grid { gap:12px; padding:12px; }.evidence-figure figcaption { font-size:10px; }.figure-with-note { grid-template-columns:minmax(0,1fr); padding:18px; }.figure-with-note .evidence-figure { width:min(250px,100%); margin:auto; }.comparison-article .figure-with-note p { font-size:14px; }.evidence-details summary { font-size:12px; }.evidence-details summary>span { display:block; margin:7px 0 0 15px; }.comparison-article .article-cta { padding:24px; }.comparison-article .article-cta .back-link { margin:12px 0 0; display:flex; }.evidence-gap { padding:18px; }
}

/* Plain, visible FAQ answers remain readable without opening controls. */
.article-faq-item { padding:22px 0; border-top:1px solid #ffffff17; }
.comparison-article .article-faq-item h3 { margin:0 0 12px; font-size:19px; }
.comparison-article .article-faq-item p { margin:0; }