/* Shared navigation and responsive reading surfaces. */
:root { --text:var(--ink); }
:root[data-theme=dark] { --accent:#a88aff; }
.primary,.format-filters button[aria-pressed=true] { background:#6844ed; }
.site-header { position:sticky;top:0;z-index:100;background:var(--bg);isolation:isolate;height:80px; }
.site-header::before { content:"";position:absolute;inset:0 calc(50% - 50vw);background:var(--bg);z-index:-1; }
.page-links { display:flex;gap:6px;margin-right:auto;margin-left:28px; }
.page-links a { padding:12px 15px;min-height:44px;border-radius:10px;font-size:15px;font-weight:600;color:var(--muted); }
.page-links a:hover,.page-links a[aria-current=page] { color:var(--accent);background:var(--wash); }
.intro { padding:28px 0 20px; }.feature { grid-template-columns:1.1fr 1fr;gap:24px; }.feature-image { min-height:0; }.feature h2 { font-size:24px;line-height:1.45;margin:10px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }.feature-copy { padding:10px 16px 10px 0; }.feature .primary { margin-top:16px; }.feature-footnote { margin-top:8px; }.feature-tags { color:var(--muted);font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px; }
.filter-bottom { display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 22px; }.topic-filter { display:flex;align-items:center;gap:10px;font-size:14px; }.topic-filter label { color:var(--muted); }.topic-filter select { min-height:44px;max-width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:8px 32px 8px 12px;font:inherit; }.feed-method { max-width:470px;font-size:14px;color:var(--muted); }.feed-method summary { cursor:pointer;min-height:44px;align-content:center; }.feed-method p,#formatNote { font-size:14px;line-height:1.7;margin:8px 0; }.feed-method a { color:var(--accent);text-decoration:underline; }.watch-original { display:inline-block;min-height:32px;align-content:center;margin:2px 0; }.watch-dialog .watch-message { font-size:13px; }.thumbnail-fallback { display:grid;place-items:center;position:absolute;inset:0;padding:16px;text-align:center;font-size:13px;color:var(--muted);background:var(--wash); }.image-play,.duration { z-index:1; }.queue-item,.live-item { position:relative; }.queue-item .thumbnail-fallback,.live-item .thumbnail-fallback { position:static;min-width:82px;max-width:120px;font-size:12px;border-radius:8px; }
.content-page { padding-bottom:40px; }.page-intro { padding:44px 0 28px;max-width:840px; }.page-intro h1 { font-size:clamp(30px,4.5vw,52px);letter-spacing:-1.6px;line-height:1.25;margin:12px 0 16px;word-break:keep-all; }.page-lead { font-size:18px;line-height:1.75;color:var(--muted);max-width:720px;margin:0 0 16px; }.page-cta { display:flex;gap:10px;flex-wrap:wrap;margin-top:24px; }.page-section { margin-top:36px; }.section-heading { margin-bottom:18px; }.section-heading h2 { font-size:24px;line-height:1.4;letter-spacing:-.6px;margin:0; }.section-heading p:not(.eyebrow) { color:var(--muted);font-size:14px;line-height:1.7;margin:8px 0; }.insight-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }.surface { background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;min-width:0; }.surface h3 { font-size:19px;line-height:1.5;margin:8px 0 10px;letter-spacing:-.3px; }.surface p { color:var(--muted);font-size:16px;line-height:1.8;margin:0; }.step-number { color:var(--accent);font-size:14px;font-weight:700; }.example-note { background:var(--wash);border-radius:16px;padding:20px 24px;margin-top:18px;font-size:16px;line-height:1.75; }.example-note strong { color:var(--accent); }.example-note p { margin:6px 0 0; }.faq details,.data-method { border-top:1px solid var(--line);padding:8px 0; }.faq summary,.data-method summary { cursor:pointer;padding:14px 4px;font-size:16px;font-weight:600;line-height:1.6; }.faq details p,.data-method p { color:var(--muted);font-size:16px;line-height:1.8;margin:0 4px 18px;max-width:850px; }.closing-panel { border-top:1px solid var(--line);margin-top:40px;padding:28px 0 0; }.closing-panel h2 { font-size:24px; }.footer-stats { display:flex;gap:12px;flex-wrap:wrap;margin-top:4px; }.to-top { position:fixed;right:20px;bottom:max(22px,env(safe-area-inset-bottom));z-index:90;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);display:grid;place-items:center;box-shadow:0 8px 28px #0002;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s; }.to-top.show { opacity:1;visibility:visible;transform:none; }.to-top svg { width:20px;height:20px; }.skip { z-index:110; }
.briefing-intro { padding-bottom:12px; }.summary-list { padding:0;margin:0;list-style:none;display:grid;gap:14px; }.summary-list li { display:grid;grid-template-columns:80px 1fr;gap:14px;font-size:16px;line-height:1.75; }.summary-list strong { color:var(--accent); }.summary-surface { border-left:4px solid var(--accent); }.video-insight { padding:0;overflow:hidden;display:flex;flex-direction:column; }.insight-thumb { display:block;aspect-ratio:16/9;position:relative;background:var(--wash); }.insight-thumb img { width:100%;height:100%;object-fit:cover; }.insight-body { padding:20px;display:flex;flex-direction:column;flex:1; }.insight-body h3 { font-size:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }.insight-body p { font-size:14px; }.insight-body .insight-stat { font-size:20px;font-weight:700;color:var(--accent);margin:12px 0 6px; }.insight-body .page-cta { margin-top:auto;padding-top:16px; }.insight-body .page-cta a { font-size:14px;min-height:44px; }.tag { font-size:12px;font-weight:700;color:var(--accent);background:var(--wash);padding:5px 9px;border-radius:7px;display:inline-block;width:fit-content; }.composition-row { display:grid;grid-template-columns:140px minmax(0,1fr) 110px;align-items:center;gap:20px;margin:18px 0;font-size:15px; }.composition-track { display:block;height:12px;border-radius:99px;background:var(--wash);overflow:hidden; }.composition-fill { display:block;height:100%;background:var(--accent);border-radius:99px; }.composition-value { text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px; }.signal-table { width:100%;border-collapse:collapse;table-layout:fixed;margin-top:12px; }.signal-table th,.signal-table td { padding:14px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px;line-height:1.6; }.signal-table th:last-child,.signal-table td:last-child { width:90px;text-align:right; }.signal-table td a { font-weight:600; }.signal-table small { display:block;color:var(--muted);font-size:13px;margin-top:4px; }.period-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }.period-card h3 { font-size:18px;margin-top:14px; }.period-card p { font-size:14px; }.period-card .period-stat { color:var(--accent);font-size:23px;font-weight:700;margin:12px 0; }.period-card .coverage { font-size:13px;margin:10px 0; }.period-card.partial { border-style:dashed; }.period-card a { text-decoration:underline;text-underline-offset:4px; }.data-method { margin-top:28px; }.briefing-error { padding:36px;text-align:center; }.briefing-error p { margin:16px 0; }.briefing-error button { margin-top:16px; }
@media(max-width:800px) { .page-links { margin-left:4px;gap:0; }.page-links a { padding:12px 10px; }.insight-grid,.period-grid { gap:12px; }.surface { padding:18px; }.video-insight { padding:0; }.feature h2 { font-size:21px; } }
@media(max-width:700px) { .site-header { height:auto;min-height:110px;display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:12px 0 0; }.brand-v2 { grid-column:1;grid-row:1; }.header-actions { grid-column:2;grid-row:1; }.page-links { grid-column:1/-1;grid-row:2;display:flex;margin:8px 0 0;width:100%;gap:8px; }.page-links a { flex:1;text-align:center;border-radius:8px 8px 0 0;padding:10px; }.page-intro { padding:28px 0 18px; }.page-lead { font-size:16px; }.insight-grid,.period-grid { grid-template-columns:1fr; }.page-section { margin-top:28px; }.section-heading h2 { font-size:22px; }.composition-row { grid-template-columns:100px minmax(0,1fr) 88px;gap:10px;font-size:14px; }.composition-value { font-size:13px; }.summary-list li { grid-template-columns:1fr;gap:2px; }.video-insight { display:grid;grid-template-columns:34% minmax(0,1fr); }.insight-thumb { height:100%;aspect-ratio:auto;min-height:180px; }.insight-body { padding:16px; }.insight-body .page-cta { gap:8px; }.insight-body .page-cta .primary { padding:10px 14px; }.filter-bottom { flex-wrap:wrap; }.feed-method { flex:1;min-width:110px; }.feature-copy { padding:16px 0 0; }.feature h2 { font-size:21px; }.feature-footnote { display:none; }.feature .primary { margin-top:12px; }.footer { flex-wrap:wrap; }.content-page { padding-bottom:24px; } }
@media(max-width:380px) { .shell { padding:0 14px; }.brand-word { font-size:19px; }.brand-v2 img { width:28px;height:28px; }.header-actions { gap:0; }.header-actions .icon-button { width:36px;min-width:36px; }.header-actions>#liveButton { font-size:12px; }.composition-row { grid-template-columns:90px minmax(0,1fr) 78px;gap:6px; }.video-insight { display:flex; }.insight-thumb { aspect-ratio:16/9;min-height:0; } }