/* Radar — brandbook tokens (brand/brandbook/BRANDBOOK.md) + Radar accent (2026-07-12 amendment) */
:root{
  --bg:#0c0b0a; --bg-2:#1d1c1a; --ink:#faf9f5; --muted:#b0aea5;
  --line:#2e2c29; --accent:#d97757; --accent-soft:#e5977b;
  --c-radar:#8fb573;
  --font-display:'JetBrains Mono',ui-monospace,monospace;
  --font-body:'Manrope',system-ui,sans-serif;
}
html[data-theme="light"]{
  --bg:#faf9f5; --bg-2:#efede6; --ink:#1d1c1a; --muted:#6b695f; --line:#d8d5cb;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:16px 20px 80px}
h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;line-height:1.1}
a{color:inherit}
.empty{color:var(--muted);font-family:var(--font-display);font-size:.85rem;padding:48px 0;text-align:center}

/* -- top bar -- */
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;
  padding:10px 20px;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap}
.wordmark{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:.08em;
  text-decoration:none;color:var(--ink)}
.wordmark .blip{color:var(--c-radar);margin-left:6px;animation:blip 2.4s infinite}
@keyframes blip{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.wordmark .blip{animation:none}}
#search{flex:1 1 160px;min-width:120px;background:var(--bg-2);border:1px solid var(--line);
  border-radius:4px;color:var(--ink);font-family:var(--font-display);font-size:.8rem;padding:8px 12px}
#search:focus{outline:none;border-color:var(--c-radar)}
#view-nav{display:flex;gap:4px}
#view-nav a{font-family:var(--font-display);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  text-decoration:none;color:var(--muted);padding:8px 10px;border-radius:4px}
#view-nav a.active{color:var(--c-radar);background:var(--bg-2)}
.btn-act{background:none;border:1px solid var(--line);border-radius:4px;color:var(--muted);
  font-family:var(--font-display);font-size:.72rem;letter-spacing:.08em;padding:8px 10px;cursor:pointer}
.btn-act:hover{border-color:var(--c-radar);color:var(--c-radar)}
.btn-act.on{color:var(--c-radar);border-color:var(--c-radar)}

/* -- chips -- */
.chipbar{padding:10px 20px 0;display:flex;flex-direction:column;gap:8px}
#chips,#subchips{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
.chip{flex:0 0 auto;font-family:var(--font-display);font-size:.72rem;letter-spacing:.06em;
  background:var(--bg-2);border:1px solid var(--line);border-radius:999px;color:var(--muted);
  padding:6px 14px;cursor:pointer;white-space:nowrap}
.chip.active{color:#0c0b0a;background:var(--c-radar);border-color:var(--c-radar);font-weight:700}
#subchips:empty{display:none}

/* -- feed cards -- */
.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.rcard{position:relative;display:flex;flex-direction:column;background:var(--bg-2);
  border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:border-color .2s}
.rcard:hover{border-color:var(--c-radar)}
.rcard-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--line)}
.rcard-img.ph{display:flex;align-items:center;justify-content:center;color:var(--muted);
  font-family:var(--font-display);font-size:1.6rem}
.rcard-body{padding:14px 16px 8px;flex:1}
.rcard-body h3{font-size:.92rem;text-transform:none;letter-spacing:0;margin-bottom:6px}
.rcard-body h3 a{text-decoration:none}
.rcard-body h3 a:hover{color:var(--c-radar)}
.rcard-body p{font-size:.82rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden}
.rcard-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 16px 10px;
  font-family:var(--font-display);font-size:.66rem;letter-spacing:.06em;color:var(--muted)}
.badge{border:1px solid var(--line);border-radius:999px;padding:1px 8px;color:var(--c-radar)}
.rcard-actions{display:flex;gap:8px;border-top:1px solid var(--line);padding:8px 12px}
.rcard-actions .btn-act{flex:1;border:none;padding:6px}
.rcard iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.load-more{display:block;margin:32px auto 0;padding:12px 32px}

/* -- article view -- */
.article{max-width:720px;margin:24px auto}
.series-crumb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font-family:var(--font-display);font-size:.72rem;letter-spacing:.06em;color:var(--muted);
  border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:20px 0}
.series-crumb a{color:var(--c-radar);text-decoration:none}
.article-tools{display:flex;gap:10px;margin:16px 0}
.article-body{margin-top:18px}
.article-body h1,.article-body h2,.article-body h3{margin:26px 0 10px}
.article-body p,.article-body ul,.article-body ol{margin:12px 0;font-size:.98rem}
.article-body ul,.article-body ol{padding-left:24px}
.article-body img{max-width:100%;border-radius:8px}
.article-body a{color:var(--c-radar)}
.article-body blockquote{border-left:3px solid var(--c-radar);padding:4px 16px;color:var(--muted);margin:14px 0}
.article-body pre{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;
  padding:14px;overflow-x:auto;font-size:.82rem;margin:14px 0}
.article-body code{font-family:var(--font-display);font-size:.85em;background:var(--bg-2);
  border-radius:3px;padding:1px 5px}
.article-body pre code{background:none;padding:0}

/* -- series + stats views -- */
.series-group{border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:16px;background:var(--bg-2)}
.series-group h3{font-size:.9rem;margin-bottom:10px}
.series-group .progress{color:var(--c-radar);font-family:var(--font-display);font-size:.7rem;margin-left:10px}
.series-group ol{list-style:none;display:flex;flex-direction:column;gap:6px}
.series-group li{font-size:.86rem;display:flex;gap:10px;align-items:baseline}
.series-group li a{text-decoration:none}
.series-group li a:hover{color:var(--c-radar)}
.series-group li.read{color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.stat-tile{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:20px}
@media (min-width:640px){.stat-wide{grid-column:span 2}}
.stat-tile .num{font-family:var(--font-display);font-size:2.2rem;font-weight:800;color:var(--c-radar)}
.stat-tile .lbl{font-family:var(--font-display);font-size:.7rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted)}
.stat-bar{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:.8rem}
.stat-bar .bar{height:8px;background:var(--c-radar);border-radius:4px;min-width:2px}

@media (max-width:640px){
  .topbar{gap:8px}
  #view-nav{order:3;width:100%;justify-content:space-between}
  .feed{grid-template-columns:1fr}
}