/* Scoped editorial additions. Existing style.css is unchanged. */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.editorial-section { margin-block: 28px; padding: 24px; border: 1px solid var(--line-soft); border-radius: 10px; background: var(--panel); }
.editorial-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.editorial-heading h2 { margin:0; font-size:26px; scroll-margin-top:130px; }
.editorial-heading p { margin:7px 0 0; color:var(--muted); line-height:1.5; }
.editorial-link { color:#8edcff; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.editorial-link:hover { color:#fff; }
.article-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.article-card { display:flex; flex-direction:column; min-width:0; padding:23px; border:1px solid var(--line-soft); border-radius:9px; background:linear-gradient(145deg,rgba(9,31,65,.85),rgba(2,10,24,.95)); }
.article-card h3 { margin:14px 0 11px; font-size:21px; line-height:1.3; }
.article-card h3 a:hover { color:#8edcff; }
.article-card p { margin:0 0 18px; color:var(--muted); line-height:1.65; }
.article-card .card-read { margin-top:auto; color:#8edcff; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.article-category { color:#8edcff; font-size:12px; letter-spacing:.06em; font-weight:700; text-transform:uppercase; }
.paid-preview-slot { border-color:rgba(255,213,77,.45); }
.paid-preview-slot .article-category { color:#f8e4a0; }
.paid-slot-note { margin-top:auto; color:#f8e4a0; font-size:14px; font-weight:700; }
.article-date { display:block; margin:0 0 15px; color:var(--muted); font-size:12px; line-height:1.5; }
.editorial-main { width:min(1140px,calc(100% - 48px)); margin:28px auto 50px; }
.breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px 12px; list-style:none; padding:0; margin:0 0 28px; font-size:14px; color:var(--muted); line-height:1.6; }
.breadcrumbs li:not(:last-child)::after { content:'/'; margin-left:12px; color:var(--muted); }
.breadcrumbs a { color:#8edcff; text-decoration:underline; text-underline-offset:3px; }
.editorial-intro { max-width:780px; margin-bottom:30px; }
.editorial-intro h1 { font-size:clamp(32px,5vw,48px); line-height:1.13; margin:0 0 16px; }
.editorial-intro p { font-size:18px; color:var(--muted); line-height:1.7; }
.category-nav { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 28px; }
.category-nav a { padding:12px 16px; border:1px solid var(--line); border-radius:999px; color:#dff5ff; background:var(--panel-2); font-size:14px; }
.category-nav a:hover { border-color:#8edcff; background:#0a284e; }
.article-group { margin:32px 0 42px; scroll-margin-top:180px; }
.article-group h2 { margin:0 0 18px; font-size:25px; }
.article-group .article-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
.article-layout { display:grid; grid-template-columns:minmax(0,780px) minmax(200px,1fr); gap:32px; align-items:start; }
.article-body { min-width:0; padding:34px; border:1px solid var(--line-soft); border-radius:10px; background:var(--panel); }
.article-body h1 { font-size:clamp(30px,4vw,44px); line-height:1.16; margin:12px 0 18px; }
.article-body h2 { font-size:26px; margin:36px 0 14px; color:#dff5ff; line-height:1.3; scroll-margin-top:180px; }
.article-body h3 { font-size:20px; margin:25px 0 10px; line-height:1.4; color:#8edcff; }
.article-body p,.article-body li { font-size:17px; line-height:1.8; color:#d9e7f8; overflow-wrap:anywhere; }
.article-body p { margin:0 0 18px; }
.article-body ul,.article-body ol { padding-left:24px; }
.article-body li { margin:8px 0; }
.article-body a { color:#8edcff; text-decoration:underline; text-underline-offset:3px; }
.article-body .article-lead { font-size:20px; line-height:1.65; color:#f8fbff; }
.article-status { padding:12px 15px; border-left:3px solid var(--gold); background:rgba(255,213,77,.07); color:#f8e4a0!important; font-size:14px!important; }
.paid-disclosure { padding:16px; border:1px solid rgba(255,213,77,.4); border-radius:6px; background:rgba(255,213,77,.06); color:#f8e4a0!important; font-size:15px!important; }
.guest-credit { color:var(--muted)!important; font-size:14px!important; }
.article-meta { color:var(--muted); font-size:13px; margin-bottom:24px; line-height:1.7; }
.article-aside { padding:22px; border:1px solid var(--line-soft); border-radius:10px; background:var(--panel); }
.article-mobile-toc { display:none; margin:0 0 24px; padding:14px; border:1px solid var(--line-soft); border-radius:6px; }
.article-mobile-toc summary { cursor:pointer; color:#8edcff; font-weight:700; }
.article-aside h2 { font-size:16px; margin:0 0 15px; }
.article-aside ol { padding-left:20px; margin:0; }
.article-aside li { margin:12px 0; color:var(--muted); line-height:1.5; font-size:14px; }
.article-aside a { color:#bce5ff; text-decoration:underline; text-underline-offset:3px; }
.article-related { margin:38px 0; }
.article-related h2 { font-size:26px; }
.article-sources { margin-top:36px; padding-top:10px; border-top:1px solid var(--line-soft); }
.article-sources p,.article-sources li { font-size:14px; }
.table-scroll { overflow-x:auto; margin-bottom:24px; }
.table-scroll table { width:100%; border-collapse:collapse; font-size:15px; line-height:1.6; }
.table-scroll caption { text-align:left; margin-bottom:12px; color:var(--muted); }
.table-scroll th,.table-scroll td { padding:14px; text-align:left; border:1px solid var(--line-soft); vertical-align:top; }
.table-scroll th { background:rgba(20,70,120,.3); }
.editorial-main :focus-visible,.editorial-section :focus-visible { outline:3px solid var(--gold); outline-offset:5px; border-radius:3px; }
.editorial-skip { position:absolute; top:-100px; left:12px; padding:12px; z-index:2000; background:#fff; color:#020711; }
.editorial-skip:focus { top:12px; }
.preview-notice { padding:10px 20px; color:#f8e4a0; background:#24200e; text-align:center; font:14px/1.5 Arial,sans-serif; }
.preview-notice a { color:#fff; text-decoration:underline; }
@media(max-width:1000px) { .article-layout { grid-template-columns:minmax(0,1fr); } .article-aside { display:none; } .article-mobile-toc { display:block; } .article-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .editorial-main { width:calc(100% - 24px); margin-top:20px; } .editorial-section { padding:20px; } .editorial-heading { align-items:flex-start; flex-direction:column; gap:12px; } .article-cards,.article-group .article-cards { grid-template-columns:minmax(0,1fr); } .article-body { padding:22px 18px; } .article-body p,.article-body li { font-size:16px; } .article-body .article-lead { font-size:18px; } .article-aside ol { display:block; } .article-card { padding:20px; } .breadcrumbs ol { font-size:12px; } .article-body h2 { font-size:23px; } .table-scroll th,.table-scroll td { padding:9px; } }
/* Existing badge overflow becomes visible when the header is reused on narrow pages. */
@media(max-width:760px) { .site-header .brand { width:min(330px,100%); grid-template-columns:92px minmax(0,1fr); } .site-header .brand img { width:92px; } .site-header .brand .network-badge span { white-space:normal; padding:8px 10px; font-size:10px; } }
@media(max-width:360px) { body { min-width:0; } .info-grid,.community-panel { grid-template-columns:minmax(0,1fr); } .info-grid article,.community-copy { min-width:0; } .forum-feed-head { flex-wrap:wrap; } .trust-row span { white-space:normal; } }