:root{
    --bg:#0a0c10;
    --bg-2:#0e1117;
    --panel:#12161f;
    --panel-2:#171c27;
    --line:#222a38;
    --line-soft:#1a212d;
    --txt:#d7dde6;
    --txt-dim:#8a93a3;
    --txt-faint:#5b6472;
    --accent:#e23b3b;       /* alarm red */
    --accent-2:#f0a818;     /* amber / caution */
    --accent-3:#3aa0ff;     /* data blue */
    --accent-4:#46c98b;     /* resolved green */
    --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
    --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    background:
      radial-gradient(900px 500px at 80% -10%,rgba(226,59,59,.08),transparent 60%),
      radial-gradient(700px 500px at -10% 20%,rgba(58,160,255,.06),transparent 55%),
      var(--bg);
    color:var(--txt);
    font-family:var(--sans);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  ::selection{background:var(--accent);color:#fff}

  /* ---------- Layout shell ---------- */
  .wrap{max-width:1200px;margin:0 auto;padding:0 22px}

  header.masthead{
    border-bottom:1px solid var(--line);
    background:linear-gradient(180deg,rgba(18,22,31,.95),rgba(10,12,16,.6));
    backdrop-filter:blur(4px);
    position:sticky;top:0;z-index:50;
    transition:transform .32s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;
  }
  header.masthead.compact{box-shadow:0 6px 24px rgba(0,0,0,.4)}
  header.masthead.scrolled-down{transform:translateY(-100%)}
  header.masthead.scrolled-down .masthead-progress{transform:scaleX(1)}
  .masthead-inner{
    display:flex;align-items:center;gap:18px;padding:14px 22px;max-width:1200px;margin:0 auto;flex-wrap:wrap;
  }
  .masthead-progress{
    position:absolute;left:0;right:0;bottom:0;height:2px;
    background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 50%,var(--accent-3) 100%);
    transform-origin:left;transform:scaleX(0);
    transition:transform .12s linear;
  }
  .glyph{
    width:42px;height:42px;flex:0 0 42px;border:1px solid var(--accent);border-radius:6px;
    display:grid;place-items:center;color:var(--accent);font-family:var(--mono);font-weight:700;font-size:18px;
    box-shadow:0 0 0 1px rgba(226,59,59,.15) inset,0 0 18px rgba(226,59,59,.18);
  }
  .mast-titles h1{font-size:15px;letter-spacing:.5px;font-weight:600}
  .mast-titles .sub{font-family:var(--mono);font-size:10.5px;color:var(--txt-faint);text-transform:uppercase;letter-spacing:2px}
  .mast-status{margin-left:auto;display:flex;gap:10px;align-items:center;font-family:var(--mono);font-size:10.5px;color:var(--txt-dim)}
  .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 2s infinite}
  @keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

  /* ---------- Disclaimer banner ---------- */
  .disclaimer-bar{background:repeating-linear-gradient(45deg,#1a0e0e,#1a0e0e 12px,#160c0c 12px,#160c0c 24px);
    border-bottom:1px solid rgba(226,59,59,.4);color:var(--txt-dim);font-size:11.5px;padding:9px 22px;text-align:center}
  .disclaimer-bar strong{color:#ff8a6b;font-family:var(--mono);letter-spacing:.5px}
  .disclaimer-bar a{color:var(--accent-3);text-decoration:none}
  .disclaimer-bar a:hover{text-decoration:underline}

  /* ---------- Full disclaimer block ---------- */
  .disclaimer-full{background:linear-gradient(180deg,#160d0d,var(--bg-2));border:1px solid rgba(226,59,59,.35);
    border-radius:10px;padding:22px;margin:0 0 26px;position:relative}
  .disclaimer-full h4{color:#ff8a6b;font-family:var(--mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}
  .disclaimer-full p{font-size:12.5px;color:var(--txt-dim);margin-bottom:10px}
  .disclaimer-full ul{margin:8px 0 4px 18px;font-size:12.5px;color:var(--txt-dim)}
  .disclaimer-full li{margin-bottom:6px}
  .disclaimer-full .hot{font-family:var(--mono);font-size:12px;color:#fff;background:rgba(226,59,59,.15);border:1px solid rgba(226,59,59,.4);padding:6px 10px;border-radius:6px;display:inline-block;margin-top:6px}
  .disclaimer-full a{color:var(--accent-3)}

  /* ---------- Evidence / source list ---------- */
  .src-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
  .src-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:16px;transition:.18s;display:flex;flex-direction:column;gap:8px}
  .src-card:hover{border-color:var(--accent-3);transform:translateY(-2px)}
  .src-card .tier-tag{font-family:var(--mono);font-size:9px;letter-spacing:1px;text-transform:uppercase;align-self:flex-start;padding:3px 8px;border-radius:3px}
  .tt-primary{background:rgba(70,201,139,.13);color:#7ee2b3;border:1px solid rgba(70,201,139,.4)}
  .tt-court{background:rgba(240,168,24,.13);color:#ffce6b;border:1px solid rgba(240,168,24,.4)}
  .tt-news{background:rgba(58,160,255,.13);color:#7cc0ff;border:1px solid rgba(58,160,255,.4)}
  .tt-company{background:rgba(226,59,59,.12);color:#ff9a8a;border:1px solid rgba(226,59,59,.4)}
  .src-card h4{font-size:14px;font-weight:600;line-height:1.3}
  .src-card p{font-size:12px;color:var(--txt-dim)}
  .src-card a{color:var(--accent-3);text-decoration:none;font-family:var(--mono);font-size:11px;word-break:break-all;margin-top:auto}
  .src-card a:hover{text-decoration:underline}
  .src-card .pub{font-family:var(--mono);font-size:10px;color:var(--txt-faint)}

  /* ---------- Corroboration table ---------- */
  .corrob .ver{color:var(--accent-4);font-family:var(--mono);font-size:11px}
  .corrob .exp{color:var(--accent-2);font-family:var(--mono);font-size:11px}
  .corrob .red{color:#ff8a6b;font-family:var(--mono);font-size:11px}

  nav.tabs{display:flex;gap:2px;max-width:1200px;margin:0 auto;padding:0 22px;flex-wrap:wrap}
  nav.tabs button{
    background:transparent;border:none;border-bottom:2px solid transparent;
    color:var(--txt-dim);font-family:var(--mono);font-size:11.5px;letter-spacing:1px;text-transform:uppercase;
    padding:11px 14px;cursor:pointer;transition:.18s;
  }
  nav.tabs button:hover{color:var(--txt)}
  nav.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}

  /* ---------- Hero ---------- */
  .hero{padding:46px 0 30px;border-bottom:1px solid var(--line-soft)}
  .case-tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:2px;color:var(--accent);
    border:1px solid var(--accent);padding:4px 10px;border-radius:3px;margin-bottom:18px;text-transform:uppercase}
  .hero h2{font-size:clamp(24px,4vw,40px);line-height:1.18;font-weight:700;max-width:18ch;letter-spacing:-.5px}
  .hero h2 em{color:var(--accent);font-style:normal}
  .hero p.lede{margin-top:16px;max-width:74ch;color:var(--txt-dim);font-size:15px}

  /* ---------- Metric strip ---------- */
  .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:30px 0 6px}
  .metric{
    background:linear-gradient(180deg,var(--panel),var(--bg-2));
    border:1px solid var(--line);border-radius:8px;padding:18px;position:relative;overflow:hidden;
  }
  .metric::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
  .metric.blue::before{background:var(--accent-3)}
  .metric.amber::before{background:var(--accent-2)}
  .metric.green::before{background:var(--accent-4)}
  .metric .num{font-family:var(--mono);font-size:26px;font-weight:700;color:#fff;line-height:1}
  .metric .lbl{font-size:11.5px;color:var(--txt-dim);margin-top:8px;text-transform:uppercase;letter-spacing:.6px}
  .metric .cite{position:absolute;top:10px;right:12px;font-family:var(--mono);font-size:9px;color:var(--txt-faint)}

  /* ---------- Panels / sections ---------- */
  section.tabpane{display:none;padding:34px 0 60px;animation:fade .35s ease}
  section.tabpane.active{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

  /* ---------- Page-startup scan animation ---------- */
  @keyframes scan-sweep{0%{transform:translateY(-100vh);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(100vh);opacity:0}}
  @keyframes pane-rise{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}60%{filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
  @keyframes flicker{0%,100%{opacity:1}50%{opacity:.78}}
  @keyframes bar-grow{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
  @keyframes cursor-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
  .scan-overlay{position:fixed;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent 0%,var(--accent) 30%,var(--accent-3) 50%,var(--accent) 70%,transparent 100%);
    box-shadow:0 0 14px var(--accent),0 0 4px var(--accent-3),0 0 26px rgba(58,160,255,.45);
    pointer-events:none;z-index:99999;display:none}
  .scan-overlay.active{display:block;animation:scan-sweep .85s cubic-bezier(.55,.05,.45,.95) forwards}
  .scan-overlay::after{content:"";position:absolute;left:0;right:0;top:0;height:80px;
    background:linear-gradient(180deg,rgba(58,160,255,.18),transparent);filter:blur(8px)}
  section.tabpane.active .sec-head,
  section.tabpane.active .metrics,
  section.tabpane.active .cards,
  section.tabpane.active .callout,
  section.tabpane.active .src-grid,
  section.tabpane.active .ev-grid,
  section.tabpane.active .corrob-wrap,
  section.tabpane.active .timeline,
  section.tabpane.active .flow,
  section.tabpane.active .tiers,
  section.tabpane.active .bar-row,
  section.tabpane.active .filterbar,
  section.tabpane.active .compare,
  section.tabpane.active .src-card,
  section.tabpane.active .ev-card,
  section.tabpane.active .timeline-row,
  section.tabpane.active .case,
  section.tabpane.active .tier,
  section.tabpane.active .flow .step{
    animation:pane-rise .52s cubic-bezier(.2,.7,.2,1) backwards;
  }
  section.tabpane.active .sec-head{animation-delay:.08s}
  section.tabpane.active .filterbar{animation-delay:.12s}
  section.tabpane.active .metrics>*{animation:pane-rise .52s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:.14s}
  section.tabpane.active .case:nth-child(1),section.tabpane.active .case:nth-child(2),
  section.tabpane.active .case:nth-child(3),section.tabpane.active .case:nth-child(4){animation-delay:.16s}
  section.tabpane.active .case:nth-child(5),section.tabpane.active .case:nth-child(6),
  section.tabpane.active .case:nth-child(7){animation-delay:.22s}
  section.tabpane.active .src-card,.section.tabpane.active .ev-card{animation-delay:.18s}
  section.tabpane.active .timeline-row:nth-child(odd){animation-delay:.18s}
  section.tabpane.active .timeline-row:nth-child(even){animation-delay:.24s}
  section.tabpane.active .bar-row{animation:pane-rise .52s cubic-bezier(.2,.7,.2,1) backwards}
  section.tabpane.active .bar-row:nth-child(1){animation-delay:.18s}
  section.tabpane.active .bar-row:nth-child(2){animation-delay:.22s}
  section.tabpane.active .bar-row:nth-child(3){animation-delay:.26s}
  section.tabpane.active .bar-row:nth-child(4){animation-delay:.30s}
  section.tabpane.active .bar-row:nth-child(5){animation-delay:.34s}
  section.tabpane.active .bar-row:nth-child(6){animation-delay:.38s}
  .scan-flash{position:fixed;inset:0;background:radial-gradient(ellipse at center,rgba(58,160,255,.10),transparent 70%);
    pointer-events:none;z-index:99998;display:none;animation:flicker .25s ease}
  .scan-flash.active{display:block}
  .corner-bracket{position:absolute;width:14px;height:14px;border:1.5px solid var(--accent);pointer-events:none;opacity:0;transition:opacity .25s}
  .corner-bracket.tl{top:6px;left:6px;border-right:none;border-bottom:none}
  .corner-bracket.tr{top:6px;right:6px;border-left:none;border-bottom:none}
  .corner-bracket.bl{bottom:6px;left:6px;border-right:none;border-top:none}
  .corner-bracket.br{bottom:6px;right:6px;border-left:none;border-top:none}
  section.tabpane.active .corner-bracket{opacity:1;animation:flicker 1.2s ease 0s 2}

  /* ---------- Boot screen (first page load) ---------- */
  @keyframes boot-fade-out{0%{opacity:1}85%{opacity:1}100%{opacity:0;visibility:hidden}}
  @keyframes boot-line-in{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
  @keyframes boot-type{0%{width:0}100%{width:100%}}
  @keyframes boot-cursor{0%,49%{opacity:1}50%,100%{opacity:0}}
  @keyframes grid-drift{0%{background-position:0 0}100%{background-position:60px 60px}}
  @keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 rgba(70,201,139,.6)}50%{box-shadow:0 0 0 6px rgba(70,201,139,0)}}
  .boot-screen{position:fixed;inset:0;background:var(--bg);z-index:999999;display:flex;align-items:center;justify-content:center;
    font-family:var(--mono);color:var(--txt);animation:boot-fade-out 1.9s ease forwards;pointer-events:none}
  .boot-screen .boot-inner{text-align:left;max-width:540px;width:90%}
  .boot-screen .boot-bar{height:2px;background:var(--line);border-radius:1px;margin:18px 0;overflow:hidden}
  .boot-screen .boot-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-3),var(--accent-4));
    animation:boot-line-in 1.6s cubic-bezier(.2,.7,.2,1) forwards}
  .boot-screen .boot-line{font-size:12px;color:var(--txt-dim);letter-spacing:1.5px;text-transform:uppercase;overflow:hidden;white-space:nowrap;
    border-right:2px solid var(--accent);animation:boot-type .8s steps(28,end) forwards,boot-cursor .8s steps(2) infinite}
  .boot-screen .boot-line.l2{animation-delay:.5s,0s;width:0;color:var(--accent-3);border-color:var(--accent-3)}
  .boot-screen .boot-line.l3{animation-delay:1.1s,0s;width:0;color:var(--accent-4);border-color:var(--accent-4)}
  .boot-screen .boot-meta{margin-top:24px;font-size:10.5px;color:var(--txt-faint);letter-spacing:1px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
  .boot-screen .boot-meta span{color:var(--accent-4)}
  .boot-screen .boot-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-4);margin-right:6px;vertical-align:middle;
    animation:pulse-dot 1.4s ease-in-out infinite}

  /* ---------- Data-stream animated background ---------- */
  body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.4;
    background-image:
      linear-gradient(rgba(58,160,255,.045) 1px,transparent 1px),
      linear-gradient(90deg,rgba(58,160,255,.045) 1px,transparent 1px);
    background-size:60px 60px;
    animation:grid-drift 30s linear infinite}
  .wrap,.hero,nav.tabs,header.site,footer{position:relative;z-index:1}

  /* ---------- Scroll-triggered reveal ---------- */
  .reveal{opacity:0;transform:translateY(18px);filter:blur(4px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1),filter .65s}
  .reveal.in{opacity:1;transform:none;filter:none}
  .reveal[data-delay="1"]{transition-delay:.08s}
  .reveal[data-delay="2"]{transition-delay:.16s}
  .reveal[data-delay="3"]{transition-delay:.24s}
  .reveal[data-delay="4"]{transition-delay:.32s}
  .reveal[data-delay="5"]{transition-delay:.40s}

  /* ---------- Number counter ---------- */
  .counter{font-family:var(--mono);font-variant-numeric:tabular-nums}

  /* ---------- Global search bar (sticky) ---------- */
  .global-search{position:sticky;top:0;z-index:50;background:rgba(10,12,16,.88);backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);padding:10px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
  .global-search .gs-icon{font-family:var(--mono);color:var(--accent-3);font-size:13px;letter-spacing:2px;padding:0 8px}
  .global-search input{flex:1 1 280px;background:var(--bg-2);border:1px solid var(--line);border-radius:6px;color:var(--txt);
    padding:8px 12px;font-size:13px;font-family:var(--mono);min-width:240px}
  .global-search input::placeholder{color:var(--txt-faint)}
  .global-search .gs-hint{font-family:var(--mono);font-size:10.5px;color:var(--txt-faint);letter-spacing:1px}
  .global-search .gs-stats{font-family:var(--mono);font-size:11px;color:var(--accent-4);padding:0 10px;letter-spacing:1px}

  /* ---------- Highlighted (search) ---------- */
  mark.hl{background:rgba(226,59,59,.4);color:#fff;padding:0 2px;border-radius:2px}

  /* ---------- Hover micro-animations ---------- */
  .case{transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s}
  .case:hover{transform:translateY(-3px);border-color:var(--accent-3);box-shadow:0 6px 20px rgba(58,160,255,.15)}
  .tl-card{transition:transform .25s,border-color .25s,box-shadow .25s}
  .tl-card:hover{transform:translateX(4px);border-color:var(--accent);box-shadow:-4px 0 12px rgba(226,59,59,.18)}
  .src-card{transition:transform .25s,border-color .25s,box-shadow .25s}
  .src-card:hover{transform:translateY(-2px);border-color:var(--accent-4);box-shadow:0 4px 16px rgba(70,201,139,.18)}
  .ev-card{transition:transform .25s,box-shadow .25s}
  .ev-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(58,160,255,.18)}
  .metric{transition:transform .25s,border-color .25s,box-shadow .25s}
  .metric:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 4px 16px rgba(226,59,59,.18)}

  /* ---------- Hero typewriter ---------- */
  .typewriter{overflow:hidden;white-space:nowrap;border-right:2px solid var(--accent);animation:boot-type 1.6s steps(50,end) forwards,boot-cursor .8s steps(2) infinite;width:0}

  /* ---------- Filter highlight (active chip pulse) ---------- */
  @keyframes chip-pulse{0%,100%{box-shadow:0 0 0 0 rgba(58,160,255,.5)}50%{box-shadow:0 0 0 5px rgba(58,160,255,0)}}
  .chip.active{animation:chip-pulse 1.6s ease infinite}

  /* ---------- Subtle stat delta arrow ---------- */
  .delta-up{color:var(--accent-4);font-family:var(--mono);font-size:11px}
  .delta-down{color:var(--accent);font-family:var(--mono);font-size:11px}
  .delta-warn{color:var(--accent-2);font-family:var(--mono);font-size:11px}
  .sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:6px;border-bottom:1px solid var(--line);padding-bottom:12px}
  .sec-head .idx{font-family:var(--mono);font-size:12px;color:var(--accent)}
  .sec-head h3{font-size:20px;font-weight:600;letter-spacing:-.3px}
  .sec-sub{color:var(--txt-dim);font-size:13.5px;margin:14px 0 24px;max-width:80ch}

  /* ---------- Filter bar ---------- */
  .filterbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px}
  .filterbar input[type=text]{
    background:var(--bg-2);border:1px solid var(--line);border-radius:6px;color:var(--txt);
    padding:9px 12px;font-size:13px;font-family:var(--sans);min-width:230px;flex:1 1 230px;
  }
  .filterbar input::placeholder{color:var(--txt-faint)}
  .chip{
    background:var(--panel);border:1px solid var(--line);color:var(--txt-dim);
    font-family:var(--mono);font-size:11px;letter-spacing:.5px;padding:7px 12px;border-radius:20px;cursor:pointer;transition:.15s;text-transform:uppercase;
  }
  .chip:hover{border-color:var(--accent-3);color:var(--txt)}
  .chip.active{background:var(--accent-3);border-color:var(--accent-3);color:#04121f;font-weight:700}
  .count{font-family:var(--mono);font-size:11px;color:var(--txt-faint);margin-left:auto}

  /* ---------- Timeline ---------- */
  .timeline{position:relative;margin-left:8px;padding-left:30px}
  .timeline::before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;
    background:linear-gradient(180deg,var(--accent),var(--accent-3),var(--accent-4))}
  .tl-item{position:relative;margin-bottom:18px}
  .tl-item::before{content:"";position:absolute;left:-30px;top:6px;width:12px;height:12px;border-radius:50%;
    background:var(--bg);border:2px solid var(--accent);transform:translateX(0)}
  .tl-item[data-kind="state"]::before{border-color:var(--accent-2)}
  .tl-item[data-kind="settlement"]::before{border-color:var(--accent-4)}
  .tl-item[data-kind="mdl"]::before{border-color:var(--accent)}
  .tl-item[data-kind="filing"]::before{border-color:var(--accent-3)}
  .tl-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px;transition:.18s}
  .tl-card:hover{border-color:var(--accent-3);transform:translateX(3px)}
  .tl-date{font-family:var(--mono);font-size:11px;color:var(--accent-2);letter-spacing:.5px}
  .tl-type{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:1.5px;color:var(--txt-faint);float:right}
  .tl-card h4{font-size:14.5px;margin:4px 0 6px;font-weight:600}
  .tl-card p{font-size:13px;color:var(--txt-dim)}

  /* ---------- Case cards ---------- */
  .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
  .case{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:10px;
    padding:18px;display:flex;flex-direction:column;gap:10px;transition:.18s;position:relative}
  .case:hover{border-color:var(--accent);box-shadow:0 8px 30px rgba(0,0,0,.4)}
  .case .badge{font-family:var(--mono);font-size:9.5px;letter-spacing:1px;text-transform:uppercase;
    color:var(--accent);border:1px solid var(--accent);padding:3px 8px;border-radius:3px;align-self:flex-start}
  .case h4{font-size:16px;font-weight:600}
  .case .meta{font-family:var(--mono);font-size:11px;color:var(--txt-faint)}
  .case p{font-size:13px;color:var(--txt-dim)}
  .case .defs{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}
  .case .defs span{font-family:var(--mono);font-size:10px;background:var(--panel-2);border:1px solid var(--line-soft);
    padding:3px 7px;border-radius:4px;color:var(--txt-dim)}

  /* ---------- Tables ---------- */
  .ftable{width:100%;border-collapse:collapse;font-size:13px;margin-top:4px;overflow:hidden;border-radius:8px}
  .ftable thead th{background:var(--panel-2);color:var(--txt);font-family:var(--mono);font-size:10.5px;
    text-transform:uppercase;letter-spacing:1px;text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}
  .ftable td{padding:11px 12px;border-bottom:1px solid var(--line-soft);vertical-align:top;color:var(--txt-dim)}
  .ftable tbody tr:hover{background:var(--panel)}
  .ftable td strong{color:var(--txt)}
  .status-pill{font-family:var(--mono);font-size:10px;padding:3px 9px;border-radius:20px;display:inline-block;white-space:nowrap}
  .s-banned{background:rgba(226,59,59,.14);color:#ff7b7b;border:1px solid rgba(226,59,59,.4)}
  .s-cleared{background:rgba(70,201,139,.13);color:#7ee2b3;border:1px solid rgba(70,201,139,.4)}
  .s-review{background:rgba(240,168,24,.13);color:#ffce6b;border:1px solid rgba(240,168,24,.4)}

  /* ---------- Bar viz ---------- */
  .viz{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:22px}
  .viz h4{font-size:14px;margin-bottom:4px}
  .viz .vsub{font-size:12px;color:var(--txt-faint);margin-bottom:18px}
  .bar-row{display:grid;grid-template-columns:130px 1fr 70px;align-items:center;gap:12px;margin-bottom:11px}
  .bar-row .blabel{font-size:12px;color:var(--txt-dim);text-align:right}
  .bar-track{background:var(--bg-2);border-radius:5px;height:22px;overflow:hidden;border:1px solid var(--line-soft)}
  .bar-fill{height:100%;border-radius:5px 0 0 5px;width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1);
    background:linear-gradient(90deg,var(--accent-3),#6cc0ff)}
  .bar-fill.red{background:linear-gradient(90deg,var(--accent),#ff7b6b)}
  .bar-val{font-family:var(--mono);font-size:12px;color:#fff;text-align:left}

  .compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
  .compare .cbox{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:16px;text-align:center}
  .compare .cbox .cn{font-family:var(--mono);font-size:30px;font-weight:700}
  .compare .cbox.claim .cn{color:var(--accent)}
  .compare .cbox.report .cn{color:var(--accent-3)}
  .compare .cbox .cl{font-size:11px;color:var(--txt-dim);margin-top:6px}

  /* ---------- Mod ratio viz ---------- */
  .modviz{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}
  .modviz .box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}
  .modviz .box h5{font-size:13px;margin-bottom:14px;color:var(--txt);font-weight:600;display:flex;justify-content:space-between;align-items:center}
  .modviz .box h5 .src{font-family:var(--mono);font-size:9.5px;color:var(--txt-faint);font-weight:400}
  .ratio-row{display:flex;align-items:center;gap:10px;margin:9px 0;font-size:12px}
  .ratio-row .lab{flex:0 0 130px;color:var(--txt-dim);font-family:var(--mono);font-size:11px}
  .ratio-row .track{flex:1;background:var(--bg-2);height:14px;border-radius:3px;overflow:hidden;border:1px solid var(--line-soft)}
  .ratio-row .fill{height:100%;border-radius:3px;width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
  .ratio-row .val{font-family:var(--mono);font-size:11.5px;color:#fff;min-width:80px;text-align:right}
  @media(max-width:760px){.modviz{grid-template-columns:1fr}}

  /* ---------- Update timeline ---------- */
  .upd-timeline{position:relative;padding-left:28px;margin-top:18px}
  .upd-timeline::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent-3),var(--accent))}
  .upd-event{position:relative;padding:14px 16px;margin-bottom:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
  .upd-event::before{content:"";position:absolute;left:-25px;top:18px;width:11px;height:11px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 0 3px var(--bg-0),0 0 0 4px var(--accent-3)}
  .upd-event .when{font-family:var(--mono);font-size:10.5px;color:var(--accent-3);letter-spacing:1px}
  .upd-event h5{font-size:13.5px;margin:4px 0 6px;font-weight:600}
  .upd-event p{font-size:12.5px;color:var(--txt-dim);line-height:1.5}
  .upd-event.urgent::before{background:var(--accent);box-shadow:0 0 0 3px var(--bg-0),0 0 0 4px var(--accent)}

  /* ---------- Wordmark inline ---------- */
  .wordmark{display:inline-block;font-family:var(--mono);font-weight:900;letter-spacing:1.5px;
    color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-3));
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    text-shadow:none;font-size:inherit;line-height:1}
  .wordmark-block{display:flex;align-items:center;gap:14px;margin:18px 0 8px;padding:14px 18px;
    background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:10px;
    position:relative;overflow:hidden}
  .wordmark-block::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
  .wordmark-block svg{height:30px;width:auto;flex-shrink:0}
  .wordmark-block .wm-text{font-family:var(--mono);font-size:11.5px;color:var(--txt-dim);line-height:1.4}
  .wordmark-block .wm-text strong{color:var(--txt);font-weight:600;display:block;margin-bottom:3px}

  /* ---------- Grooming flow ---------- */
  .flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;margin-top:8px}
  .flow .step{position:relative;background:var(--panel);border:1px solid var(--line);padding:16px;margin:6px}
  .flow .step .pn{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:1px}
  .flow .step h5{font-size:13.5px;margin:6px 0 6px;font-weight:600}
  .flow .step p{font-size:12px;color:var(--txt-dim)}
  .flow .step .arrow{position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:18px;z-index:2}
  @media(max-width:760px){.flow .step .arrow{display:none}.compare{grid-template-columns:1fr}.bar-row{grid-template-columns:96px 1fr 56px}}

  /* ---------- Account tiers ---------- */
  .tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
  .tier{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;border-top:3px solid var(--accent-3)}
  .tier.t1{border-top-color:var(--accent)}
  .tier.t2{border-top-color:var(--accent-2)}
  .tier.t3{border-top-color:var(--accent-3)}
  .tier.t4{border-top-color:var(--accent-4)}
  .tier .age{font-family:var(--mono);font-size:11px;color:var(--txt-faint)}
  .tier h4{font-size:16px;margin:4px 0 10px}
  .tier ul{list-style:none;font-size:12.5px;color:var(--txt-dim)}
  .tier ul li{padding:5px 0;border-bottom:1px solid var(--line-soft);display:flex;gap:8px}
  .tier ul li:last-child{border:none}
  .tier ul li::before{content:"▸";color:var(--accent-3)}

  /* ---------- Note / source ---------- */
  .cite-sup{font-family:var(--mono);font-size:9px;color:var(--accent-3);vertical-align:super;margin-left:1px}
  .redacted{font-family:var(--mono);background:#2a1a1a;color:#ff9a9a;border:1px dashed rgba(226,59,59,.5);
    padding:1px 6px;border-radius:3px;font-size:11px;letter-spacing:.5px}
  .ver{font-family:var(--mono);color:var(--accent-4);font-size:10.5px;letter-spacing:.3px;
    background:rgba(70,201,139,.1);border:1px solid rgba(70,201,139,.3);padding:1px 6px;border-radius:3px}
  .callout{background:rgba(240,168,24,.07);border-left:3px solid var(--accent-2);padding:14px 16px;border-radius:0 8px 8px 0;margin:18px 0;font-size:13px;color:var(--txt-dim)}
  .callout strong{color:var(--accent-2)}

  /* ---------- Evidence Gallery ---------- */
  .ev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:14px}
  .ev-card{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:10px;
    padding:14px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
  .ev-card.redact{border-color:rgba(226,59,59,.45)}
  .ev-card.context{border-color:rgba(58,160,255,.4)}
  .ev-card figure{margin:0;position:relative;background:#000;border-radius:6px;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}
  .ev-card figure img{width:100%;height:100%;object-fit:cover;display:block}
  .ev-card .redact-overlay{position:absolute;inset:0;background:rgba(10,12,16,.72);
    backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
    display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#ff8a6b;
    font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase}
  .ev-card .redact-overlay .x{font-size:18px;color:#ff8a6b}
  .ev-card .ev-badge{font-family:var(--mono);font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;
    color:var(--accent);border:1px solid var(--accent);padding:3px 8px;border-radius:3px;align-self:flex-start}
  .ev-card.redact .ev-badge{color:#ff8a6b;border-color:rgba(226,59,59,.6)}
  .ev-card.context .ev-badge{color:#7cc0ff;border-color:rgba(58,160,255,.5)}
  .ev-card h4{font-size:15px;font-weight:600;line-height:1.3}
  .ev-card p{font-size:12.5px;color:var(--txt-dim)}
  .ev-card .ev-meta{font-family:var(--mono);font-size:10.5px;color:var(--txt-faint);display:flex;flex-wrap:wrap;gap:8px}
  .ev-card .ev-meta span{background:var(--panel-2);border:1px solid var(--line-soft);padding:2px 7px;border-radius:3px}
  .ev-card .ev-foot{font-family:var(--mono);font-size:10.5px;color:var(--accent-3);margin-top:auto;padding-top:6px;border-top:1px dashed var(--line-soft)}

  footer{border-top:1px solid var(--line);padding:30px 0;color:var(--txt-faint);font-size:12px}
  footer .works{margin-top:14px;columns:2;column-gap:30px;font-size:11px;line-height:1.7}
  footer .works a{color:var(--accent-3);text-decoration:none}
  footer .works a:hover{text-decoration:underline}
  @media(max-width:680px){footer .works{columns:1}}
  .empty{color:var(--txt-faint);font-style:italic;padding:30px;text-align:center;font-size:13px}
  h3 .live{font-family:var(--mono);font-size:10px;color:var(--accent-4);margin-left:10px}

  /* ============================================================
     RESPONSIVE DESIGN
     - 1100px : small desktop / large tablet (tighter container)
     - 900px  : tablet (2-col grids, modviz stacks)
     - 680px  : large mobile (single column, scrollable nav)
     - 480px  : small mobile (compact padding, smaller fonts)
     ============================================================ */

  @media(max-width:1100px){
    .wrap{padding:0 18px}
    .masthead-inner{padding:12px 18px;gap:14px}
    .hero{padding:36px 0 24px}
    h2{font-size:18px}
    h2 .acc{font-size:11px;padding:3px 8px}
    .metric{padding:14px}
    .case{padding:16px}
    .src-card{padding:16px}
    .ev-card{padding:16px}
    .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  }

  @media(max-width:900px){
    .modviz{grid-template-columns:1fr;gap:14px}
    .modviz .mv-card{padding:16px}
    .tabs{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
    .tabs button{flex-shrink:0;white-space:nowrap;padding:9px 14px}
    .global-search{flex-wrap:wrap;gap:6px}
    .global-search input{flex:1 1 100%;min-width:0;order:3}
    .global-search .gs-stats{flex:1 1 100%;text-align:center;order:4}
    .filterbar{gap:5px}
    .filterbar .chip{font-size:10.5px;padding:5px 10px}
    .ratio-wrap{margin:18px 0}
    section{padding:24px 0}
  }

  @media(max-width:680px){
    .wrap{padding:0 14px}
    .masthead-inner{padding:10px 14px;gap:10px;flex-wrap:wrap}
    .glyph{width:36px;height:36px;flex:0 0 36px;font-size:15px}
    .mast-titles h1{font-size:13px;letter-spacing:.3px;line-height:1.35}
    .mast-titles .sub{font-size:9.5px;letter-spacing:1.2px}
    .mast-status{font-size:9.5px;padding:3px 8px;width:100%;justify-content:center;margin-left:0;text-align:center}
    .tabs{padding:0 6px;gap:0}
    .tabs button{font-size:11px;padding:8px 12px;letter-spacing:.5px}
    .global-search{padding:8px 10px}
    .global-search .gs-icon{font-size:10.5px;letter-spacing:1.2px}
    .global-search input{font-size:12px;padding:6px 10px}
    .global-search .gs-hint{font-size:9.5px;letter-spacing:.5px;width:100%;text-align:center;order:2}
    .global-search .gs-stats{font-size:10px;letter-spacing:.5px}
    .hero{padding:24px 0 18px}
    h2{font-size:16px;flex-direction:column;align-items:flex-start;gap:6px}
    h2 .acc{display:inline-block;width:max-content}
    h3{font-size:13px}
    .metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0 4px}
    .metric{padding:12px;gap:4px}
    .metric .num{font-size:22px}
    .metric .lbl{font-size:10.5px}
    .case{padding:14px;gap:6px}
    .case h4{font-size:13.5px}
    .case p{font-size:12.5px;line-height:1.55}
    .case .badge{font-size:9.5px;padding:2px 7px}
    .src-card{padding:14px}
    .src-card .src-meta{font-size:10px;gap:6px}
    .src-card h4{font-size:13.5px}
    .src-card p{font-size:12.5px}
    .ev-card{padding:14px}
    .ev-card h4{font-size:13.5px}
    .ev-card p{font-size:12.5px}
    .ev-card .ev-meta{font-size:10px;gap:6px}
    .tl-item{padding-left:18px;margin-bottom:14px}
    .tl-dot{width:11px;height:11px;left:-7px}
    .tl-card{padding:12px}
    .tl-card h4{font-size:13.5px}
    .tl-card .tl-date{font-size:10.5px;padding:1px 6px}
    .tl-card p{font-size:12.5px}
    .callout{padding:12px 14px;font-size:12.5px;margin:14px 0}
    .ratio-wrap{margin:14px 0}
    .ratio-table{font-size:11.5px}
    .ratio-table th,.ratio-table td{padding:7px 9px}
    .modviz{margin-top:10px}
    .modviz .mv-card{padding:14px}
    .modviz .mv-num{font-size:24px}
    .modviz .mv-bar{height:6px}
    .modviz .mv-cite{font-size:10.5px}
    .filterbar{margin:12px 0;flex-wrap:wrap;gap:5px}
    .filterbar .chip{font-size:10px;padding:5px 9px}
    .cards{grid-template-columns:1fr;gap:12px}
    .src-grid{grid-template-columns:1fr;gap:10px}
    .ev-grid{grid-template-columns:1fr;gap:10px}
    .flow .step{padding:12px;margin:4px}
    .tier{padding:12px}
    .tier h4{font-size:13px}
    .tier .age{font-size:24px}
    .src-section{margin:14px 0}
    section{padding:20px 0}
    section>p,section>div.lead{font-size:12.5px}
    h3+p{font-size:12.5px}
    table{font-size:11.5px}
    img{max-width:100%;height:auto}
    .ver,.redacted{font-size:10px;padding:1px 5px}
    .cite-sup{font-size:9.5px}
    .cite{font-size:9.5px}
    .hero p,.hero ul{font-size:13px}
    .hero h2{margin-bottom:8px}
    .boot-screen{font-size:12px}
    .boot-line{font-size:11.5px;letter-spacing:1.2px}
    .boot-inner{padding:18px 22px;width:92%}
    .boot-meta{flex-direction:column;gap:4px;align-items:flex-start;font-size:10px}
    .boot-bar{height:3px;width:200px;margin:8px 0}
    footer{padding:22px 0;font-size:11px}
    .footer-grid{grid-template-columns:1fr;gap:14px}
    .redact-wrap{padding:6px}
  }

  @media(max-width:480px){
    .wrap{padding:0 11px}
    .masthead-inner{padding:9px 11px;gap:8px}
    .glyph{width:32px;height:32px;flex:0 0 32px;font-size:13px}
    .mast-titles h1{font-size:11.5px;line-height:1.3}
    .mast-titles .sub{font-size:8.5px;letter-spacing:.8px}
    .mast-status{font-size:9px;padding:3px 7px;letter-spacing:1px}
    .tabs{padding:0 4px}
    .tabs button{font-size:10px;padding:7px 10px;letter-spacing:.3px}
    .global-search{padding:6px 8px}
    .global-search .gs-icon{font-size:10px;letter-spacing:1px}
    .global-search .gs-hint{display:none}
    .global-search input{font-size:11.5px;padding:6px 9px}
    .global-search .gs-stats{font-size:9.5px;letter-spacing:.3px}
    h2{font-size:14.5px}
    h3{font-size:12.5px}
    .hero{padding:20px 0 14px}
    .hero h2{margin-bottom:6px}
    .hero p,.hero ul{font-size:12px;line-height:1.55}
    .metrics{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 2px}
    .metric{padding:10px;gap:3px}
    .metric .num{font-size:18px;letter-spacing:-.3px}
    .metric .lbl{font-size:9.5px;line-height:1.35}
    .case{padding:12px}
    .case h4{font-size:12.5px;line-height:1.35}
    .case p{font-size:11.5px;line-height:1.5}
    .case .badge{font-size:8.5px;padding:1px 6px;letter-spacing:.5px}
    .src-card{padding:12px;gap:6px}
    .src-card h4{font-size:12.5px}
    .src-card p{font-size:11.5px}
    .src-card .src-meta{font-size:9.5px}
    .ev-card{padding:12px;gap:6px}
    .ev-card h4{font-size:12.5px}
    .ev-card p{font-size:11.5px}
    .tl-item{padding-left:15px}
    .tl-card{padding:10px}
    .tl-card h4{font-size:12.5px}
    .tl-card p{font-size:11.5px}
    .callout{padding:10px 12px;font-size:11.5px;margin:10px 0}
    .ratio-table{font-size:10.5px}
    .ratio-table th,.ratio-table td{padding:5px 7px}
    .filterbar .chip{font-size:9.5px;padding:4px 8px;letter-spacing:.3px}
    section{padding:16px 0}
    section>p,section>div.lead{font-size:11.5px}
    h3+p{font-size:11.5px}
    .boot-line{font-size:10.5px;letter-spacing:.8px}
    .boot-inner{padding:14px 16px}
    .ver,.redacted{font-size:9px;padding:1px 4px}
    .cite-sup{font-size:9px;letter-spacing:0}
    .redact-wrap{padding:4px}
    .modviz .mv-num{font-size:20px}
    .modviz .mv-card{padding:12px}
    .flow .step{margin:3px;padding:10px}
    .flow .step h5{font-size:12.5px}
    .flow .step p{font-size:11.5px}
  }

  @media(hover:none){
    .case:hover{transform:none;box-shadow:none;border-color:var(--line)}
    .src-card:hover{transform:none;box-shadow:none;border-color:var(--line)}
    .ev-card:hover{transform:none;box-shadow:none}
    .metric:hover{transform:none;box-shadow:none;border-color:var(--line)}
    .tl-card:hover{transform:none;box-shadow:none}
    .boot-screen{transition:opacity .5s}
  }

  .masthead-inner{min-width:0}
  .mast-titles{min-width:0;overflow:hidden}
  .mast-titles h1,.mast-titles .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}