.radar-main { padding:2rem 0 3rem; min-height:calc(100svh - 200px); }
.radar-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:1.5rem; margin-bottom:2rem; }
.radar-heading h1 { font-size:clamp(2.5rem,4vw,3.5rem); margin:0 0 .5rem; }
.radar-heading p { margin:0; color:var(--muted); font-size:1.05rem; }
.radar-intro-link { display:flex; align-items:center; gap:.5rem; min-height:44px; width:max-content; max-width:100%; padding:.4rem .9rem; border-radius:999px; background:var(--paper); color:var(--blue); font-size:.85rem; }
.radar-desk { padding:1.8rem 2.5rem 1.2rem; background:rgba(18,32,43,.88); }
.radar-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-bottom:1.4rem; border-bottom:1px solid var(--line); }
.radar-modes { display:flex; gap:1.4rem; }
.radar-modes button { min-height:48px; padding:.3rem 0; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--muted); font-size:1.35rem; font-family:'Studio Display',sans-serif; }
.radar-modes button[aria-pressed='true'] { color:var(--butter); border-bottom-color:var(--butter); }
.radar-toolbar .button { font-size:.85rem; min-height:44px; padding:.6rem 1.05rem; }
.radar-toolbar .button:disabled { opacity:.6; cursor:wait; }
.radar-controls { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:1rem; padding:1.3rem 0; }
.radar-topics { display:flex; gap:.25rem; flex-wrap:wrap; }
.radar-topics button { min-height:44px; border:0; border-radius:999px; background:transparent; padding:.5rem .85rem; color:var(--muted); font-size:.9rem; }
.radar-topics button:hover { background:var(--white); color:var(--ink); }
.radar-topics button[aria-pressed='true'] { background:var(--butter); color:#172a36; }
.radar-search { display:grid; gap:.35rem; min-width:220px; font-size:.75rem; color:var(--muted); }
.radar-search input { width:100%; min-height:44px; border:1px solid var(--line); border-radius:15px; background:var(--field); color:var(--ink); padding:.6rem .85rem; font:inherit; font-size:.85rem; caret-color:var(--butter); }
.radar-search input::placeholder { color:var(--muted); opacity:1; }
.radar-reading-status { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.5rem; color:var(--muted); font-size:.75rem; padding:.25rem 0 1rem; }
.radar-reading-status p { margin:0; }
.radar-list { border-top:1px solid var(--line); }
.radar-item { padding:1.4rem 0; border-bottom:1px solid var(--line); }
.radar-item-meta { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem 1rem; font-size:.75rem; color:var(--muted); font-variant-numeric:tabular-nums; }
.radar-item-source { color:var(--blue); }
.radar-item h2 { margin:.65rem 0 .45rem; font-family:inherit; font-size:1.2rem; font-weight:500; line-height:1.65; max-width:70ch; overflow-wrap:anywhere; }
.radar-item h2 a { text-decoration:none; }
.radar-item h2 a:hover { color:var(--butter); text-decoration:underline; text-underline-offset:4px; }
.radar-item h2 .icon { display:inline-block; width:16px; height:16px; margin-left:.4rem; color:var(--blue); vertical-align:baseline; }
.radar-item p { color:var(--muted); font-size:.9rem; line-height:1.8; margin:.4rem 0 0; max-width:70ch; overflow-wrap:anywhere; }
.radar-item-tags { color:var(--blue); }
.radar-more { display:flex; margin:1.5rem auto; font-size:.85rem; }
.radar-empty { padding:3rem 1rem; text-align:center; }
.radar-empty h2 { font-size:1.4rem; }
.radar-empty p { color:var(--muted); font-size:.9rem; }
.radar-sources { margin-top:1.2rem; color:var(--muted); font-size:.8rem; }
.radar-sources summary { display:flex; justify-content:space-between; gap:1rem; align-items:center; min-height:48px; cursor:pointer; }
.radar-sources summary::after { content:'+'; font-size:1.3rem; color:var(--blue); }
.radar-sources[open] summary::after { content:'−'; }
#source-summary { margin-left:auto; font-size:.75rem; }
.radar-source { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.4rem 1rem; padding:.8rem 0; border-top:1px solid var(--line); }
.radar-source a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.radar-source .source-warning { color:#ffde9c; }
.radar-source-note { max-width:75ch; line-height:1.9; font-size:.75rem; margin:1rem 0 .5rem; }
.radar-close { color:var(--muted); text-align:center; font-size:.8rem; margin:1.5rem 0 0; }
.radar-page ::selection { color:#172a36; background:var(--butter); }
@media (max-width:870px) { .radar-desk { padding:1.5rem; } .radar-controls { align-items:stretch; } .radar-search { width:100%; } }
@media (max-width:760px) { .radar-main { padding-top:1.4rem; } .radar-heading { display:block; margin-bottom:1.3rem; } .radar-heading h1 { font-size:2.5rem; } .radar-heading p { font-size:.95rem; } .radar-intro-link { margin-top:.6rem; font-size:.78rem; } .radar-desk { padding:1.1rem; border-radius:24px; } .radar-modes { gap:1.1rem; } .radar-modes button { font-size:1.15rem; } .radar-controls { padding:1rem 0; gap:.9rem; } .radar-topics { gap:.1rem; } .radar-topics button { font-size:.8rem; padding:.5rem .75rem; } .radar-item { padding:1.2rem 0; } .radar-item h2 { font-size:1.08rem; } .radar-item-meta { font-size:.72rem; } .radar-reading-status { font-size:.72rem; } .radar-reading-status>span { display:none; } .radar-sources summary { flex-wrap:wrap; gap:.4rem; } #source-summary { font-size:.7rem; } }