.radar-body { margin:0; color:#171d1c; background:#f4f5f3; font:16px/1.65 system-ui,-apple-system,sans-serif; }
.radar-body * { box-sizing:border-box; }
.radar-body [hidden] { display:none!important; }
.radar-body a { color:#174b40; display:inline-block; padding:10px 0; min-height:44px; overflow-wrap:anywhere; }
.radar-body button,.radar-body select { font:inherit; background:#fff; color:#172420; border:1px solid #85918a; border-radius:6px; min-height:44px; padding:8px 14px; cursor:pointer; max-width:100%; }
.radar-body button:disabled { opacity:.6; cursor:wait; }
.radar-body :focus-visible { outline:3px solid #21755e; outline-offset:3px; }
.radar-header { display:flex; gap:20px; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:16px max(24px,calc((100vw - 1240px)/2)); background:#fff; border-bottom:1px solid #ddd; }
.radar-header span { font-size:12px; letter-spacing:2px; }
.radar-shell { max-width:1288px; margin:auto; padding:32px 24px 64px; }
.radar-heading { display:flex; gap:24px; align-items:center; justify-content:space-between; }
.radar-heading h1 { font-size:clamp(30px,4vw,44px); margin:0; font-weight:600; letter-spacing:-1px; }
.radar-eyebrow { font-size:12px; letter-spacing:3px; color:#45665a; }
.radar-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:12px; padding:16px 0; }
.radar-toolbar label { display:block; font-size:14px; }
.radar-note { color:#51615a; font-size:14px; line-height:1.8; }
.radar-card { background:#fff; padding:24px; border:1px solid #dce2dc; border-radius:10px; margin-bottom:24px; min-width:0; }
.radar-card h2 { font-size:20px; margin-top:0; }
.radar-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.radar-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:20px 0; }
.radar-metric { padding:18px; border:1px solid #dce2dc; border-radius:8px; background:#fff; overflow-wrap:anywhere; }
.radar-metric strong { display:block; font-size:30px; font-weight:600; }
.radar-metric span { font-size:14px; color:#52635a; }
.radar-bar { margin:16px 0; }
.radar-bar-label { display:flex; gap:12px; justify-content:space-between; flex-wrap:wrap; font-size:14px; }
.radar-bar-track { height:8px; border-radius:5px; background:#edf1ed; overflow:hidden; margin-top:6px; }
.radar-bar-fill { display:block; height:100%; background:#386654; }
.radar-session { border-top:1px solid #e2e6e1; padding:16px 0; }
.radar-session summary { cursor:pointer; min-height:44px; overflow-wrap:anywhere; }
.radar-session ol { padding-left:24px; }
.radar-session li { margin:10px 0; overflow-wrap:anywhere; }
#radar-status { color:#355b48; overflow-wrap:anywhere; }
.radar-body p { overflow-wrap:anywhere; }
@media(max-width:900px) { .radar-grid { grid-template-columns:1fr; gap:0; } .radar-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .radar-shell { padding:24px 16px; } .radar-header { padding:12px 16px; } .radar-heading { display:block; } .radar-card { padding:18px; } .radar-metrics { gap:10px; } .radar-metric { padding:12px; } .radar-metric strong { font-size:26px; } .radar-toolbar>div { width:100%; } .radar-toolbar select { width:100%; } .radar-toolbar button { flex:1 1 120px; } }