/* =========================================================================
   Conclave — a monitor for MPC-based threshold-release schemes.
   Dark schematic: near-black ground, warm off-white ink, one green accent used
   only where a release becomes reconstructable or a settlement will succeed, and
   a functional red reserved strictly for reverts and misses. Space Grotesk /
   Inter / JetBrains Mono, zero radius, hairline structure.
   ========================================================================= */

:root{
  /* ground → raised (dark) */
  --paper:#0c0e0f; --paper-2:#14181a; --paper-3:#1c2124;
  /* ink → faint (light on dark) */
  --ink:#ecebe8; --ink2:#aeb2b4; --ink3:#7c8186; --ink4:#4c5155;
  /* borders: strong → faint */
  --line:#333a3e; --line2:#242a2d; --line3:#1b2023;

  /* the single accent — reconstructable / will-settle / live */
  --grn:#3fd082; --grn-2:#34b46e; --grn-l:rgba(63,208,130,.12); --grn-b:rgba(63,208,130,.42);
  /* functional danger only — reverts, failures, misses */
  --red:#f0565c; --red-l:rgba(240,86,92,.11); --red-b:rgba(240,86,92,.42);

  --grid:rgba(255,255,255,.02);

  --disp:'Space Grotesk','Inter',system-ui,sans-serif;
  --sans:'Inter',-apple-system,system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}

*{box-sizing:border-box; margin:0; padding:0; border-radius:0;}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
body{
  font-family:var(--sans);
  background-color:var(--paper);
  background-image:
    repeating-linear-gradient(0deg,transparent,transparent 31px,var(--grid) 31px,var(--grid) 32px),
    repeating-linear-gradient(90deg,transparent,transparent 31px,var(--grid) 31px,var(--grid) 32px);
  color:var(--ink); line-height:1.6; -webkit-font-smoothing:antialiased;
}
.mono{font-family:var(--mono);}
.wrap{max-width:1120px; margin:0 auto; padding:0 22px;}
a{color:var(--ink); text-decoration:none;}
button,input{font-family:inherit; border-radius:0;}
h1,h2,h3{font-family:var(--disp); font-weight:600; letter-spacing:-.02em; line-height:1.08;}

.eyebrow{font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink3); font-weight:500; display:inline-flex; align-items:center; gap:9px;}
.eyebrow::before{content:""; width:7px; height:7px; background:var(--grn); display:inline-block;}
.sec-h{font-family:var(--disp); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink2); font-weight:600; margin-bottom:16px; display:flex; align-items:center; gap:11px;}
.sec-h::before{content:""; width:8px; height:8px; background:var(--ink); flex:0 0 auto;}
.sec-h::after{content:""; flex:1; height:1px; background:var(--line2);}

/* corner ticks — the schematic bracket */
.ticked{position:relative;}
.ticked::before,.ticked::after{content:""; position:absolute; width:9px; height:9px; border:1.5px solid var(--ink3); pointer-events:none;}
.ticked::before{top:-1px; left:-1px; border-right:none; border-bottom:none;}
.ticked::after{bottom:-1px; right:-1px; border-left:none; border-top:none;}

/* =====================  NAV  ===================== */
.nav{position:sticky; top:0; z-index:40; background:rgba(12,14,15,.86); backdrop-filter:blur(8px); border-bottom:1px solid var(--line);}
.nav-in{max-width:1120px; margin:0 auto; padding:0 22px; height:62px; display:flex; align-items:center; gap:14px;}
.brand{display:flex; align-items:center; gap:11px; cursor:pointer;}
.brand .mark{width:30px; height:30px; flex:0 0 auto; color:var(--ink);}
.brand .wm{font-family:var(--disp); font-weight:700; font-size:20px; letter-spacing:-.01em; color:var(--ink);}
.brand .tl{font-family:var(--mono); font-size:11px; color:var(--ink3); letter-spacing:.02em; padding-left:12px; margin-left:1px; border-left:1px solid var(--line2);}
.nav-r{margin-left:auto; display:flex; align-items:center; gap:12px;}
.pill{font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink2); display:inline-flex; align-items:center; gap:7px; padding:5px 10px; border:1px solid var(--line2);}
.dot{width:7px; height:7px; flex:0 0 auto; background:var(--ink4); display:inline-block;}
.dot.live{background:var(--grn); box-shadow:0 0 0 0 rgba(28,127,75,.5); animation:pulse 2.4s infinite;}
.dot.bad{background:var(--red);}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(28,127,75,.45);}70%{box-shadow:0 0 0 5px rgba(28,127,75,0);}100%{box-shadow:0 0 0 0 rgba(28,127,75,0);}}
.net{font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink3);}

.btn{display:inline-flex; align-items:center; gap:8px; font-family:var(--disp); font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; padding:9px 15px; border:1px solid var(--line); background:var(--paper); color:var(--ink); cursor:pointer; transition:transform .12s, background .12s, color .12s;}
.btn:hover{transform:translateY(-1px);}
.btn.ink{background:var(--ink); color:var(--paper);}
.btn.ink:hover{background:#d7d5d1;}
.btn.grn{background:var(--grn); color:#fff; border-color:var(--grn);}
.btn.grn:hover{background:var(--grn-2);}
.btn.sm{font-size:11px; padding:7px 12px;}
.btn:disabled{opacity:.4; cursor:not-allowed; transform:none;}

/* =====================  HERO / INTRO  ===================== */
.intro{padding:40px 0 22px;}
.intro h1{font-size:clamp(30px,4.4vw,46px); font-weight:700; margin-top:16px;}
.intro h1 .hl{color:var(--grn);}
.intro .lede{font-size:clamp(15px,1.5vw,17px); color:var(--ink2); margin-top:14px; line-height:1.66;}

/* =====================  HOW IT WORKS (three-step)  ===================== */
.how{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:8px 0 20px; counter-reset:step;}
.how-step{border:1px solid var(--line); background:var(--paper-2); padding:17px 17px 19px; position:relative;}
.how-step::before{counter-increment:step; content:"0" counter(step); position:absolute; top:15px; right:15px; font-family:var(--mono); font-size:11px; letter-spacing:.1em; color:var(--ink4); font-weight:600;}
.how-step .n{display:inline-block; width:26px; height:26px; line-height:24px; text-align:center; border:1px solid var(--grn-b); color:var(--grn); font-family:var(--mono); font-size:12px; font-weight:600; margin-bottom:12px;}
.how-step h3{font-family:var(--disp); font-size:15.5px; font-weight:600; margin:0 0 8px; letter-spacing:-.01em; color:var(--ink);}
.how-step p{font-size:13px; color:var(--ink2); line-height:1.6;}
.how-step .st-chip{display:inline-block; margin-top:11px; font-family:var(--mono); font-size:9.5px; letter-spacing:.07em; text-transform:uppercase; color:var(--ink3); border:1px solid var(--line2); padding:3px 7px;}
.how-why{border:1px solid var(--line2); border-left:3px solid var(--grn); background:var(--paper-2); padding:14px 16px; margin:0 0 28px; font-size:13.5px; color:var(--ink2); line-height:1.66;}
.how-why b{color:var(--ink); font-weight:600;}
@media(max-width:820px){ .how{grid-template-columns:1fr;} .how-step::before{top:17px;} }

/* =====================  DEPLOYMENT STRIP  ===================== */
.deploy{border:1px solid var(--line); background:var(--paper); margin:14px 0 26px;}
.deploy-h{display:flex; align-items:center; gap:12px; padding:11px 15px; border-bottom:1px solid var(--line2); background:var(--paper-2); cursor:pointer;}
.deploy-h .lbl{font-family:var(--disp); font-size:11px; letter-spacing:.13em; text-transform:uppercase; font-weight:600; color:var(--ink2);}
.deploy-h .verdict{margin-left:auto; font-family:var(--mono); font-size:11px; display:inline-flex; align-items:center; gap:7px; color:var(--ink3);}
.deploy-h .chev{font-family:var(--mono); color:var(--ink3); transition:transform .18s; font-size:12px;}
.deploy.open .deploy-h .chev{transform:rotate(90deg);}
.deploy-b{display:none; padding:0;}
.deploy.open .deploy-b{display:block;}
.kv-grid{display:grid; grid-template-columns:repeat(3,1fr);}
.kv{padding:12px 15px; border-right:1px solid var(--line2); border-bottom:1px solid var(--line2); min-width:0;}
.kv:nth-child(3n){border-right:none;}
.kv .k{font-family:var(--mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink3); font-weight:600; margin-bottom:5px;}
.kv .v{font-family:var(--mono); font-size:12.5px; color:var(--ink); word-break:break-all;}
.kv .v.addr{font-size:11.5px;}
.kv .v a{border-bottom:1px solid var(--line2);}
.kv .v a:hover{color:var(--grn); border-color:var(--grn-b);}

/* =====================  FEED  ===================== */
.feed-top{display:flex; align-items:flex-end; gap:14px; margin-bottom:14px;}
.feed-top .count{margin-left:auto; font-family:var(--mono); font-size:11.5px; color:var(--ink3);}
.feed{border:1px solid var(--line); background:var(--paper);}
.feed-row{display:grid; grid-template-columns:64px 1fr 210px 132px 96px; gap:16px; align-items:center; padding:14px 16px; border-bottom:1px solid var(--line2); cursor:pointer; transition:background .1s;}
.feed-row:last-child{border-bottom:none;}
.feed-row:hover{background:var(--paper-2);}
.feed-row .cid{font-family:var(--mono); font-weight:700; font-size:14px;}
.feed-row .cid small{display:block; font-weight:500; font-size:9px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink3); margin-top:2px;}
.cond{min-width:0;}
.cond .line{font-family:var(--mono); font-size:13px; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cond .line .op{color:var(--grn); font-weight:600;}
.cond .sub{font-family:var(--mono); font-size:10.5px; color:var(--ink3); margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cond .sealed{color:var(--ink3); font-style:normal;}
.feed-esc{font-family:var(--mono); font-size:12px; color:var(--ink2); text-align:right;}
.feed-esc small{display:block; font-size:9px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink4); margin-top:2px;}
.feed-head{display:grid; grid-template-columns:64px 1fr 210px 132px 96px; gap:16px; padding:9px 16px; border-bottom:1px solid var(--line); background:var(--paper-2); font-family:var(--mono); font-size:9px; letter-spacing:.11em; text-transform:uppercase; color:var(--ink3); font-weight:600;}
.feed-head .r{text-align:right;}

/* state tag */
.tag{display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:9.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:4px 8px; border:1px solid var(--line2); color:var(--ink2); white-space:nowrap;}
.tag .tdot{width:6px; height:6px; background:var(--ink3);}
.tag.reconstructable{border-color:var(--grn-b); color:var(--grn); background:var(--grn-l);}
.tag.reconstructable .tdot{background:var(--grn);}
.tag.opened{border-color:var(--line); color:var(--ink);}
.tag.opened .tdot{background:var(--ink);}
.tag.expired{color:var(--ink3);}
.tag.expired .tdot{background:var(--ink4);}
.tag.collecting .tdot{background:var(--ink);}

/* =====================  QUORUM METER — the signature element  ===================== */
/* m segments; the first `posted` are filled. A tick marks the k-of-m threshold. When posted ≥ k
   the assembly is complete: filled segments turn green and the meter reads RECONSTRUCTABLE. */
.qmeter{position:relative; display:flex; gap:3px; width:100%;}
.qseg{flex:1 1 0; height:14px; border:1px solid var(--ink); background:var(--paper);}
.qseg.filled{background:var(--ink);}
.qmeter[data-ready="true"] .qseg.filled{background:var(--grn); border-color:var(--grn);}
.qtick{position:absolute; top:-4px; bottom:-4px; width:2px; background:var(--ink3); transform:translateX(-1px);}
.qtick::after{content:"k"; position:absolute; top:-13px; left:50%; transform:translateX(-50%); font-family:var(--mono); font-size:8px; color:var(--ink3); letter-spacing:.05em;}
.qmeter[data-ready="true"] .qtick{background:var(--grn);}
.qmeter[data-ready="true"] .qtick::after{color:var(--grn);}

.qwrap{min-width:0;}
.qhead{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:9px;}
.qhead .frac{font-family:var(--mono); font-size:12px; color:var(--ink2);}
.qhead .frac b{color:var(--ink); font-weight:700;}
.qhead .rc{font-family:var(--mono); font-size:10px; letter-spacing:.09em; text-transform:uppercase; color:var(--grn); font-weight:600; display:none;}
.qmeter[data-ready="true"] ~ .qhead .rc, .qhead.ready .rc{display:inline;}

/* mini meter inside a feed row */
.qmini{position:relative;}
.qmini .qseg{height:11px;}
.qmini-frac{font-family:var(--mono); font-size:10px; color:var(--ink3); margin-top:6px; text-align:center;}
.qmini-frac b{color:var(--ink);}
.qmeter[data-ready="true"] + .qmini-frac b{color:var(--grn);}

/* =====================  DETAIL  ===================== */
.back{font-family:var(--mono); font-size:11.5px; color:var(--ink3); cursor:pointer; display:inline-flex; align-items:center; gap:7px; margin-bottom:16px;}
.back:hover{color:var(--ink);}
.dh{display:flex; align-items:flex-start; gap:16px; flex-wrap:wrap; margin-bottom:20px;}
.dh h2{font-size:clamp(24px,3.2vw,34px); font-weight:700;}
.dh h2 small{font-family:var(--mono); font-size:13px; color:var(--ink3); font-weight:500; letter-spacing:.02em; display:block; margin-top:4px;}
.dh .dh-r{margin-left:auto; display:flex; align-items:center; gap:10px;}

.panel{border:1px solid var(--line); background:var(--paper); margin-bottom:16px;}
.panel-h{font-family:var(--disp); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink2); font-weight:600; padding:10px 15px; background:var(--paper-2); border-bottom:1px solid var(--line2); display:flex; justify-content:space-between; align-items:center; gap:10px;}
.panel-h .meta{font-family:var(--mono); color:var(--ink3); font-weight:500; letter-spacing:.04em;}
.panel-b{padding:15px;}

.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
@media(max-width:760px){ .grid-2{grid-template-columns:1fr;} }

.stat-row{display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-bottom:none; margin-bottom:16px;}
.stat{padding:12px 14px; border-right:1px solid var(--line2); border-bottom:1px solid var(--line2);}
.stat:nth-child(4n){border-right:none;}
.stat .k{font-family:var(--mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink3); font-weight:600; margin-bottom:5px;}
.stat .v{font-family:var(--mono); font-size:16px; font-weight:600; color:var(--ink); word-break:break-word;}
.stat .v.grn{color:var(--grn);}
.stat .v small{font-size:10px; color:var(--ink3); font-weight:500;}
@media(max-width:640px){ .stat-row{grid-template-columns:repeat(2,1fr);} .stat:nth-child(4n){border-right:1px solid var(--line2);} .stat:nth-child(2n){border-right:none;} }

/* condition record hex */
.record{font-family:var(--mono); font-size:11px; color:var(--ink2); background:var(--paper-2); border:1px solid var(--line2); padding:11px 13px; word-break:break-all; line-height:1.7;}
.record .hl{color:var(--ink); font-weight:600;}

/* committee slots */
.slots{display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:8px;}
.slot{border:1px solid var(--line2); padding:10px 11px; position:relative;}
.slot.shared{border-color:var(--grn-b); background:var(--grn-l);}
.slot .sn{font-family:var(--mono); font-size:9px; letter-spacing:.09em; text-transform:uppercase; color:var(--ink3); font-weight:600;}
.slot .snode{font-family:var(--mono); font-size:12.5px; color:var(--ink); margin-top:4px;}
.slot .skey{font-family:var(--mono); font-size:9.5px; color:var(--ink3); margin-top:2px;}
.slot .schk{position:absolute; top:9px; right:10px; font-family:var(--mono); font-size:12px; color:var(--grn); font-weight:700;}

/* timeline */
.tl{list-style:none;}
.tl li{display:grid; grid-template-columns:150px 1fr auto; gap:12px; padding:9px 0; border-bottom:1px solid var(--line3); align-items:baseline;}
.tl li:last-child{border-bottom:none;}
.tl .ev{font-family:var(--mono); font-size:11.5px; font-weight:600; color:var(--ink);}
.tl .ev.resolve{color:var(--grn);}
.tl .ev.expire, .tl .ev.fail{color:var(--red);}
.tl .det{font-family:var(--mono); font-size:10.5px; color:var(--ink3); word-break:break-all; min-width:0;}
.tl .blk{font-family:var(--mono); font-size:10px; color:var(--ink4); white-space:nowrap;}

/* =====================  X-RAY  ===================== */
.xray{border:1px solid var(--grn-b); background:var(--paper);}
.xray-h{padding:12px 15px; border-bottom:1px solid var(--line2); border-left:3px solid var(--grn); display:flex; align-items:center; gap:11px; background:var(--paper-3);}
.xray-h .lbl{font-family:var(--disp); font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--ink);}
.xray-h .lbl .g{color:var(--grn);}
.xray-h .st{margin-left:auto; font-family:var(--mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink3);}
.xray-b{padding:16px;}
.xray-wait{font-family:var(--mono); font-size:12.5px; color:var(--ink2); line-height:1.65;}
.xray-wait b{color:var(--ink);}

.verdict{display:flex; align-items:center; gap:12px; padding:13px 15px; border:1px solid var(--line2); margin-bottom:14px;}
.verdict.will{border-color:var(--grn-b); background:var(--grn-l);}
.verdict.wont{border-color:var(--red-b); background:var(--red-l);}
.verdict .vi{font-family:var(--mono); font-weight:700; font-size:18px; flex:0 0 auto;}
.verdict.will .vi{color:var(--grn);}
.verdict.wont .vi{color:var(--red);}
.verdict .vt{font-size:13px; color:var(--ink2); line-height:1.5;}
.verdict .vt b{color:var(--ink); font-weight:600;}
.verdict .vt .err{font-family:var(--mono); color:var(--red);}

.xrow{display:grid; grid-template-columns:130px 1fr; gap:12px; padding:8px 0; border-bottom:1px solid var(--line3); align-items:baseline;}
.xrow:last-child{border-bottom:none;}
.xrow .xk{font-family:var(--mono); font-size:9.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--ink3); font-weight:600;}
.xrow .xv{font-family:var(--mono); font-size:12px; color:var(--ink); word-break:break-all;}
.xrow .xv.ack{color:var(--grn); font-weight:600;}
.xrow .xv.noack{color:var(--red); font-weight:600;}

.xfer{display:grid; grid-template-columns:18px 1fr auto; gap:10px; align-items:center; padding:6px 0; border-bottom:1px solid var(--line3); font-family:var(--mono); font-size:11px;}
.xfer:last-child{border-bottom:none;}
.xfer .ar{color:var(--ink3);}
.xfer .who{color:var(--ink3); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.xfer .amt{color:var(--ink); font-weight:600; text-align:right; white-space:nowrap;}

.mev{margin-top:14px; border:1px solid var(--line2); border-left:3px solid var(--ink); padding:12px 14px; background:var(--paper-2);}
.mev .mh{font-family:var(--disp); font-size:10px; letter-spacing:.12em; text-transform:uppercase; font-weight:600; color:var(--ink2); margin-bottom:7px; display:flex; align-items:center; gap:9px;}
.mev .mh .clock{font-family:var(--mono); color:var(--grn); letter-spacing:.02em;}
.mev p{font-size:12px; color:var(--ink2); line-height:1.6;}

.note{font-family:var(--mono); font-size:11px; color:var(--ink3); line-height:1.6; margin-top:10px;}

/* keeper actions */
.keeper{display:flex; gap:9px; flex-wrap:wrap; align-items:center; margin-top:14px; padding-top:14px; border-top:1px solid var(--line2);}
.keeper .kh{font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink3); width:100%; margin-bottom:2px;}
.ksim{font-family:var(--mono); font-size:11px; color:var(--ink3); width:100%;}
.ksim.bad{color:var(--red);}
.ksim.ok{color:var(--grn);}

/* =====================  MESSAGES  ===================== */
.empty, .loading, .errbox{border:1px solid var(--line2); padding:30px 22px; text-align:center; font-family:var(--mono); font-size:12.5px; color:var(--ink3); line-height:1.7;}
.errbox{border-color:var(--red-b); background:var(--red-l); color:var(--red); text-align:left;}
.loading{color:var(--ink3);}
.skel{height:52px; border-bottom:1px solid var(--line2); background:linear-gradient(90deg,var(--paper-2) 25%,var(--paper-3) 50%,var(--paper-2) 75%); background-size:200% 100%; animation:sh 1.3s infinite;}
@keyframes sh{0%{background-position:200% 0;}100%{background-position:-200% 0;}}

/* =====================  FOOTER  ===================== */
.foot{border-top:1px solid var(--line); margin-top:44px;}
.foot-in{max-width:1120px; margin:0 auto; padding:22px; display:flex; gap:14px; align-items:center; flex-wrap:wrap;}
.foot .fb{font-family:var(--disp); font-weight:700; font-size:15px;}
.foot .disc{width:100%; font-family:var(--mono); font-size:10.5px; color:var(--ink3); line-height:1.6; border-top:1px solid var(--line3); padding-top:14px;}
.foot a{border-bottom:1px solid var(--line2);}
.foot a:hover{color:var(--grn); border-color:var(--grn-b);}

/* =====================  MODAL (wallet picker)  ===================== */
.modal-bg{position:fixed; inset:0; background:rgba(0,0,0,.62); display:none; align-items:center; justify-content:center; z-index:60; padding:20px;}
.modal-bg.open{display:flex;}
.modal{background:var(--paper); border:1px solid var(--line); max-width:380px; width:100%;}
.modal-h{padding:13px 16px; border-bottom:1px solid var(--line2); font-family:var(--disp); font-size:12px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; display:flex; justify-content:space-between; align-items:center;}
.modal-h .x{cursor:pointer; color:var(--ink3); font-family:var(--mono);}
.wopt{display:flex; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid var(--line3); cursor:pointer;}
.wopt:last-child{border-bottom:none;}
.wopt:hover{background:var(--paper-2);}
.wopt img{width:26px; height:26px; flex:0 0 auto;}
.wopt .wn{font-family:var(--disp); font-weight:600; font-size:14px;}
.wopt .wnone{font-family:var(--mono); font-size:11px; color:var(--ink3);}

/* =====================  RESPONSIVE  ===================== */
@media(max-width:820px){
  .brand .tl{display:none;}
  .kv-grid{grid-template-columns:1fr 1fr;} .kv:nth-child(3n){border-right:1px solid var(--line2);} .kv:nth-child(2n){border-right:none;}
  .feed-head{display:none;}
  .feed-row{grid-template-columns:52px 1fr 96px; gap:12px; row-gap:12px;}
  .feed-row .feed-esc{display:none;}
  .feed-row .qmini{grid-column:1 / -1; order:5;}
}
@media(max-width:520px){
  .nav-r .net{display:none;}
  .feed-row{grid-template-columns:52px 1fr; }
  .feed-row .tagcell{grid-column:1 / -1; order:4;}
}
:focus-visible{outline:2px solid var(--grn); outline-offset:2px;}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} *{animation:none !important;} }

/* ---- live/updated indicator (auto-refresh) ---- */
.feed-live{font-family:var(--mono); font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink3); display:inline-flex; align-items:center; gap:7px;}
.feed-live .dot{width:6px; height:6px;}