/* 思路雷达独立视觉层：避免与历史 weekly / radar 规则交叉覆盖。 */
.radar-feature {
  --radar-ink:#111d2d;
  --radar-navy:#071d41;
  --radar-navy-2:#0b2b59;
  --radar-blue:#156bd8;
  --radar-cyan:#72d1ff;
  --radar-gold:#d5ad58;
  --radar-gold-soft:#f0d99b;
  --radar-paper:#f4f2eb;
  --radar-panel:#fffdf8;
  --radar-line:#d5d2c9;
  --radar-muted:#677586;
  color:var(--radar-ink);
  background:var(--radar-paper);
}

.radar-feature :is(a,button,select,input,textarea):focus-visible { outline:3px solid rgba(21,107,216,.3); outline-offset:3px; }
.radar-feature .radar-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:9px; color:#7f91a8; font-size:13px; font-weight:720; }
.radar-feature .radar-breadcrumb a { color:inherit; }
.radar-feature .radar-breadcrumb a:hover { color:#fff; }
.radar-feature .radar-breadcrumb strong { color:#c5d2e1; }
.radar-eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--radar-gold-soft); font:850 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.16em; }
.radar-eyebrow i { width:7px; height:7px; border:1px solid #ffe9ae; border-radius:50%; background:var(--radar-gold); box-shadow:0 0 0 5px rgba(213,173,88,.12); }

/* Radar hub */
.radar-hub-hero { position:relative; overflow:hidden; padding:42px 0 0; color:#fff; background:var(--radar-navy); }
.radar-hub-hero::before { content:""; position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(114,209,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(114,209,255,.35) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.72) 58%,transparent 94%); }
.radar-hub-hero::after { content:""; position:absolute; left:0; right:0; bottom:112px; height:1px; background:rgba(214,227,241,.15); }
.radar-hub-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr); align-items:start; gap:76px; min-height:570px; padding:38px 0 68px; }
.radar-hub-copy .radar-breadcrumb { margin-bottom:32px; }
.radar-hub-copy h1 { margin:20px 0 22px; max-width:650px; color:#fff!important; font-size:clamp(40px,4.5vw,64px); line-height:1.08; letter-spacing:-.05em; }
.radar-hub-copy h1 em { color:var(--radar-gold-soft); font-style:normal; }
.radar-hub-copy>p { max-width:660px; margin:0; color:#bdcad9; font-size:16px; line-height:1.95; }
.radar-hero-actions { display:flex; align-items:center; gap:12px; margin-top:32px; }
.radar-hero-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border:1px solid rgba(239,215,155,.42); border-radius:12px; color:#13213a; background:var(--radar-gold-soft); font-size:12px; font-weight:850; box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 14px 32px rgba(0,0,0,.2); transition:transform .2s ease,border-color .2s ease,background-color .2s ease; }
.radar-hero-actions a+a { color:#e6eef8; background:rgba(255,255,255,.05); border-color:rgba(205,221,238,.22); box-shadow:none; }
.radar-hero-actions a:hover { transform:translateY(-2px); }
.radar-hub-copy>small { display:block; margin-top:24px; color:#8195ad; font-size:12px; line-height:1.7; }

.radar-command-screen { position:relative; min-height:468px; padding:21px; border:1px solid rgba(122,184,235,.25); border-radius:28px; background:#06162f; box-shadow:0 32px 90px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.025); }
.radar-command-screen::after { content:""; position:absolute; inset:9px; pointer-events:none; border:1px solid rgba(213,173,88,.15); border-radius:21px; }
.radar-command-top { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:5px 7px 18px; border-bottom:1px solid rgba(149,184,219,.16); color:#869ab1; font:800 11px/1 ui-monospace,monospace; letter-spacing:.12em; }
.radar-command-top span { display:flex; align-items:center; gap:8px; }
.radar-command-top span i { width:5px; height:5px; border-radius:50%; background:#63d5ff; box-shadow:0 0 12px #63d5ff; }
.radar-command-top strong { color:var(--radar-gold-soft); font:inherit; }
.radar-command-core { position:relative; display:grid; place-items:center; height:310px; overflow:hidden; background:radial-gradient(circle at 50% 50%,rgba(26,101,187,.16),transparent 58%); }
.radar-command-core::before { content:""; position:absolute; left:50%; top:50%; width:1px; height:82%; background:rgba(114,209,255,.11); transform:translate(-50%,-50%); }
.radar-command-core::after { content:""; position:absolute; left:50%; top:50%; width:82%; height:1px; background:rgba(114,209,255,.11); transform:translate(-50%,-50%); }
.radar-orbit { position:relative; width:244px; aspect-ratio:1; border:1px solid rgba(114,209,255,.24); border-radius:50%; box-shadow:inset 0 0 55px rgba(21,107,216,.09),0 0 0 25px rgba(114,209,255,.022); }
.radar-orbit::before,.radar-orbit::after,.radar-orbit>i { content:""; position:absolute; border:1px solid rgba(114,209,255,.16); border-radius:50%; }
.radar-orbit::before { inset:18%; }
.radar-orbit::after { inset:36%; }
.radar-orbit>i:nth-child(1) { inset:49% -9%; border-radius:0; border-width:1px 0 0; }
.radar-orbit>i:nth-child(2) { inset:-9% 49%; border-radius:0; border-width:0 0 0 1px; }
.radar-orbit>i:nth-child(3) { inset:0; border-color:transparent; border-top-color:rgba(213,173,88,.7); animation:radar-rotate 9s linear infinite; }
.radar-orbit>b { position:absolute; left:50%; top:50%; width:16px; height:16px; border:2px solid #f2db9c; border-radius:50%; background:var(--radar-navy-2); box-shadow:0 0 0 7px rgba(213,173,88,.08),0 0 24px rgba(213,173,88,.4); transform:translate(-50%,-50%); }
.radar-orbit>span { position:absolute; left:58%; top:23%; width:7px; height:7px; border-radius:50%; background:#76d5ff; box-shadow:0 0 0 6px rgba(118,213,255,.08),0 0 15px #76d5ff; }
.radar-orbit>em { position:absolute; width:5px; height:5px; border-radius:50%; background:#77d8ff; box-shadow:0 0 0 4px rgba(119,216,255,.08),0 0 12px #77d8ff; }
.radar-orbit>.signal-a { left:22%; top:35%; }
.radar-orbit>.signal-b { right:15%; top:52%; background:#f0d99b; box-shadow:0 0 0 4px rgba(240,217,155,.08),0 0 12px #f0d99b; }
.radar-orbit>.signal-c { left:43%; bottom:12%; width:4px; height:4px; }
.radar-bearing-scale { position:absolute; inset:24px; color:#405e7d; font:820 9px/1 ui-monospace,monospace; letter-spacing:.12em; }
.radar-bearing-scale span { position:absolute; }
.radar-bearing-scale span:nth-child(1) { left:50%; top:0; transform:translateX(-50%); }
.radar-bearing-scale span:nth-child(2) { right:0; top:50%; transform:translateY(-50%); }
.radar-bearing-scale span:nth-child(3) { left:50%; bottom:0; transform:translateX(-50%); }
.radar-bearing-scale span:nth-child(4) { left:0; top:50%; transform:translateY(-50%); }
.radar-sweep-trace { position:absolute; inset:37px; pointer-events:none; border:1px dashed rgba(106,180,232,.1); border-radius:50%; }
.radar-sweep-trace i { position:absolute; width:3px; height:3px; border-radius:50%; background:#4fa9dc; opacity:.55; }
.radar-sweep-trace i:nth-child(1) { left:13%; top:18%; }
.radar-sweep-trace i:nth-child(2) { right:9%; top:27%; }
.radar-sweep-trace i:nth-child(3) { right:21%; bottom:13%; }
.radar-command-coordinates { position:absolute; inset:19px; display:flex; justify-content:space-between; align-items:flex-end; color:#526b85; font:750 11px/1 ui-monospace,monospace; letter-spacing:.08em; }
.radar-command-latest { position:relative; z-index:2; display:grid; grid-template-columns:105px 1fr; gap:7px 16px; min-height:78px; padding:16px 17px; border:1px solid rgba(134,178,220,.16); border-radius:14px; background:#0a2145; }
.radar-command-latest>span { grid-row:1/3; align-self:center; color:#6d89a5; font:820 11px/1 ui-monospace,monospace; letter-spacing:.12em; }
.radar-command-latest>strong { overflow:hidden; color:#edf5ff; font-size:12px; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.radar-command-latest>small { color:#c5a960; font-size:11px; }

.radar-live-metrics { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); min-height:112px; border:1px solid rgba(174,200,225,.16); border-bottom:0; background:#09234a; }
.radar-live-metrics>div { display:grid; grid-template-columns:auto 1fr; align-content:center; gap:7px 16px; padding:25px 30px; border-right:1px solid rgba(174,200,225,.14); }
.radar-live-metrics>div:last-child { border-right:0; }
.radar-live-metrics span { grid-column:1/-1; color:#6e89a5; font:820 11px/1 ui-monospace,monospace; letter-spacing:.14em; }
.radar-live-metrics strong { color:#fff; font:680 31px/1 ui-monospace,monospace; }
.radar-live-metrics small { align-self:end; color:#a9bbcd; font-size:12px; }

.radar-archive-section,.radar-detail-outline,.radar-related-section { background:var(--radar-paper); }
.radar-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:48px; margin-bottom:38px; }
.radar-section-heading>div>span { color:#9a7429; font:850 11px/1 ui-monospace,monospace; letter-spacing:.16em; }
.radar-section-heading h2 { margin:13px 0 0; max-width:760px; color:var(--radar-ink)!important; font-size:clamp(28px,3vw,43px); line-height:1.18; letter-spacing:-.04em; }
.radar-section-heading>p { max-width:460px; margin:0; color:var(--radar-muted); font-size:12px; line-height:1.8; }
.radar-archive-section { padding:92px 0 108px; scroll-margin-top:96px; }
.radar-archive-heading { align-items:start; }
.radar-timeline-days,.radar-day-updates { margin:0; padding:0; list-style:none; }
.radar-timeline-days { --radar-timeline-rail:149px; position:relative; display:grid; gap:34px; }
.radar-timeline-days::before { content:""; position:absolute; top:31px; bottom:31px; left:var(--radar-timeline-rail); width:1px; background:linear-gradient(180deg,var(--radar-gold) 0,#295683 18%,#aeb9c3 88%,transparent 100%); }
.radar-timeline-day { position:relative; display:grid; grid-template-columns:150px minmax(0,1fr); gap:34px; align-items:start; }
.radar-day-heading { position:sticky; top:108px; min-height:90px; padding:7px 25px 0 0; text-align:right; }
.radar-day-heading::after { content:""; position:absolute; top:18px; right:-7px; width:13px; height:13px; border:3px solid var(--radar-paper); border-radius:50%; background:var(--radar-navy-2); box-shadow:0 0 0 1px #6683a1; }
.radar-timeline-day.is-latest .radar-day-heading::after { background:var(--radar-gold); box-shadow:0 0 0 1px #ad8431,0 0 0 7px rgba(213,173,88,.13); }
.radar-day-heading time { display:grid; gap:6px; }
.radar-day-heading time>span { color:#96712a; font:850 10px/1 ui-monospace,monospace; letter-spacing:.14em; }
.radar-day-heading time>strong { color:var(--radar-ink); font:720 32px/1 ui-monospace,monospace; letter-spacing:-.055em; }
.radar-day-heading>small { display:block; margin-top:11px; color:#738091; font-size:10px; font-weight:780; }

.radar-day-panel { overflow:hidden; border:1px solid #d0ccc2; border-radius:16px; background:var(--radar-panel); }
.radar-day-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:48px; padding:0 23px; border-bottom:1px solid #dcd8cf; background:#eeebe4; }
.radar-day-panel-heading>div { display:flex; align-items:center; gap:10px; }
.radar-day-panel-heading i { width:6px; height:6px; border-radius:50%; background:var(--radar-gold); box-shadow:0 0 0 5px rgba(213,173,88,.12); }
.radar-day-panel-heading span { color:#8d6a29; font:850 10px/1 ui-monospace,monospace; letter-spacing:.15em; }
.radar-day-panel-heading strong { color:#5d6a79; font-size:10px; font-weight:820; }
.radar-day-updates>li+li { border-top:1px solid #e1ded6; }
.radar-update-row { --radar-stage:#5f86b2; position:relative; display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:20px; align-items:center; width:100%; min-height:142px; padding:23px 25px 23px 22px; color:inherit; background:#fffdf8; border:0; border-left:3px solid transparent; font:inherit; text-align:left; cursor:pointer; transition:transform .18s ease,border-color .18s ease,background-color .18s ease; }
.radar-update-row.is-locked { min-height:106px; text-decoration:none; }
.radar-update-row.is-locked .radar-update-title { margin-bottom:0; }
.radar-update-title-only { align-self:center; }
.radar-update-row.stage-discovered { --radar-stage:#2aa8d5; }
.radar-update-row.stage-observing { --radar-stage:#2672c5; }
.radar-update-row.stage-ready { --radar-stage:#b6872f; }
.radar-update-row.stage-validated { --radar-stage:#4b906b; }
.radar-update-row.stage-cooling,.radar-update-row.stage-expired,.radar-update-row.stage-unconfigured { --radar-stage:#8793a0; }
.radar-update-row:hover,.radar-update-row:focus-visible { border-left-color:var(--radar-gold); background:#f7f5ef; transform:translateX(3px); }
.radar-update-index { position:relative; align-self:stretch; display:grid; place-items:center; color:#8a96a4; font:780 11px/1 ui-monospace,monospace; }
.radar-update-index::before { content:""; position:absolute; top:8px; bottom:8px; left:50%; width:1px; background:#d9d6ce; }
.radar-update-index span { position:relative; z-index:1; display:grid; place-items:center; width:33px; height:33px; border:1px solid #c8ced4; border-radius:50%; background:#fffdf8; }
.radar-update-index i { position:absolute; left:50%; bottom:8px; width:5px; height:5px; border-radius:50%; background:var(--radar-stage); box-shadow:0 0 0 4px rgba(21,107,216,.09); transform:translateX(-50%); }
.radar-update-content { display:block; min-width:0; }
.radar-update-meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.radar-update-meta span,.radar-update-meta strong { padding:5px 8px; border:1px solid #d1d6da; border-radius:6px; color:#4d6075; background:#f3f2ed; font-size:10px; font-weight:790; }
.radar-update-meta strong { color:#fff; border-color:var(--radar-stage); background:var(--radar-stage); }
.radar-update-content h3 { margin:12px 0 7px; color:var(--radar-ink)!important; font-size:18px; line-height:1.45; letter-spacing:-.018em; }
.radar-update-content>p { display:-webkit-box; overflow:hidden; margin:0; color:#637184; font-size:12px; line-height:1.72; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.radar-update-content footer { display:flex; flex-wrap:wrap; gap:7px 17px; margin-top:12px; color:#89939e; font:720 10px/1.35 ui-monospace,monospace; }
.radar-update-content footer span:first-child { color:#7b6330; }
.radar-update-title { display:block; margin:12px 0 7px; color:var(--radar-ink)!important; font-size:18px; line-height:1.45; letter-spacing:-.018em; }
.radar-update-summary { display:-webkit-box; overflow:hidden; margin:0; color:#637184; font-size:12px; line-height:1.72; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.radar-update-footer { display:flex; flex-wrap:wrap; gap:7px 17px; margin-top:12px; color:#89939e; font:720 10px/1.35 ui-monospace,monospace; }
.radar-update-footer span:first-child { color:#7b6330; }
.radar-update-action { display:flex; align-items:center; gap:11px; padding-left:21px; border-left:1px solid #dfdcd4; color:#52657b; white-space:nowrap; }
.radar-update-action span { font-size:10px; font-weight:820; }
.radar-update-action b { display:grid; place-items:center; width:34px; height:34px; border:1px solid #b8c3ce; border-radius:50%; color:#17375c; background:#fff; font-size:14px; transition:border-color .18s ease,color .18s ease,background-color .18s ease; }
.radar-update-row:hover .radar-update-action b,.radar-update-row:focus-visible .radar-update-action b { color:#fff; border-color:var(--radar-navy-2); background:var(--radar-navy-2); }
.radar-simple-card { grid-template-columns:48px minmax(0,1fr); cursor:default; scroll-margin-top:100px; }
.radar-simple-card:hover,.radar-simple-card:focus-within { border-left-color:transparent; background:#fffdf8; transform:none; }
.radar-simple-title,.radar-simple-card .radar-update-title { margin:13px 0 10px; color:#145aa8!important; font-size:clamp(19px,2vw,22px); font-weight:850; line-height:1.5; overflow-wrap:anywhere; }
.radar-simple-title>span { background:linear-gradient(transparent 72%,#e0ebfa 72%); box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.radar-simple-analysis { color:#52657b; font-size:15px; line-height:1.85; overflow-wrap:anywhere; }
.radar-simple-links { display:flex; align-items:flex-start; flex-wrap:wrap; gap:10px; margin-top:16px; }
.radar-simple-links a { display:inline-grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; column-gap:10px; row-gap:5px; min-width:0; max-width:100%; min-height:44px; padding:10px 14px; border:1px solid #d1b56f; border-radius:10px; color:#183b65; background:#fff3d5; text-decoration:none; transition:background-color .18s ease,border-color .18s ease; }
.radar-simple-links a:hover { border-color:#ac812a; background:#ffe7ad; }
.radar-simple-links a:focus-visible { outline:3px solid #156bd8; outline-offset:3px; }
.radar-simple-links a small { color:#77551b; font-size:11px; font-weight:750; }
.radar-simple-links a strong { color:#183b65; font-size:14px; font-weight:800; line-height:1.55; overflow-wrap:anywhere; }
.radar-simple-links a>span[aria-hidden] { color:#795914; font-size:18px; }
.radar-simple-links .radar-simple-link-note { grid-column:1/-1; color:#5c6570; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.radar-simple-card .radar-update-footer { align-items:center; gap:8px 16px; margin-top:16px; color:#637184; font-size:11px; }
.radar-month-timeline .radar-timeline-limit { margin:24px 0 0; padding:0; }
.radar-month-timeline .radar-timeline-limit::before { display:none; }
@media(max-width:520px) { .radar-simple-card { grid-template-columns:30px minmax(0,1fr); gap:12px; padding:22px 16px 22px 10px; } .radar-simple-links { gap:8px; } .radar-simple-links a { width:100%; padding:10px 12px; column-gap:8px; } }

.radar-timeline-limit { position:relative; z-index:3; margin:-76px 0 0 184px; padding-top:118px; }
.radar-timeline-limit::before { content:""; position:absolute; z-index:0; top:0; right:0; left:0; height:145px; pointer-events:none; background:linear-gradient(180deg,rgba(244,242,235,0),var(--radar-paper) 72%); }
.radar-timeline-limit>div { position:relative; z-index:1; display:grid; justify-items:center; padding:28px 24px; border:1px solid #b99a54; border-radius:15px; text-align:center; background:#071d41; box-shadow:0 18px 42px rgba(7,29,65,.15); }
.radar-timeline-limit span { color:#e7cc7e; font:850 10px/1 ui-monospace,monospace; letter-spacing:.15em; }
.radar-timeline-limit strong { margin-top:10px; color:#fff; font-size:18px; }
.radar-timeline-limit p { margin:8px 0 0; color:#aebed2; font-size:11px; line-height:1.7; }
.radar-timeline-limit a { margin-top:17px; padding:11px 15px; border:1px solid #e0bd65; border-radius:9px; color:#071d41; background:#e7cc7e; font-size:11px; font-weight:850; }

.radar-empty { display:grid; place-items:center; min-height:330px; padding:54px; border:1px dashed #b9b6ae; border-radius:20px; text-align:center; background:#ebe8e0; }
.radar-empty-primary { min-height:440px; }
.radar-empty>span { color:#9a7429; font:850 11px/1 ui-monospace,monospace; letter-spacing:.15em; }
.radar-empty h2 { margin:14px 0 9px; color:var(--radar-ink)!important; font-size:27px; }
.radar-empty p { max-width:590px; margin:0; color:var(--radar-muted); font-size:13px; line-height:1.8; }
.radar-empty>a,.radar-empty>button { margin-top:22px; padding:12px 16px; border:1px solid var(--radar-navy-2); border-radius:10px; color:#fff; background:var(--radar-navy-2); font-size:12px; font-weight:800; }
.radar-empty-scope { position:relative; width:86px; aspect-ratio:1; margin-bottom:22px; border:1px solid #8da4ba; border-radius:50%; }
.radar-empty-scope i { position:absolute; border:1px solid #b5c2ce; border-radius:50%; }
.radar-empty-scope i:nth-child(1) { inset:20%; }
.radar-empty-scope i:nth-child(2) { inset:39%; }
.radar-empty-scope span { display:grid; place-items:center; height:100%; color:#9a7429; }

/* Detail */
.radar-detail-hero { position:relative; overflow:hidden; padding:42px 0 70px; color:#fff; background:var(--radar-navy); }
.radar-detail-hero::before { content:""; position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(114,209,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(114,209,255,.35) 1px,transparent 1px); background-size:40px 40px; mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.1)); }
.radar-detail-hero .shell { position:relative; z-index:1; }
.radar-detail-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 360px; align-items:center; gap:70px; min-height:490px; padding-top:48px; }
.radar-detail-badges { display:flex; flex-wrap:wrap; gap:8px; }
.radar-detail-badges span,.radar-detail-badges strong { padding:7px 10px; border:1px solid rgba(172,200,228,.22); border-radius:8px; color:#adc1d5; background:rgba(255,255,255,.04); font-size:11px; font-weight:800; }
.radar-detail-badges strong { color:#20263a; border-color:var(--radar-gold); background:var(--radar-gold-soft); }
.radar-detail-badges .stage-cooling,.radar-detail-badges .stage-expired { color:#243044; border-color:#aab6c2; background:#d9dfe5; }
.radar-detail-intro h1 { margin:27px 0 19px; max-width:920px; color:#fff!important; font-size:clamp(38px,5vw,68px); line-height:1.12; letter-spacing:-.05em; }
.radar-detail-intro>p { max-width:760px; margin:0; color:#c1cede; font-size:16px; line-height:1.8; }
.radar-detail-intro blockquote { margin:27px 0 0; padding:0 0 0 17px; border-left:2px solid var(--radar-gold); color:#8fa4bb; font-size:13px; line-height:1.8; }
.radar-detail-dates { display:flex; flex-wrap:wrap; gap:0; margin-top:34px; border-top:1px solid rgba(169,198,226,.16); }
.radar-detail-dates>span { display:grid; gap:7px; min-width:150px; margin-top:17px; padding-right:28px; }
.radar-detail-dates small { color:#718aa3; font-size:11px; }
.radar-detail-dates strong { color:#e7edf5; font-size:12px; }
.radar-detail-scope { display:grid; justify-items:center; gap:14px; padding:23px; border:1px solid rgba(142,188,230,.18); border-radius:26px; background:#06172f; }
.radar-detail-scope>span,.radar-detail-scope>small { color:#7190ad; font:800 11px/1 ui-monospace,monospace; letter-spacing:.12em; }
.radar-detail-scope>div { position:relative; width:250px; aspect-ratio:1; border:1px solid rgba(114,209,255,.22); border-radius:50%; }
.radar-detail-scope>div::before,.radar-detail-scope>div::after,.radar-detail-scope i { content:""; position:absolute; border:1px solid rgba(114,209,255,.17); border-radius:50%; }
.radar-detail-scope>div::before { inset:19%; }
.radar-detail-scope>div::after { inset:38%; }
.radar-detail-scope i:nth-child(1) { inset:49% -6%; border-radius:0; border-width:1px 0 0; }
.radar-detail-scope i:nth-child(2) { inset:-6% 49%; border-radius:0; border-width:0 0 0 1px; }
.radar-detail-scope i:nth-child(3) { inset:0; border-color:transparent; border-top-color:var(--radar-gold); animation:radar-rotate 10s linear infinite; }
.radar-detail-scope b { position:absolute; left:68%; top:31%; width:8px; height:8px; border-radius:50%; background:#6dd2ff; box-shadow:0 0 14px #6dd2ff; }
.radar-detail-scope em { position:absolute; inset:48%; border:2px solid var(--radar-gold-soft); border-radius:50%; }
.radar-detail-scope>strong { color:var(--radar-gold-soft); font:760 19px/1 ui-monospace,monospace; letter-spacing:.12em; }

.radar-detail-outline { padding:82px 0 88px; }
.radar-outline-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #d1cdc4; border-radius:19px; overflow:hidden; background:var(--radar-panel); }
.radar-outline-grid article { min-height:177px; padding:27px; border-right:1px solid #d7d3ca; }
.radar-outline-grid article:last-child { border-right:0; }
.radar-outline-grid span { color:#a17a2e; font:850 11px/1 ui-monospace,monospace; }
.radar-outline-grid h3 { margin:32px 0 10px; color:var(--radar-ink)!important; font-size:21px; }
.radar-outline-grid p { margin:0; color:var(--radar-muted); font-size:12px; line-height:1.75; }

.radar-core-section { padding:0 0 100px; background:var(--radar-paper); }
.radar-core-status { display:flex; align-items:center; justify-content:space-between; gap:34px; margin-bottom:20px; padding:21px 24px; border:1px solid #d0c9b8; border-radius:16px; background:#efe8d7; }
.radar-core-status>div:first-child { display:grid; grid-template-columns:auto 1fr; gap:7px 18px; }
.radar-core-status>div:first-child>span { grid-row:1/3; align-self:center; display:flex; align-items:center; gap:8px; color:#8a6828; font:850 11px/1 ui-monospace,monospace; letter-spacing:.1em; }
.radar-core-status>div:first-child>span i { width:7px; height:7px; border-radius:50%; background:#56a773; box-shadow:0 0 0 5px rgba(86,167,115,.11); }
.radar-core-status>div:first-child>strong { color:#202c3c; font-size:14px; }
.radar-core-status>div:first-child>small { color:#766d5c; font-size:11px; }
.radar-analysis-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(430px,.88fr); gap:18px; }
.radar-analysis-copy,.radar-score-panel,.radar-core-columns>article,.radar-source-panel,.radar-requirement-panel { border:1px solid #d2cec4; border-radius:19px; background:var(--radar-panel); }
.radar-analysis-copy { padding:36px; }
.radar-analysis-copy>span,.radar-score-heading span,.radar-core-columns article>span,.radar-evidence-grid article>div:first-child>span { color:#987125; font:850 11px/1 ui-monospace,monospace; letter-spacing:.13em; }
.radar-analysis-copy h2,.radar-score-heading h2,.radar-core-columns h2,.radar-evidence-grid h2 { margin:13px 0 19px; color:var(--radar-ink)!important; font-size:27px; letter-spacing:-.03em; }
.radar-analysis-copy>p { margin:0; color:#526276; font-size:13px; line-height:1.95; }
.radar-suitability { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:29px; }
.radar-suitability>div { padding:17px; border-left:2px solid #2d6eb5; background:#eef1f2; }
.radar-suitability>div+div { border-left-color:#a5823d; }
.radar-suitability small { color:#65778a; font-size:11px; font-weight:850; }
.radar-suitability p { margin:8px 0 0; color:#35465a; font-size:12px; line-height:1.7; }
.radar-score-panel { padding:29px 31px; }
.radar-score-heading { display:flex; justify-content:space-between; gap:20px; }
.radar-score-heading strong { align-self:flex-start; padding:7px 9px; border:1px solid #d7b663; border-radius:8px; color:#735719; background:#f4e5b8; font-size:11px; }
.radar-score-heading strong.risk-high { color:#7a3434; border-color:#d5a7a7; background:#f3dfdc; }
.radar-score-heading strong.risk-low { color:#35654b; border-color:#afd0bd; background:#e0eee5; }

.radar-score-chart { position:relative; display:grid; place-items:center; max-width:400px; margin:0 auto; }
.radar-score-chart svg { display:block; width:100%; height:auto; overflow:visible; }
.radar-score-grid polygon,.radar-score-grid line { fill:none; stroke:#bdc8d1; stroke-width:1; vector-effect:non-scaling-stroke; }
.radar-score-grid polygon:last-of-type { stroke:#8098af; }
.radar-score-data polygon { stroke:#b38b36; stroke-width:1.5; vector-effect:non-scaling-stroke; }
.radar-score-data circle { fill:#fff; stroke:#9b7526; stroke-width:2; }
.radar-score-label text { fill:#607286; font:720 12px/1 system-ui,sans-serif; }
.radar-score-label .radar-score-value { fill:#9b7526; font:850 11px/1 ui-monospace,monospace; }
.radar-chart-state { position:absolute; display:grid; place-items:center; gap:7px; color:#8998a7; }
.radar-chart-state span { color:#a68139; font-size:28px; }
.radar-chart-state strong { font-size:11px; }
.radar-score-legend { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; margin-top:-5px; }
.radar-score-legend span { display:grid; gap:5px; padding:8px; border-top:1px solid #d8d5cd; }
.radar-score-legend small { color:#728090; font-size:11px; }
.radar-score-legend strong { color:#1c2b40; font:760 14px/1 ui-monospace,monospace; }
.radar-score-legend strong i { color:#93a0ad; font-size:11px; font-style:normal; }
.radar-score-panel>p { margin:14px 0 0; color:#858f99; font-size:11px; text-align:center; }

.radar-core-columns { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px; }
.radar-core-columns>article { padding:33px; }
.radar-hypothesis { margin:0 0 22px; padding:17px; border:1px solid #d7d3ca; border-radius:11px; color:#45566a; background:#efede7; font-size:13px; line-height:1.75; }
.radar-hypothesis small { display:block; margin-bottom:7px; color:#9a7429; font-size:11px; font-weight:850; }
.radar-core-columns ul,.radar-requirement-panel ul { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.radar-core-columns li,.radar-requirement-panel li { display:grid; grid-template-columns:28px 1fr; gap:11px; padding:12px 0; border-top:1px solid #e0ddd6; }
.radar-core-columns li span,.radar-requirement-panel li span { color:#a17a2e; font:820 11px/1.75 ui-monospace,monospace; }
.radar-core-columns li p,.radar-requirement-panel li p { margin:0; color:#536377; font-size:12px; line-height:1.75; }
.radar-detail-muted { color:#82909e; font-size:12px; line-height:1.8; }

.radar-evidence-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:18px; margin-top:18px; }
.radar-source-panel,.radar-requirement-panel { padding:33px; }
.radar-source-panel>div:nth-child(2) { display:grid; gap:8px; }
.radar-source-panel a,.radar-source-panel section { display:grid; grid-template-columns:90px 1fr auto; align-items:center; gap:14px; padding:14px 15px; border:1px solid #d9d6cf; border-radius:11px; color:#30445c; background:#efede7; }
.radar-source-panel a:hover { border-color:#9cb1c3; }
.radar-source-panel a>span,.radar-source-panel section>span { color:#9a7429; font-size:11px; font-weight:850; }
.radar-source-panel a>strong,.radar-source-panel section>strong { font-size:12px; }
.radar-source-panel a>small,.radar-source-panel section>small { color:#7a8794; font-size:11px; }
.radar-requirement-panel h3 { margin:20px 0 9px; color:#34455a!important; font-size:13px; }

.radar-open-panel { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:18px; padding:29px 32px; border:1px solid #1b4071; border-radius:19px; color:#fff; background:var(--radar-navy); }
.radar-open-panel>div:first-child>span { color:var(--radar-gold-soft); font:850 11px/1 ui-monospace,monospace; letter-spacing:.13em; }
.radar-open-panel h2 { margin:10px 0 7px; color:#fff!important; font-size:24px; }
.radar-open-panel p { max-width:690px; margin:0; color:#aebfd1; font-size:12px; line-height:1.75; }
.radar-open-panel>div:last-child { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; min-width:270px; }
.radar-open-panel a { display:grid; grid-template-columns:1fr auto; gap:3px 15px; min-width:190px; padding:12px 14px; border:1px solid #d5ad58; border-radius:10px; color:#17253c; background:var(--radar-gold-soft); }
.radar-open-panel a small { grid-column:1/-1; color:#795b1e; font-size:11px; }
.radar-open-panel a strong { font-size:11px; }
.radar-open-panel a span { grid-row:2; grid-column:2; }
.radar-open-panel>button { min-height:43px; padding:0 18px; border:1px solid #58718b; border-radius:10px; color:#8da1b6; background:#102a51; font-size:11px; }

.radar-locked-section { padding:0 0 100px; background:var(--radar-paper); }
.radar-locked-grid { display:grid; grid-template-columns:minmax(360px,.82fr) 1.18fr; overflow:hidden; border:1px solid #bca46f; border-radius:24px; background:#081d40; box-shadow:0 26px 60px rgba(30,37,46,.12); }
.radar-locked-chart { position:relative; display:grid; place-items:center; min-height:480px; padding:20px; border-right:1px solid rgba(213,173,88,.25); background:#061630; }
.radar-locked-chart::before { content:""; position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(114,209,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(114,209,255,.35) 1px,transparent 1px); background-size:31px 31px; }
.radar-locked-chart .radar-score-chart { width:100%; filter:brightness(.92); }
.radar-locked-chart .radar-score-grid polygon,.radar-locked-chart .radar-score-grid line { stroke:rgba(115,185,230,.3); }
.radar-locked-chart .radar-chart-state { color:#9aadc2; }
.radar-locked-chart>span { position:absolute; left:25px; bottom:25px; color:#b89d5c; font:850 11px/1 ui-monospace,monospace; letter-spacing:.14em; }
.radar-locked-copy { align-self:center; padding:58px; }
.radar-locked-copy>span { color:var(--radar-gold-soft); font:850 11px/1 ui-monospace,monospace; letter-spacing:.14em; }
.radar-locked-copy h2 { margin:17px 0 14px; max-width:650px; color:#fff!important; font-size:clamp(30px,3vw,45px); line-height:1.2; letter-spacing:-.04em; }
.radar-locked-copy>p { max-width:690px; margin:0; color:#acbdcf; font-size:12px; line-height:1.85; }
.radar-locked-copy>div { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:27px 0; }
.radar-locked-copy>div span { display:flex; align-items:center; gap:9px; color:#d0dce8; font-size:11px; }
.radar-locked-copy>div i { width:6px; height:6px; border-radius:50%; background:var(--radar-gold); }
.radar-locked-copy>a { display:inline-flex; align-items:center; justify-content:center; min-height:47px; padding:0 19px; border:1px solid #efd58f; border-radius:10px; color:#162137; background:var(--radar-gold-soft); font-size:12px; font-weight:850; }
.radar-locked-copy>small { display:block; margin-top:12px; color:#7389a1; font-size:11px; }
.radar-related-section { padding:0 0 100px; }

/* Gold zone entry */
.gold-zone-radar-entry { padding:22px 0 0; background:var(--radar-paper); }
.gold-zone-radar-entry a { position:relative; display:grid; grid-template-columns:104px minmax(0,1fr) minmax(240px,.62fr) auto; align-items:center; gap:24px; min-height:158px; padding:26px 29px; overflow:hidden; border:1px solid #bda366; border-radius:20px; color:#fff; background:var(--radar-navy); box-shadow:0 18px 44px rgba(10,31,65,.12); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.gold-zone-radar-entry a::before { content:""; position:absolute; inset:0; opacity:.14; background-image:linear-gradient(rgba(114,209,255,.36) 1px,transparent 1px),linear-gradient(90deg,rgba(114,209,255,.36) 1px,transparent 1px); background-size:30px 30px; mask-image:linear-gradient(90deg,#000,transparent 65%); }
.gold-zone-radar-entry a>* { position:relative; z-index:1; }
.gold-zone-radar-entry a:hover { border-color:#e8c773; box-shadow:0 24px 54px rgba(10,31,65,.18); transform:translateY(-3px); }
.gold-zone-radar-mark { position:relative; width:86px; aspect-ratio:1; border:1px solid rgba(114,209,255,.38); border-radius:50%; }
.gold-zone-radar-mark i { position:absolute; border:1px solid rgba(114,209,255,.23); border-radius:50%; }
.gold-zone-radar-mark i:nth-child(1) { inset:20%; }
.gold-zone-radar-mark i:nth-child(2) { inset:40%; border-color:#d5ad58; }
.gold-zone-radar-mark i:nth-child(3) { inset:0; border-color:transparent; border-top-color:#d5ad58; animation:radar-rotate 9s linear infinite; }
.gold-zone-radar-mark b { position:absolute; left:65%; top:22%; width:6px; height:6px; border-radius:50%; background:#6dd2ff; box-shadow:0 0 12px #6dd2ff; }
.gold-zone-radar-entry a>div:nth-child(2)>span { color:var(--radar-gold-soft); font:850 11px/1 ui-monospace,monospace; letter-spacing:.15em; }
.gold-zone-radar-entry h2 { margin:10px 0 5px; color:#fff!important; font-size:31px; }
.gold-zone-radar-entry p { margin:0; color:#aebfd1; font-size:12px; line-height:1.7; }
.gold-zone-radar-entry aside { display:grid; gap:6px; padding-left:23px; border-left:1px solid rgba(151,184,216,.18); }
.gold-zone-radar-entry aside small { color:#8ba0b6; font-size:11px; }
.gold-zone-radar-entry aside strong { overflow:hidden; color:#e8f0f8; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.gold-zone-radar-entry aside span { color:#bea45f; font-size:11px; }
.gold-zone-radar-entry a>em { padding:10px 12px; border:1px solid rgba(213,173,88,.5); border-radius:9px; color:#f0d99b; font-size:11px; font-style:normal; font-weight:820; white-space:nowrap; }

@keyframes radar-rotate { to { transform:rotate(360deg); } }

@media (max-width:1050px) {
  .radar-hub-hero-grid { grid-template-columns:1fr 390px; gap:38px; }
  .radar-timeline-days { --radar-timeline-rail:119px; }
  .radar-timeline-day { grid-template-columns:120px minmax(0,1fr); gap:25px; }
  .radar-update-row { grid-template-columns:44px minmax(0,1fr) auto; gap:16px; }
  .radar-analysis-grid { grid-template-columns:1fr; }
  .radar-score-panel { display:grid; grid-template-columns:1fr minmax(320px,.72fr); gap:0 18px; }
  .radar-score-heading { grid-column:1/-1; }
  .radar-score-panel>.radar-score-chart { grid-column:1; grid-row:2/5; }
  .radar-score-legend { grid-column:2; grid-template-columns:1fr; align-self:center; margin:0; }
  .radar-score-panel>p { grid-column:2; }
  .gold-zone-radar-entry a { grid-template-columns:90px 1fr auto; }
  .gold-zone-radar-entry aside { display:none; }
}

@media (max-width:780px) {
  .radar-hub-hero { padding-top:28px; }
  .radar-hub-hero-grid { grid-template-columns:1fr; min-height:0; padding-bottom:30px; }
  .radar-hub-copy .radar-breadcrumb { margin-bottom:30px; }
  .radar-hub-copy h1 { font-size:48px; }
  .radar-hub-copy>p { font-size:13px; }
  .radar-command-screen { min-height:420px; }
  .radar-live-metrics { grid-template-columns:1fr 1fr; }
  .radar-live-metrics>div:nth-child(2) { border-right:0; }
  .radar-live-metrics>div:nth-child(-n+2) { border-bottom:1px solid rgba(174,200,225,.14); }
  .radar-section-heading { display:block; }
  .radar-section-heading>p { margin-top:15px; }
  .radar-archive-section { padding:64px 0; }
  .radar-outline-grid { grid-template-columns:1fr 1fr; }
  .radar-outline-grid article:nth-child(2) { border-right:0; }
  .radar-outline-grid article:nth-child(-n+2) { border-bottom:1px solid #d8d4ca; }
  .radar-timeline-days { --radar-timeline-rail:12px; gap:27px; }
  .radar-timeline-days::before { top:15px; bottom:18px; }
  .radar-timeline-day { display:block; padding-left:38px; }
  .radar-timeline-limit { margin-left:38px; }
  .radar-day-heading { position:relative; top:auto; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; min-height:0; margin-bottom:14px; padding:0; text-align:left; }
  .radar-day-heading::after { top:7px; right:auto; left:-32px; }
  .radar-day-heading time { display:flex; align-items:baseline; gap:9px; }
  .radar-day-heading time>strong { font-size:28px; }
  .radar-day-heading>small { margin:0 0 3px; }
  .radar-update-row { min-height:132px; }
  .radar-detail-hero-grid { grid-template-columns:1fr; gap:35px; min-height:0; }
  .radar-detail-scope { display:none; }
  .radar-core-status { align-items:flex-start; flex-direction:column; }
  .radar-score-panel { display:block; }
  .radar-score-legend { grid-template-columns:repeat(5,1fr); }
  .radar-core-columns,.radar-evidence-grid { grid-template-columns:1fr; }
  .radar-open-panel { align-items:flex-start; flex-direction:column; }
  .radar-open-panel>div:last-child { justify-content:flex-start; width:100%; min-width:0; }
  .radar-locked-grid { grid-template-columns:1fr; }
  .radar-locked-chart { min-height:350px; border-right:0; border-bottom:1px solid rgba(213,173,88,.25); }
  .radar-locked-copy { padding:38px; }
  .gold-zone-radar-entry a { grid-template-columns:75px 1fr; }
  .gold-zone-radar-entry a>em { grid-column:2; justify-self:start; }
}

@media (max-width:520px) {
  .radar-hub-copy h1 { font-size:39px; }
  .radar-hero-actions { align-items:stretch; flex-direction:column; }
  .radar-command-screen { min-height:380px; padding:15px; }
  .radar-command-core { height:260px; }
  .radar-orbit { width:205px; }
  .radar-live-metrics>div { padding:20px; }
  .radar-outline-grid { grid-template-columns:1fr; }
  .radar-outline-grid article { min-height:0; border-right:0; border-bottom:1px solid #d8d4ca; }
  .radar-outline-grid article:last-child { border-bottom:0; }
  .radar-timeline-day { padding-left:29px; }
  .radar-day-heading::after { left:-23px; }
  .radar-day-panel-heading { padding:0 17px; }
  .radar-timeline-limit { margin-left:29px; }
  .radar-update-row { grid-template-columns:36px minmax(0,1fr); gap:12px; min-height:0; padding:21px 17px 21px 12px; }
  .radar-update-action { grid-column:2; justify-content:flex-end; padding:0; border:0; }
  .radar-update-action span { display:none; }
  .radar-update-content footer { gap:6px 11px; }
  .radar-detail-intro h1 { font-size:38px; }
  .radar-detail-dates { display:grid; grid-template-columns:1fr 1fr; }
  .radar-suitability { grid-template-columns:1fr; }
  .radar-score-panel { padding:23px 18px; }
  .radar-score-legend { grid-template-columns:1fr 1fr; }
  .radar-source-panel a,.radar-source-panel section { grid-template-columns:1fr; gap:6px; }
  .radar-locked-copy { padding:31px 24px; }
  .radar-locked-copy>div { grid-template-columns:1fr; }
  .gold-zone-radar-entry a { grid-template-columns:1fr; padding:24px; }
  .gold-zone-radar-entry a>em { grid-column:1; }
  .gold-zone-radar-mark { width:67px; }
}

@media (prefers-reduced-motion:reduce) {
  .radar-feature * { scroll-behavior:auto!important; }
  .radar-orbit>i:nth-child(3),.radar-detail-scope i:nth-child(3),.gold-zone-radar-mark i:nth-child(3) { animation:none!important; }
  .radar-feature :is(a,button,article) { transition:none!important; }
}
