/* ============================================================
   UFO INTELLIGENCE OS — Shared Interaction System
   progressive disclosure · evidence strength · compare · live rail
   · tabs · sticky nav · bottom sheet.  All var(--*) — no new color/font.
   ============================================================ */

/* Expandable Intelligence Section */
.xsec{border:1px solid var(--line-soft);border-radius:3px;margin:9px 0;background:#0A0C11;overflow:hidden}
.xsec>.xhead{width:100%;display:flex;align-items:center;gap:11px;padding:12px 14px;background:none;
  border:none;cursor:pointer;text-align:start;color:var(--ivory);font:600 13px/1.4 var(--body)}
.xsec>.xhead:hover{background:rgba(214,175,88,.04)}
.xsec>.xhead .xchev{margin-inline-start:auto;transition:transform .18s;color:var(--faint);flex:none}
.xsec[data-open="1"]>.xhead .xchev{transform:rotate(90deg);color:var(--gold)}
[dir="rtl"] .xsec>.xhead .xchev{transform:scaleX(-1)}
[dir="rtl"] .xsec[data-open="1"]>.xhead .xchev{transform:scaleX(-1) rotate(90deg)}
.xsec>.xhead .xlbl{display:flex;flex-direction:column;gap:2px;min-width:0}
.xsec>.xhead .xt{font-weight:700}
.xsec>.xhead .xsum{font-size:11.5px;color:var(--faint);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xsec>.xhead .xn{font:700 9px/1 var(--geo);letter-spacing:.14em;color:var(--gold-dk);border:1px solid var(--line-soft);
  padding:3px 6px;border-radius:2px;direction:ltr;flex:none}
.xsec>.xbody{max-height:0;overflow:hidden;transition:max-height .24s ease}
.xsec[data-open="1"]>.xbody{max-height:6000px}
.xsec>.xbody>.xin{padding:4px 15px 15px}
@media(prefers-reduced-motion:reduce){.xsec>.xbody,.xsec>.xhead .xchev{transition:none}}

/* Evidence Strength Visual System */
.ev{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center;padding:9px 0;
  border-bottom:1px solid var(--line-soft);cursor:pointer}
.ev:last-child{border-bottom:none}
.ev:hover .etx{color:var(--ivory)}
.ev .etx{font-size:12.5px;color:var(--muted);line-height:1.5}
.ev .eband{font:700 8px/1 var(--geo);letter-spacing:.12em;padding:3px 6px;border-radius:2px;direction:ltr;white-space:nowrap}
.eband.primary{color:var(--up);border:1px solid rgba(38,200,137,.4)}
.eband.support{color:var(--up-lt);border:1px solid rgba(38,200,137,.24)}
.eband.context{color:var(--tech);border:1px solid rgba(76,201,232,.3)}
.eband.contra{color:var(--down);border:1px solid rgba(239,82,103,.4)}
.ev .ebarwrap{grid-column:1/-1;height:5px;border-radius:3px;background:#13161d;overflow:hidden}
.ev .ebar{height:100%;border-radius:3px}
.ebar.pos{background:linear-gradient(90deg,var(--up-dk),var(--up))}
.ebar.neg{background:linear-gradient(90deg,var(--down-dk),var(--down))}
.ev .emeta{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:var(--faint);
  direction:ltr;font-family:var(--mono)}
.estate{font:600 9px/1 var(--geo);letter-spacing:.1em;direction:ltr}
.estate.up{color:var(--up)}.estate.stable{color:var(--faint)}.estate.down{color:var(--gold)}.estate.exp{color:var(--down)}
.balance{display:flex;height:8px;border-radius:4px;overflow:hidden;margin:8px 0;border:1px solid var(--line-soft)}
.balance .bpos{background:linear-gradient(90deg,var(--up-dk),var(--up))}
.balance .bneg{background:linear-gradient(90deg,var(--down),var(--down-dk))}
.balance-lab{display:flex;justify-content:space-between;font-size:10.5px;color:var(--faint);margin-top:2px}
.balance-lab .p{color:var(--up)}.balance-lab .n{color:var(--down)}

/* Tabs */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line-soft);overflow-x:auto;scrollbar-width:none;margin-bottom:14px}
.tabs::-webkit-scrollbar{display:none}
.tab{background:none;border:none;color:var(--muted);font:600 12px/1 var(--geo);letter-spacing:.08em;
  padding:11px 13px;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;direction:ltr}
.tab:hover{color:var(--ivory)}
.tab.on{color:var(--gold);border-bottom-color:var(--gold)}

/* Sticky chapter navigator — clear tappable chips */
.snav{position:sticky;top:0;z-index:3;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;
  background:rgba(8,9,12,.96);backdrop-filter:blur(8px);padding:11px 0;border-bottom:1px solid var(--line-soft)}
.snav::-webkit-scrollbar{display:none}
.snav a{font:600 12.5px/1 var(--body);color:var(--ivory);padding:9px 13px;border-radius:4px;white-space:nowrap;
  cursor:pointer;border:1px solid var(--line-soft);background:#0D1016;transition:.15s}
.snav a:hover{color:var(--gold-lt);border-color:rgba(200,164,89,.42)}
.snav a.on{color:var(--gold-lt);font-weight:700;border-color:rgba(214,175,88,.6);
  background:rgba(214,175,88,.14);box-shadow:inset 0 0 0 1px rgba(214,175,88,.25)}

/* Breadcrumb */
.crumbs{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--faint);flex-wrap:wrap;margin-bottom:8px}
.crumbs a{color:var(--muted);cursor:pointer}.crumbs a:hover{color:var(--gold)}
.crumbs .sep{color:var(--gold-dk)}

/* Compare Tray */
.ctray{position:fixed;inset-inline:0;bottom:0;z-index:55;background:rgba(8,9,12,.97);
  backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 16px;
  display:flex;align-items:center;gap:10px;transform:translateY(115%);transition:transform .2s}
.ctray.on{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.ctray{transition:none}}
.ctray .ctitle{font:700 9px/1 var(--geo);letter-spacing:.16em;color:var(--gold-dk);direction:ltr;flex:none}
.ctray .slots{display:flex;gap:8px;flex:1;overflow-x:auto;scrollbar-width:none}
.ctray .slots::-webkit-scrollbar{display:none}
.cslot{display:flex;align-items:center;gap:7px;background:#0D1016;border:1px solid var(--line-soft);
  border-radius:3px;padding:6px 9px;white-space:nowrap;flex:none}
.cslot .sym{font:700 12px/1 var(--geo);direction:ltr}
.cslot .x{cursor:pointer;color:var(--faint);font-size:14px;line-height:1}
.cslot .x:hover{color:var(--down)}

/* Live Change Rail */
.lrail{border:1px solid var(--line-soft);border-radius:3px;background:#0A0C11;overflow:hidden;margin-top:12px}
.lrail .lrh{display:flex;align-items:center;gap:8px;padding:9px 13px;border-bottom:1px solid var(--line-soft);
  font:700 9px/1 var(--geo);letter-spacing:.16em;color:var(--gold-dk);direction:ltr}
.lrail .lrh .ld{width:6px;height:6px;border-radius:50%;background:var(--up);box-shadow:0 0 8px var(--up);animation:livepulse 1.7s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.lrail .lrh .ld{animation:none}}
.lrail .levts{max-height:230px;overflow-y:auto}
.levt{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:baseline;padding:9px 13px;
  border-bottom:1px solid var(--line-soft);font-size:11.5px;cursor:pointer}
.levt:last-child{border-bottom:none}.levt:hover{background:rgba(214,175,88,.04)}
.levt .lk{font:700 8px/1 var(--geo);letter-spacing:.1em;padding:3px 5px;border-radius:2px;direction:ltr;
  color:var(--faint);border:1px solid var(--line-soft);white-space:nowrap}
.levt .lk.pos{color:var(--up);border-color:rgba(38,200,137,.3)}
.levt .lk.neg{color:var(--down);border-color:rgba(239,82,103,.3)}
.levt .lk.ctx{color:var(--tech);border-color:rgba(76,201,232,.3)}
.levt .lx{color:var(--muted);line-height:1.5}
.levt .lt{font-family:var(--mono);font-size:10px;color:var(--faint);direction:ltr;white-space:nowrap}
.lrail .lr-empty{padding:14px;text-align:center;color:var(--faint);font-size:11.5px}

/* segmented view switcher */
.seg{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.seg button{background:#0A0C11;border:1px solid var(--line-soft);color:var(--muted);
  font:600 11px/1 var(--body);padding:8px 12px;border-radius:2px;cursor:pointer}
.seg button:hover{color:var(--ivory);border-color:var(--line)}
.seg button.on{color:var(--gold);border-color:rgba(214,175,88,.4);background:rgba(214,175,88,.06)}

/* recently explored + add-to-compare */
.recent{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px;align-items:center}
.recent .rl{font:700 8px/1 var(--geo);letter-spacing:.14em;color:var(--gold-dk);direction:ltr}
.recent a{font-size:11px;color:var(--muted);border:1px solid var(--line-soft);border-radius:2px;padding:5px 9px;direction:ltr}
.recent a:hover{color:var(--gold);border-color:rgba(214,175,88,.3)}
.addcmp{border:1px solid var(--line-soft);background:none;color:var(--muted);border-radius:2px;
  font:600 11px/1 var(--body);padding:7px 11px;cursor:pointer}
.addcmp:hover{color:var(--gold);border-color:rgba(214,175,88,.4)}
.addcmp.in{color:var(--up);border-color:rgba(38,200,137,.4)}

/* action row inside inspector/story */
.actrow{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.actrow button,.actrow a{border:1px solid var(--line-soft);background:rgba(13,16,22,.6);color:var(--ivory);
  border-radius:2px;font:600 11.5px/1 var(--body);padding:9px 12px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.actrow button:hover,.actrow a:hover{border-color:rgba(214,175,88,.42);color:var(--gold-lt)}

/* compare grid */
.cmp-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.cmp-col{background:#0A0C11;border:1px solid var(--line-soft);border-radius:3px;padding:14px}
.cmp-row{display:grid;grid-template-columns:1fr;gap:2px;padding:8px 0;border-bottom:1px solid var(--line-soft)}
.cmp-row .ck{font-size:10px;color:var(--faint)}
.cmp-row .cv{font-family:var(--mono);font-size:13px;color:var(--ivory);direction:ltr}

/* candle intelligence (ذكاء الشموع) — native site components */
.candle-wrap{display:flex;flex-direction:column;gap:12px}
.cmeter .cm-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}
.cmeter .cm-l{font-size:12px;color:var(--muted);font-weight:600}
.cmeter .cm-p{font-family:var(--mono);font-size:13px;color:var(--ivory);direction:ltr}
.cbar{height:7px;border-radius:4px;background:#13161d;overflow:hidden;border:1px solid var(--line-soft)}
.cfill{height:100%;border-radius:4px}
.cfill.pos{background:linear-gradient(90deg,var(--up-dk),var(--up))}
.cfill.neu{background:linear-gradient(90deg,var(--gold-dk),var(--gold))}
.cfill.low{background:linear-gradient(90deg,var(--down-dk),var(--down))}
.cmeter .cm-t{font-size:11.5px;color:var(--faint);margin-top:5px;line-height:1.6}
.cframe{background:#0A0C11;border:1px solid var(--line-soft);border-radius:3px;padding:12px 13px}
.cf-head{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
.cf-t{font:700 12px/1.35 var(--body);color:var(--ivory)}
.cf-v{font:700 10.5px/1 var(--body);padding:5px 9px;border-radius:2px;white-space:nowrap}
.cf-v.pos{color:var(--up);background:rgba(38,200,137,.08);border:1px solid rgba(38,200,137,.3)}
.cf-v.neu{color:var(--gold);background:rgba(214,175,88,.08);border:1px solid rgba(214,175,88,.28)}
.cf-v.neg{color:var(--down);background:rgba(239,82,103,.08);border:1px solid rgba(239,82,103,.3)}
.cf-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft);
  border:1px solid var(--line-soft);border-radius:2px;overflow:hidden}
.cf-metric{background:#0D1016;padding:8px 9px;display:flex;flex-direction:column;gap:3px}
.cf-metric .cfk{font-size:9.5px;color:var(--faint)}
.cf-metric .cfv{font-family:var(--mono);font-size:12.5px;color:var(--ivory);direction:ltr}
@media(max-width:520px){.cf-metrics{grid-template-columns:repeat(2,1fr)}}
/* candle memory — the symbol vs itself across the years */
.cmem{background:#0A0C11;border:1px solid rgba(76,201,232,.22);border-radius:3px;padding:12px 13px;
  display:flex;flex-direction:column;gap:7px}
.cmem-h{font:700 11px/1 var(--body);color:var(--tech);letter-spacing:.02em}
.cmem-lead{font-size:11.5px;color:var(--faint);line-height:1.75}
.cmem-i{font-size:12px;color:var(--muted);line-height:1.8;padding:8px 10px;background:#0D1016;
  border-inline-start:2px solid rgba(76,201,232,.45);border-radius:2px}

/* measurable origin (Metric → Threshold → Rule → Evidence → Narrative) */
.origin{font:700 9px/1 var(--mono);padding:2px 5px;border-radius:2px;cursor:help;direction:ltr;
  vertical-align:middle;margin-inline-start:5px}
.origin.ok{color:var(--tech);border:1px solid rgba(76,201,232,.4)}
.origin.na{color:var(--faint);border:1px solid var(--line-soft)}
.deriv{width:100%;display:flex;flex-direction:column;gap:4px;background:rgba(76,201,232,.05);
  border-inline-start:2px solid var(--tech);border-radius:2px;padding:9px 11px;font-family:var(--body)}
.deriv .drow{display:flex;gap:10px;justify-content:space-between;font-size:11px}
.deriv .dk{color:var(--faint);white-space:nowrap}
.deriv .dv{font-family:var(--mono);color:var(--ivory);direction:ltr;text-align:end;word-break:break-word}
.deriv .dv b{color:var(--tech)}
.deriv .dpipe{margin-top:5px;padding-top:5px;border-top:1px solid var(--line-soft);
  font:700 8.5px/1.5 var(--geo);letter-spacing:.1em;color:var(--gold-dk);direction:ltr}
.deriv.na{background:rgba(214,175,88,.04);border-inline-start-color:var(--gold-dk);
  color:var(--muted);font-size:11.5px;line-height:1.7}
/* metric computation: Raw Inputs → Normalization → Weighting → Formula → Final */
.dcalc-btn{margin-top:7px;background:none;border:1px solid rgba(76,201,232,.35);color:var(--tech);
  font:600 10.5px/1 var(--body);padding:7px 10px;border-radius:2px;cursor:pointer;width:100%;text-align:start}
.dcalc-btn:hover{background:rgba(76,201,232,.07)}
.dcalc{margin-top:7px;display:flex;flex-direction:column;gap:6px}
.dformula{font:600 10px/1.6 var(--mono);color:var(--faint);direction:ltr;background:#0A0C11;
  border:1px solid var(--line-soft);border-radius:2px;padding:7px 9px;word-break:break-word}
.dcomp{background:#0D1016;border:1px solid var(--line-soft);border-radius:2px;padding:8px 9px}
.dcomp.unstored{border-style:dashed;opacity:.92}
.dcomp .dc-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.dcomp .dc-n{font-size:11.5px;color:var(--ivory);font-weight:600}
.dcomp .dc-c{font-family:var(--mono);font-size:12px;color:var(--up);direction:ltr}
.dcomp.unstored .dc-c{color:var(--gold)}
.dcomp .dc-meta{font:10px/1.6 var(--mono);color:var(--faint);direction:ltr;margin-top:3px;word-break:break-word}
.dcomp .dc-note{font-size:10.5px;color:var(--gold);line-height:1.6;margin-top:4px}
.dcomp .dc-eng{font:700 8.5px/1 var(--geo);letter-spacing:.1em;color:var(--gold-dk);margin-top:5px}
.dfinal{font-size:11.5px;color:var(--muted);text-align:end;padding-top:5px;border-top:1px solid var(--line-soft)}
.dfinal b{font-family:var(--mono);color:var(--tech);font-size:13px}

/* drawer Back/Forward nav (workspace navigation) */
.dh .dnav{border:1px solid var(--line-soft);background:none;color:var(--muted);border-radius:2px;
  font:600 11px/1 var(--body);padding:7px 9px;cursor:pointer;display:inline-flex;gap:3px;align-items:center;white-space:nowrap}
.dh .dnav:hover{color:var(--gold);border-color:rgba(200,164,89,.42)}
.dh .dnav span{font-size:14px;line-height:1;color:var(--gold-dk)}
.dh .dnav:first-of-type{margin-inline-start:auto}
.dh .close{margin-inline-start:0}

/* Belief Timeline */
.belief-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);
  border:1px solid var(--line-soft);border-radius:3px;overflow:hidden}
.bstat{background:#0A0C11;padding:10px 11px;display:flex;flex-direction:column;gap:3px}
.bstat .bk{font-size:9.5px;color:var(--faint)}
.bstat .bv{font-family:var(--mono);font-size:13px;color:var(--ivory);direction:ltr}
.bstat.click{cursor:pointer;transition:.15s}
.bstat.click:hover{background:#0d1016}
.bstat.click:hover .bv{color:var(--gold-lt)}
.bstat.click .bk::after{content:" ›";color:var(--gold-dk)}
@media(max-width:520px){.belief-sum{grid-template-columns:repeat(2,1fr)}}
.bchip{font:700 9px/1 var(--geo);letter-spacing:.12em;padding:4px 8px;border-radius:2px;direction:ltr}
.bchip.win{color:var(--up);border:1px solid rgba(38,200,137,.4)}
.bchip.loss{color:var(--down);border:1px solid rgba(239,82,103,.4)}
.bchip.neu{color:var(--faint);border:1px solid var(--line-soft)}
.bchip.open{color:var(--gold);border:1px solid rgba(214,175,88,.4)}

/* maturity path (Early Watch) */
.path{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:8px 0}
.path .step{font:600 9.5px/1 var(--body);padding:5px 8px;border-radius:2px;border:1px solid var(--line-soft);color:var(--faint)}
.path .step.done{color:var(--up);border-color:rgba(38,200,137,.35)}
.path .step.cur{color:var(--gold);border-color:rgba(214,175,88,.5);background:rgba(214,175,88,.06)}
.path .arw{color:var(--gold-dk);font-size:11px}

/* focus visibility for interactive OS elements */
.xhead:focus-visible,.tab:focus-visible,.seg button:focus-visible,.snav a:focus-visible,
.addcmp:focus-visible,.levt:focus-visible,.ev:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* mobile: side drawer becomes a bottom sheet; compare tray safe-area */
@media(max-width:760px){
  .drawer{top:auto;bottom:0;inset-inline:0;width:100vw;height:86vh;border-inline-start:none;
    border-top:1px solid var(--line);border-radius:14px 14px 0 0;transform:translateY(100%)}
  [dir="rtl"] .drawer{transform:translateY(100%)}
  .drawer.on{transform:translateY(0)}
  .ctray{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .cmp-grid{grid-template-columns:1fr}
}

/* narrative enforcement rows — every qualitative sentence carries its evidence */
.nrow{border:1px solid var(--line-soft);border-radius:2px;background:#0A0C11;padding:9px 11px;margin:6px 0}
.nrow.pos{border-inline-start:2px solid var(--up)}
.nrow.neg{border-inline-start:2px solid var(--down)}
.nrow.neutral{border-inline-start:2px solid var(--gold-dk)}
.nr-top{display:flex;gap:10px;align-items:baseline;justify-content:space-between}
.nr-t{font-size:12.5px;color:var(--ivory);line-height:1.6}
.nr-b{flex:none;background:none;border:1px solid rgba(76,201,232,.35);color:var(--tech);
  font:600 10px/1 var(--body);padding:6px 9px;border-radius:2px;cursor:pointer;white-space:nowrap}
.nr-b:hover{background:rgba(76,201,232,.08)}
.nr-d{margin-top:8px}

/* ===== Narrative Evidence enforcement layer ===== */
.nchip{display:inline-flex;align-items:center;gap:6px}
.nfx{background:rgba(120,200,255,.10);border:1px solid rgba(120,200,255,.30);color:#9fd8ff;
     border-radius:6px;font:600 11px/1 ui-monospace,monospace;padding:3px 6px;cursor:pointer;
     margin-inline-start:6px;vertical-align:middle}
.nfx:hover{background:rgba(120,200,255,.20)}
.nrow{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:10px;
      background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);margin:6px 0}
.nrow .nr-t{flex:1;line-height:1.7}
.nrow.pos{border-inline-start:3px solid rgba(80,220,150,.55)}
.nrow.neg{border-inline-start:3px solid rgba(255,120,120,.55)}
.nrow.na{opacity:.75}
.nmiss{display:inline-block;color:#9aa4b2;font-size:12.5px;font-style:normal;
       border:1px dashed rgba(255,255,255,.18);border-radius:8px;padding:4px 8px}
.naudit{display:inline-block;margin-top:8px;font-size:12px;color:#9fd8ff;text-decoration:none}
.naudit:hover{text-decoration:underline}

/* ===== LEVEL 1 — reader summary =============================================
   The sentence, the value when it helps, the state, one control. Nothing more. */
.nchip{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:100%;
       min-width:0;overflow-wrap:anywhere;word-break:normal;line-height:1.7}
.nchip .nl1-t,.nrow .nl1-t{overflow-wrap:anywhere;word-break:normal;hyphens:none}
.nchip.na .nl1-t{color:var(--muted,#9aa4b2)}
.nrow{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;
      background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);margin:6px 0;
      min-width:0;flex-wrap:wrap}
.nrow .nl1{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:3px}
.nrow.pos{border-inline-start:3px solid rgba(80,220,150,.55)}
.nrow.neg{border-inline-start:3px solid rgba(255,120,120,.55)}
.nrow.na{opacity:.85}
.nl1-v{font-size:12.5px;color:var(--muted,#9aa4b2)}
.nl1-v .nv,.idv.num{font-family:ui-monospace,"IBM Plex Mono",monospace;unicode-bidi:isolate;direction:ltr}
.nst{font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:3px 7px;border-radius:6px;white-space:nowrap;align-self:center}
.nst.sup{background:rgba(80,220,150,.14);color:#7fe3b0;border:1px solid rgba(80,220,150,.3)}
.nst.con{background:rgba(255,120,120,.13);color:#ff9d9d;border:1px solid rgba(255,120,120,.3)}
.nst.cnd{background:rgba(214,175,88,.13);color:#e6c375;border:1px solid rgba(214,175,88,.3)}
.nst.na{background:rgba(255,255,255,.06);color:#9aa4b2;border:1px solid rgba(255,255,255,.14)}
.nwhy{background:rgba(120,200,255,.10);border:1px solid rgba(120,200,255,.30);color:#9fd8ff;
      border-radius:7px;font-size:11.5px;font-weight:600;padding:4px 9px;cursor:pointer;white-space:nowrap;align-self:center}
.nwhy:hover{background:rgba(120,200,255,.2)}
.nmiss{display:inline-block;color:#9aa4b2;font-size:12.5px;
       border:1px dashed rgba(255,255,255,.18);border-radius:8px;padding:4px 8px}

/* ===== LEVEL 2 — public audit: side inspector (desktop) ===================== */
.os-insp-bg{position:fixed;inset:0;background:rgba(4,7,11,.55);opacity:0;pointer-events:none;
            transition:opacity .18s ease;z-index:120}
.os-insp-bg.on{opacity:1;pointer-events:auto}
.os-insp{position:fixed;inset-block:0;inset-inline-end:0;width:min(430px,94vw);min-width:320px;
         background:var(--panel,#0b1016);border-inline-start:1px solid rgba(255,255,255,.10);
         box-shadow:-24px 0 60px rgba(0,0,0,.5);transform:translateX(0);z-index:121;
         display:flex;flex-direction:column;visibility:hidden;opacity:0;transition:opacity .18s ease}
.os-insp.on{visibility:visible;opacity:1}
.os-insp .ih{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.os-insp .ih-t{font-weight:700;font-size:13px;letter-spacing:.3px}
.os-insp .ih-x{margin-inline-start:auto;background:none;border:0;color:var(--muted,#9aa4b2);font-size:16px;cursor:pointer}
.os-insp .ib{padding:14px 16px 26px;overflow-y:auto;overflow-x:hidden;flex:1;max-height:100%}
.os-insp .iq{font-size:15px;line-height:1.8;margin-bottom:12px;overflow-wrap:anywhere;word-break:normal}
.idrow{display:flex;gap:12px;align-items:flex-start;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.idk{flex:0 0 38%;max-width:38%;font-size:12px;color:var(--muted,#9aa4b2);overflow-wrap:anywhere}
.idv{flex:1 1 auto;min-width:0;font-size:13px;line-height:1.65;overflow-wrap:anywhere;word-break:normal}
.inote{margin-top:10px;font-size:12px;line-height:1.7;color:var(--muted,#9aa4b2);
       border-inline-start:2px solid rgba(255,255,255,.12);padding-inline-start:10px}
.iprot{margin-top:14px;font-size:11.5px;line-height:1.7;color:#c9a86a;
       background:rgba(214,175,88,.07);border:1px solid rgba(214,175,88,.18);border-radius:8px;padding:9px 11px}
.naudit{display:inline-block;margin-top:14px;font-size:12.5px;color:#9fd8ff;text-decoration:none}
.naudit:hover{text-decoration:underline}

/* ===== LEVEL 3 — internal diagnostic (off unless explicitly enabled) ======== */
.idiag{margin-top:16px;border-top:1px dashed rgba(255,255,255,.18);padding-top:12px}
.idiag-h{font:700 10.5px/1 ui-monospace,monospace;letter-spacing:1px;color:#ff9d9d}
.idiag-p{margin-top:8px;font:11px/1.6 ui-monospace,monospace;background:rgba(0,0,0,.35);
         border-radius:8px;padding:9px;overflow-x:auto;word-break:break-all;unicode-bidi:isolate}

/* ===== mobile: full-height bottom sheet ==================================== */
@media (max-width:820px){
  .os-insp{inset-inline:0;inset-block-start:auto;inset-block-end:0;width:100%;min-width:0;
           height:88vh;border-inline-start:0;border-top:1px solid rgba(255,255,255,.12);
           border-radius:16px 16px 0 0;box-shadow:0 -20px 50px rgba(0,0,0,.55)}
  .idk{flex-basis:44%;max-width:44%}
}
.nst.ctx{background:rgba(120,200,255,.12);color:#9fd8ff;border:1px solid rgba(120,200,255,.28)}
/* discovery laws — named numbers, opportunity vs warning clearly separated */
.lawhead{font-size:11.5px;color:var(--faint);line-height:1.85;padding:10px 12px;margin-bottom:10px;
  background:rgba(214,175,88,.04);border-inline-start:2px solid var(--gold-dk);border-radius:2px}
.lawhead b{color:var(--muted)}
.lawrow{background:#0A0C11;border:1px solid var(--line-soft);border-radius:3px;padding:11px 12px;margin-bottom:9px}
.lawrow.opp{border-inline-start:3px solid var(--up)}
.lawrow.warn{border-inline-start:3px solid var(--down)}
.lw-top{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}
.lw-kind{font:700 8.5px/1 var(--geo);letter-spacing:.14em;padding:4px 7px;border-radius:2px;white-space:nowrap}
.lawrow.opp .lw-kind{color:var(--up);border:1px solid rgba(38,200,137,.4)}
.lawrow.warn .lw-kind{color:var(--down);border:1px solid rgba(239,82,103,.4)}
.lw-terms{font-size:13px;color:var(--ivory);line-height:1.5}
.lw-num{font-size:11.5px;color:var(--muted);line-height:1.8}
.lw-num b{font-family:var(--mono)}
.lw-lift{font-family:var(--mono);font-weight:700}
.lw-n{color:var(--faint);font-family:var(--mono);direction:ltr}

/* visitors — plain inline text, no box, no background (must not disturb the design) */
.vbar{display:inline-flex;align-items:baseline;gap:7px;margin:10px 0 0;padding:0;
  border:none;background:none;font-size:11.5px;color:var(--faint)}
.vbar .vk{font-size:11.5px;color:var(--faint);letter-spacing:0;font-weight:400;font-family:var(--body)}
.vbar .vv b{color:var(--muted);font-weight:600}