/* Agentic Chain: professional explorer components, loaded after professional.css. */

.view,.panel,.dstack,.tw,.inc,.recon,.honest,.stage,.tre,.two,.dgrid{min-width:0;max-width:100%}
.panel,.inc,.recon{
  background:var(--surface);border:1px solid var(--line);border-radius:6px;
  box-shadow:none;
}
.panel>*:last-child{border-radius:0 0 5px 5px}
.ph,.inc-h,.rc-h{
  min-height:56px;padding:13px 18px;gap:12px;flex-wrap:wrap;
  border-bottom:1px solid var(--line);background:transparent;border-radius:5px 5px 0 0;
}
.ph-t,.ph-t.big,.inc-t,.rc-t{
  color:var(--text);font-size:15px;font-weight:500;line-height:1.5;
  text-transform:none;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;
}
.ph-t::before{content:none}
.ph-fill,.inc-fill,.rc-fill{min-width:0}
.ph-m,.inc-m,.rc-m{
  color:var(--text-3);font-family:var(--sans);font-size:12px;
  white-space:normal;overflow-wrap:anywhere;line-height:1.6;
}
.ph-m[data-src]{
  max-width:100%;padding:4px 8px;line-height:1.5;border-color:var(--line);
  background:var(--bg);color:var(--text-3);font-size:10px;white-space:normal;
}
.ph-m[data-src]::before{width:4px;height:4px}
.ph.sub{min-height:42px;padding:10px 18px;background:var(--bg);border-color:var(--line);border-radius:0}
.ph.sub .ph-t{font-size:12px;color:var(--text-2);letter-spacing:.015em}
.pf,.pager{
  padding:12px 18px;background:transparent;border-top-color:var(--line);
  border-radius:0 0 5px 5px;color:var(--text-3);font-size:12px;line-height:1.75;
}
.pf{flex-wrap:wrap;gap:8px 16px}
.pf>span{min-width:0;overflow-wrap:anywhere}
.pf-r{white-space:normal;color:var(--text-3)}
.pf code,.note code{color:var(--accent)}
.more{
  display:inline-flex;align-items:center;min-height:32px;padding:5px 0 5px 8px;
  color:var(--accent);font-size:12px;font-weight:500;white-space:nowrap;
}
.more:hover{color:var(--text);background:transparent}

/* Clear numeric hierarchy, tabular alignment, and legible supporting labels. */
.datum{padding:18px;gap:8px;border-bottom-color:var(--line)}
.datum .d-l{font-size:12px;letter-spacing:0;color:var(--text-2);margin-bottom:5px}
.datum b{font-family:var(--sans);font-size:28px;font-weight:500;letter-spacing:-.01em;line-height:1.2;overflow-wrap:anywhere;min-width:0}
.datum i{color:var(--text-3);font-size:12px;white-space:normal}
.datum u{color:var(--text-3);font-size:12px}
.mini,.epgrid{background:var(--line)}
.mi,.epgrid>div{padding:14px 18px;background:var(--surface)}
.mi i,.epgrid i{font-size:12px;line-height:1.6;color:var(--text-3);white-space:normal;margin-bottom:5px}
.mi b,.epgrid b{font-family:var(--sans);font-size:18px;font-weight:500;letter-spacing:-.01em;white-space:normal;overflow-wrap:anywhere}
.mi b u,.epgrid b u{font-size:10px;color:var(--text-3);white-space:nowrap}
.epgrid span{color:var(--text-3);font-size:11px;line-height:1.6;white-space:normal}
.cdbar{height:3px;background:var(--raised)}
.cdbar b,.gbar .track b{background:var(--accent)}
.cdbar b::after{display:none}
.node-row{padding:18px;gap:18px}
.mascot{display:none}
.mascot img{display:block;width:66px;height:66px;object-fit:contain}
.mascot.alert img{opacity:.5}
.gauges{gap:11px}
.g{gap:16px;flex-wrap:wrap}
.g i{color:var(--text-3);font-size:11px;letter-spacing:0;white-space:normal}
.g u{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--text)}

/* Every data column stays available inside its own horizontal scroll region. */
.tw{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:auto}
.tw::after{display:none}
.tbl{width:100%;font-size:13px}
.tbl th{
  height:40px;padding:10px 16px;background:var(--bg);border-bottom-color:var(--line);
  color:var(--text-3);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;
}
.tbl td{height:48px;padding:11px 16px;border-bottom-color:var(--line);color:var(--text-2);line-height:1.6}
.tbl td.n{color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}
.tbl td code{color:var(--text-2);font-size:12px}
.tbl td.bn{color:var(--accent);font-weight:500}
.tbl .sub,.tbl .ago,.tbl td u{font-family:var(--sans);font-size:11px;color:var(--text-3);line-height:1.7}
.tbl .sub{margin-top:2px}
.tbl tbody tr:hover>td,.rowlink tbody tr:hover>td{background:var(--gold-08)}
.rowlink tbody tr:hover .bn{color:var(--text)}
.ov-mid .tbl th,.ov-mid .tbl td{padding-left:16px;padding-right:16px}
.ov-mid .tbl td{padding-top:11px;padding-bottom:11px}
/* Overview summaries show the essential columns; full listings retain every field. */
.ov-mid>.panel:first-child .tbl :is(th,td):nth-child(3),
.ov-mid>.panel:first-child .tbl :is(th,td):nth-child(5),
.ov-mid>.panel:first-child .tbl :is(th,td):nth-child(7),
.ov-mid>.panel:nth-child(2) .tbl :is(th,td):nth-child(3),
.ov-mid>.panel:nth-child(2) .tbl :is(th,td):nth-child(4){display:none}
.tbl th.hide-m,.tbl td.hide-m,.tbl th.hide-s,.tbl td.hide-s{display:table-cell!important}
.tbl tr.dim{opacity:.7}
.tbl .empty td{
  height:136px;padding:27px 22px;background:transparent;color:var(--text-3);font-size:12px;line-height:1.85;
}
.tbl .empty .em-t{position:sticky;left:22px;display:block;width:fit-content;max-width:min(70ch,calc(100vw - 100px))}
.tbl .empty .em-st{color:var(--text-2);font-size:13px;font-weight:500;margin-bottom:6px}
.tbl .empty .em-x{color:var(--text-3)}
.a-link{color:var(--accent);border-bottom-color:var(--gold-22);text-underline-offset:3px}
.a-link:hover{color:var(--text);border-bottom-color:var(--accent)}
.sym{font-weight:500;color:var(--text)}
.hr-grid:has(>:only-child){grid-template-columns:minmax(0,1fr)}

/* Interface labels and amounts use the reading face; hashes and code keep mono. */
.tbl td.n,.tbl .bn,.sym,.req b,.rcs b,.eb-l b,.eb-r b,.fs-row b,.sp u,.fsb u,
.hr-foot b,.f-t,.f-k,.c-lbl,.sb-i,.nav-meta,.vfy-kv dd span,.sres .sv,.dtl-h .sub{
  font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:0;
}
.sym,.f-k,.sb-k{font-weight:500}
.sb-i i,.stg-n,.eb-l i,.eb-r i,.ph.sub .ph-t,.headblk i,.hero-disc li b{letter-spacing:0}
html[lang="zh-CN"] :is(.hero h1,.vhead h1,.dtl-h h1,.section-head h2,.chain-vision h2){letter-spacing:0}

/* Key-value tables must wrap long hashes instead of expanding detail cards. */
.kvt,.kv2{table-layout:fixed;width:100%}
.kvt td,.kv2 td{
  height:auto;min-height:48px;padding:13px 18px;font-size:13px;
  white-space:normal;overflow-wrap:anywhere;word-break:normal;
}
.kvt td:first-child,.kv2 td:first-child{width:34%;color:var(--text-3);font-size:12px;font-weight:400}
.kvt td:last-child,.kv2 td:last-child{color:var(--text);line-height:1.7}
.kvt td.wrap{word-break:normal;overflow-wrap:anywhere}
.kvt td code,.kv2 td code{font-size:11px;overflow-wrap:anywhere}
.kvt .hintline{color:var(--text-3);font-size:11px;line-height:1.8;margin-top:6px}
.kvt td u,.kv2 td u{white-space:nowrap}
.kv2 .n.big{font-family:var(--sans);font-weight:500;font-size:24px;letter-spacing:-.01em}
.kvt tr.gap td,.kv2 tr.gap td{border-top-color:var(--line);padding-top:20px}
.ov-top .kvt td{padding-top:13px;padding-bottom:13px}
.fund-allocation .kvt td:first-child{width:58%}
.gbar{flex-wrap:wrap;gap:8px;min-width:0}
.gbar .track{width:94px;height:5px;background:var(--raised)}

/* Controls are deliberately calm and remain comfortable touch targets. */
.chips{gap:2px;padding:2px;background:var(--bg);border:1px solid var(--line);border-radius:6px;min-width:0}
.chip{min-height:32px;padding:7px 12px;color:var(--text-3);border-radius:6px;font-size:12px;font-weight:500;line-height:1.4}
.chip:hover{background:var(--raised);color:var(--text)}
.chip.on{background:var(--raised);color:var(--accent);box-shadow:none}
.chip.on:hover{background:var(--raised-2);color:var(--accent)}
.minisearch{height:36px;flex:0 1 280px;background:var(--bg);border-color:var(--line);border-radius:6px;min-width:180px;max-width:100%}
.minisearch input{padding:0 13px;font-size:12px;color:var(--text)}
.minisearch input::placeholder{color:var(--text-3)}
.minisearch:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--gold-08)}
.pager{gap:8px 10px}
.pg{min-height:36px;padding:7px 11px;background:var(--surface);border-color:var(--line);border-radius:6px;font-size:12px;color:var(--text-2)}
.pg:hover:not(:disabled){background:var(--raised);border-color:var(--text-3);color:var(--accent)}
.pg:disabled{opacity:.4}
.pg-size{gap:2px;padding:2px;border-radius:6px;background:var(--bg);border-color:var(--line)}
.pg-size button{min-width:32px;min-height:28px;padding:4px 8px;border-radius:5px;background:transparent;color:var(--text-3);font-size:11px}
.pg-size button.on{background:var(--raised);color:var(--accent);font-weight:500}
.pg-note{font-size:11px;line-height:1.85;color:var(--text-3);min-width:0;overflow-wrap:anywhere}
.cpy{min-height:32px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:var(--raised);color:var(--text-2);font-size:11px;white-space:nowrap}
.cpy:hover:not(:disabled){color:var(--accent);background:var(--raised-2);border-color:var(--text-3)}
.v-act{padding:2px 18px 18px;gap:10px}
.v-act .btn{min-height:36px;height:auto;padding:7px 14px;font-size:12px;line-height:1.6;white-space:normal}

.sres{border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:0 12px 32px rgba(0,0,0,.24)}
.sres-h{gap:9px;padding:12px;background:var(--surface);border-bottom-color:var(--line)}
.sres-h .chips{flex:1 1 auto;flex-wrap:wrap}
.sres-h .chip{min-height:28px;font-size:10px;padding:5px 8px}
.sres-n{font-size:10px;white-space:normal;line-height:1.6;color:var(--text-3)}
.sres-l{max-height:min(410px,55vh);overflow-y:auto}
.sres a,.sres .sr-none{min-height:48px;padding:10px 16px;gap:12px;border-bottom-color:var(--line);font-size:12px}
.sres a:hover,.sres a.sel{background:var(--raised)}
.sres a.sel{box-shadow:inset 2px 0 0 var(--accent)}
.sres i{padding:3px 6px;background:var(--gold-08);border-color:var(--gold-14);border-radius:5px;color:var(--accent);font-size:10px;letter-spacing:0}
.sres .sv{font-size:11px}
.sres em{color:var(--text-3);font-size:10px}
.serr{padding:13px 16px;border-top-color:rgba(246,70,93,.25);font-size:12px}

/* Status retains its semantic color without oversized solid fills. */
.tag,.st-tag,.spl,.ep-state,.bd{font-size:11px;font-weight:500;padding:3px 8px;line-height:1.5;letter-spacing:0}
.tag,.st-tag,.spl,.ep-state,.bd{border-radius:4px}
.st-tag{gap:6px}
.st-tag::before{width:4px;height:4px}
.tag.bri,.spl.o,.ep-state.posted{
  color:var(--accent);background:var(--gold-08);border-color:var(--gold-14);
}
.st-tag.warn,.bd.warn{
  color:var(--warn,#d8ad68);background:rgba(216,173,104,.08);border-color:rgba(216,173,104,.24);
}
.ov-mid .tag{font-size:10px;padding:3px 8px}
.c-badges{padding:14px 18px;gap:8px}
.anc{font-size:11px;line-height:1.7}
.anc::before{width:5px;height:5px}

/* Intentional empty and unavailable states never pretend to contain data. */
.empty-box{padding:32px 20px;color:var(--text-3);font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.empty-box b{font-size:15px;color:var(--text-2);font-weight:500;margin-bottom:9px}
.empty-box::before{width:32px;height:32px;margin-bottom:14px;border-radius:6px;border:1px solid var(--line);background:var(--raised);box-shadow:inset 0 0 0 8px var(--surface)}
.chart-none{min-height:80px;background:var(--bg);border:1px dashed var(--line);border-radius:6px;color:var(--text-3);font-size:11px}
.chart{padding:16px 18px 18px;min-width:0}
.chart svg{max-width:100%}
.chart .grid{stroke:var(--line);stroke-opacity:.7}
.c-area,.c-area.amb{fill:var(--gold-08)}
.c-line,.c-line.amb{stroke:var(--accent);stroke-width:1.5}
.c-bar{fill:#7693b9}
.c-bar.hi,.c-dot{fill:var(--accent)}
.c-bar:hover{fill:var(--gold-lt)}
.c-bar.s1{fill:#637fa5}
.c-bar.alt{fill:#637fa5}
.clegend b.s1{background:#637fa5}
.c-lbl{fill:var(--text-3);font-size:10px}
.clegend{padding:0 18px 16px;color:var(--text-3);gap:8px 18px}
.clegend em{color:var(--text-3)}
.feed{max-height:470px;mask-image:none;-webkit-mask-image:none}
.feed li{min-height:48px;padding:11px 18px;gap:12px;border-bottom-color:var(--line);font-size:12px;line-height:1.8}
.feed li:hover{background:var(--gold-08)}
.f-t,.f-k{color:var(--text-3)}
.f-c{font-size:9px;letter-spacing:0;border-radius:5px;padding:2px 4px}
.f-c.layer{color:var(--accent);background:var(--gold-08);border-color:var(--gold-14)}
.f-k.k-publish,.f-k.k-service,.f-k.k-claim{color:var(--info)}
.f-v{display:inline-flex;align-items:center;min-height:30px;padding:4px 9px;border-radius:6px;color:var(--text-2);font-size:10px}
.f-v:hover{background:var(--raised);border-color:var(--text-3);color:var(--accent)}
.feed .f-none{padding:26px 18px;font-size:12px;color:var(--text-3)}

/* Treasury and validator explanations are part of the product surface. */
.notice{padding:16px 18px;gap:12px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.notice p{color:var(--text-2);font-size:12px;line-height:1.8;min-width:0;overflow-wrap:anywhere}
.n-tag{padding:4px 8px;background:var(--raised);color:var(--text-2);border:1px solid var(--line);border-radius:4px;font-size:11px;letter-spacing:0;font-weight:500}
.note{padding:8px 0 8px 16px;border-left-color:var(--line);color:var(--text-3);font-size:12px;line-height:1.9;overflow-wrap:anywhere}
.note.warn-n{padding:12px 16px;border-left-color:var(--warn,#d8ad68);background:rgba(216,173,104,.06)}
.panel.warnbox{border-color:rgba(216,173,104,.3);background:var(--surface)}
.flowbox{padding:18px}
.fl-row{gap:10px}
.fl-box{padding:14px 12px;border-color:var(--line);border-radius:6px;font-size:12px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;background:var(--raised)}
.fl-box u{font-size:10px;color:var(--text-3);line-height:1.6}
.fl-box.fee{background:var(--bg);font-size:11px}
.fl-box.vault{border-color:var(--line)}
.fl-box.node{border-color:var(--gold-22);background:var(--gold-08);color:var(--accent)}
.fl-tee{height:26px}
.fl-legend{margin-top:20px;padding-top:16px;color:var(--text-3);font-size:11px;border-top-color:var(--line)}
.flow-note{padding:0 18px 18px;color:var(--text-3);font-size:12px;line-height:1.9}
.flow-note code,.rule code{color:var(--accent)}
.splitbar{height:42px;margin:16px 18px 18px;border-radius:6px;border-color:var(--line)}
.sb{padding:8px;font-size:11px;text-align:center;line-height:1.5}
.rule{padding:18px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:12px;line-height:1.9;color:var(--text-3)}
.rule>b{font-size:14px;font-weight:500;line-height:1.65;color:var(--text);margin-bottom:10px}
.inc-b,.rc-b,.rc-split,.req{background:var(--line)}
.inc-src,.rc-n,.rcs{padding:18px}
.src-k{gap:10px;margin-bottom:14px}
.src-i{width:28px;height:28px;border-radius:6px;background:var(--raised);border:1px solid var(--line);color:var(--accent);font-family:var(--mono);font-size:11px}
.src-k b{font-size:15px;font-weight:500}
.src-k i{font-size:11px;color:var(--text-3)}
.split,.fsbar{height:46px;border-radius:6px}
.sp,.fsb{padding:0 12px}
.sp u,.fsb u{font-size:13px;font-weight:500}
.sp span,.fsb span{font-size:10px;color:var(--text-3);line-height:1.7}
.sp-legend{gap:8px;margin-top:16px;font-size:11px;color:var(--text-3)}
.sp-legend span{flex-wrap:wrap;gap:4px 7px}
.src-n{margin-top:16px;font-size:12px;line-height:1.9;color:var(--text-3)}
.src-n code,.stg code,.steps li code{font-size:10px;color:var(--accent);background:var(--bg);border-color:var(--line);overflow-wrap:anywhere}
.stg{padding:18px;border-radius:6px;box-shadow:none}
.stg.now{background:var(--surface);border-color:var(--gold-22)}
.stg.now b{color:var(--text)}
.stg-h{gap:12px;margin-bottom:14px;flex-wrap:wrap}
.stg-n{font-size:10px;letter-spacing:.06em}
.stg b{font-size:15px;font-weight:500;line-height:1.5;margin-bottom:10px}
.stg p{font-size:12px;color:var(--text-3);line-height:1.9}
.req .rq{padding:16px 18px;background:var(--bg)}
.req i{font-size:12px;line-height:1.5;margin-bottom:8px}
.req b{font-family:var(--sans);font-size:25px;font-weight:500;letter-spacing:-.01em;overflow-wrap:anywhere}
.req span{font-size:12px;color:var(--text-3);line-height:1.6}
.steps{padding:10px 18px}
.steps li,.steps-c li{grid-template-columns:28px minmax(0,1fr);gap:13px;padding:12px 0;font-size:12px;color:var(--text-3);line-height:1.9}
.steps li>b{width:26px;height:26px;border-radius:6px;font-size:10px;color:var(--accent);background:var(--raised)}
.steps li em{font-weight:500;line-height:1.6}
.steps li i{font-size:11px;line-height:1.75;color:var(--text-3)}
.rc-n b{font-family:var(--sans);font-size:28px;font-weight:500;letter-spacing:-.01em;overflow-wrap:anywhere}
.rc-n i,.rcs i{color:var(--text-3);font-size:11px;margin-bottom:10px}
.rc-n span,.rcs span{color:var(--text-3);font-size:11px;line-height:1.75}
.rc-op{padding:0 8px;color:var(--text-3)}
.rc-how{padding:14px 18px;background:var(--bg);border-top-color:var(--line)}
.rc-how code{max-width:100%;padding:6px 10px;font-size:10px;line-height:1.7;word-break:normal;overflow-wrap:anywhere;border-radius:6px}
.rcs b{font-family:var(--sans);font-size:23px;font-weight:500;letter-spacing:-.01em;overflow-wrap:anywhere}
.rcs.dim2{opacity:.7}
.honest{border-radius:6px;background:var(--line)}
.honest p{padding:18px;font-size:12px;line-height:1.9;color:var(--text-3);overflow-wrap:anywhere}
.honest p b:first-child{font-size:14px;font-weight:500;margin-bottom:10px;line-height:1.65}
.honest code{color:var(--accent)}
.epochbar{padding:16px 18px;gap:16px;border-radius:6px}
.eb-l,.eb-r{flex-wrap:wrap;gap:6px 9px}
.eb-l b,.eb-r b{font-family:var(--sans);font-weight:500;font-size:23px;letter-spacing:-.01em}
.eb-l i,.eb-r i{font-size:11px;letter-spacing:0}
.eb-steps{flex-wrap:wrap}
.eb{min-height:38px;padding:9px 14px;line-height:1.5;border-radius:6px;background:var(--bg);color:var(--text-2);font-size:11px}

/* Route and detail views use the same title scale and surface rhythm. */
.vhead{align-items:center;gap:12px;margin:4px 0 20px}
.vhead h1,.dtl-h h1{color:var(--text);font-size:24px;font-weight:500;letter-spacing:-.01em;line-height:1.35}
.vh-en{color:var(--text-3);font-family:var(--sans);font-size:12px;letter-spacing:0}
.vhead .fill{background:transparent}
.vh-m{max-width:52%;font-size:12px;color:var(--text-3);line-height:1.8}
.crumbs{gap:10px;margin:2px 0 20px;color:var(--text-3);font-size:11px}
.crumbs a{color:var(--text-2)}
.dtl-h{gap:12px;margin-bottom:17px}
.dtl-h .sub{font-size:11px;color:var(--text-3);word-break:normal;overflow-wrap:anywhere}
.dtl-nav{gap:8px;flex-wrap:wrap}
.dtl-nav a,.dtl-nav span{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:6px;background:var(--surface);font-size:11px}
.dtl-id,.dtl-id.sm{
  padding:14px 16px;margin:0 0 16px;border:1px solid var(--line);border-radius:6px;background:var(--surface);
  color:var(--text-2);font-size:14px;line-height:1.8;letter-spacing:0;word-break:normal;overflow-wrap:anywhere;
}
.dtl-id:hover{box-shadow:none;background:var(--raised);border-color:var(--text-3);color:var(--text)}
.dtl-id.copied{box-shadow:none;background:var(--up-08);border-color:var(--up)}
.srcline{gap:7px;margin-bottom:24px;align-items:baseline;color:var(--text-3)}
.srcline b{padding:4px 8px;border-radius:5px;border-color:var(--gold-14);background:var(--gold-08);color:var(--accent);font-size:9px;letter-spacing:.06em}
.srcline code{padding:4px 8px;border-radius:5px;border-color:var(--line);background:var(--bg);color:var(--text-3);font-size:10px;overflow-wrap:anywhere;min-width:0}
.dgrid{gap:16px}
.dstack{gap:16px}
.dfull{margin-top:16px}
.hexbox{padding:18px;background:var(--bg);color:var(--text-2);font-size:11px;line-height:1.9;max-height:240px}
.logrow{padding:18px;border-bottom-color:var(--line)}
.logrow .lg-h{gap:10px;margin-bottom:14px}
.logrow .lg-i{padding:3px 8px;background:var(--bg);border-radius:6px;font-size:10px}
.logrow .lg-n{font-size:13px;font-weight:500;overflow-wrap:anywhere}
.logrow dl{grid-template-columns:120px minmax(0,1fr);gap:9px 18px;font-size:11px}
.logrow dt{color:var(--text-3);overflow-wrap:anywhere}
.logrow dd{color:var(--text-2);word-break:normal;overflow-wrap:anywhere;line-height:1.8}
.feesplit{padding:18px}
.fs-top{gap:10px;margin-bottom:18px;font-size:12px;line-height:1.8}
.fs-hero{gap:9px;margin-bottom:18px}
.fs-hero b{font-family:var(--sans);font-weight:500;font-size:28px;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}
.fs-hero i{font-size:11px;line-height:1.8}
.fs-rows{margin-top:18px;border-radius:6px;background:var(--line);border-color:var(--line)}
.fs-row{min-height:44px;padding:11px 14px;background:var(--surface);font-size:12px;gap:12px;line-height:1.8}
.fs-row>span{min-width:0;overflow-wrap:anywhere}
.fs-row b{font-size:12px;font-weight:500;white-space:normal;overflow-wrap:anywhere;text-align:right;font-variant-numeric:tabular-nums}
.fs-row.dim{opacity:.7}
.fs-note{font-size:11px;color:var(--text-3);line-height:1.9;margin-top:16px}
.fs-note code{color:var(--accent)}
.cx-head,.ep-top{border-radius:6px;background:var(--line);margin-bottom:16px}
.cx-head>div,.ep-top>div{padding:18px}
.cx-head i,.ep-top i{font-size:11px;line-height:1.5;color:var(--text-3);margin-bottom:12px}
.cx-head b,.ep-top b{font-family:var(--sans);font-size:28px;font-weight:500;color:var(--text);letter-spacing:-.01em;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.cx-head span,.ep-top span{font-size:11px;color:var(--text-3);line-height:1.75}
.verdict{padding:18px;gap:12px}
.verdict b{font-size:15px;font-weight:500}

/* Validator workspace: live readings first, reference material on demand. */
#v-validators{display:flex;flex-direction:column;gap:20px}
#v-validators[hidden]{display:none}
.validator-heading{justify-content:space-between;align-items:center;margin:0;gap:16px}
.validator-heading h1{margin:0}
.validator-heading p{font-size:13px;color:var(--text-3);line-height:1.7;margin:8px 0 0}
.validator-heading .btn{font-size:12px;font-weight:500;min-height:36px;padding:8px 13px;background:var(--surface);border:1px solid var(--line);border-radius:5px;color:var(--text-2);white-space:nowrap}
.validator-heading .btn span{margin-left:10px}
.validator-availability{display:flex;align-items:center;gap:20px;padding:12px 16px;border:1px solid var(--line);border-radius:6px;background:var(--bg-2)}
.validator-status{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--text-2);font-size:12px}
.validator-status>span{width:5px;height:5px;border-radius:50%;background:var(--up)}
.validator-availability p{font-size:12px;color:var(--text-3);line-height:1.7;margin:0}
.validator-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:6px;background:var(--surface);overflow:hidden}
.validator-summary>div{padding:18px 20px;min-width:0;border-left:1px solid var(--line)}
.validator-summary>div:first-child{border-left:0}
.validator-summary>div>span{display:block;font-size:12px;color:var(--text-3)}
.validator-summary strong{display:block;margin:9px 0 7px;font:500 25px/1.3 var(--sans);font-variant-numeric:tabular-nums;color:var(--text);overflow-wrap:anywhere}
.validator-summary strong.is-unavailable,.validator-summary strong:has(.is-unavailable){font-size:17px;min-height:32px;line-height:1.9;color:var(--text-2)}
.validator-summary u{font-size:11px;font-weight:400;color:var(--text-3);text-decoration:none;margin-left:6px}
.validator-summary small,.validator-summary a{font-size:11px;line-height:1.6;color:var(--text-3)}
.validator-summary a{color:var(--accent)}
.validator-nodes .tbl th,.validator-nodes .tbl td{padding-left:18px;padding-right:18px}
.validator-nodes .tbl tbody:has(tr:not(.empty)) .empty td{height:auto;padding:14px 18px}
#valLive .datum{padding:18px 20px}
#valLive .mini{grid-template-columns:repeat(5,minmax(0,1fr))}
.validator-guides{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;background:var(--surface);overflow:hidden}
.validator-detail+.validator-detail{border-top:1px solid var(--line)}
.validator-detail>summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;min-height:64px;padding:18px 20px;color:var(--text);font-size:14px;font-weight:500}
.validator-detail>summary::-webkit-details-marker{display:none}
.validator-detail>summary small{margin-left:auto;color:var(--text-3);font-size:12px;font-weight:400}
.validator-detail>summary::after{content:'+';width:16px;flex:none;text-align:center;font-size:18px;font-weight:400;color:var(--text-3)}
.validator-detail[open]>summary::after{content:'−'}
.validator-detail>summary:hover{background:var(--raised)}
.validator-detail>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.validator-detail-body{padding:0 20px 20px;min-width:0}
.validator-intro{margin:0 0 18px;color:var(--text-3);font-size:12px;line-height:1.8}
.validator-detail .req{grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:5px;overflow:hidden}
.validator-detail .req b{font-size:22px}
.validator-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;padding:24px 0 20px;margin:0;list-style:none;counter-reset:validator-step}
.validator-steps li{padding-left:28px;position:relative;counter-increment:validator-step;min-width:0}
.validator-steps li::before{content:counter(validator-step,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}
.validator-steps b{font-size:13px;font-weight:500;color:var(--text-2)}
.validator-steps p{font-size:12px;line-height:1.8;margin:7px 0;color:var(--text-3)}
.validator-steps code{font-size:11px;overflow-wrap:anywhere;color:var(--text-3)}
.validator-steps a,.validator-contract{font-size:12px}
.validator-contract{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding-top:16px;border-top:1px solid var(--line);color:var(--text-3)}
.validator-contract a{margin-left:auto}
.validator-allocation td{vertical-align:top}
.validator-allocation td.n{min-width:120px}
.validator-notes{padding-top:10px}
.validator-notes p,.validator-facts p{font-size:12px;line-height:1.9;color:var(--text-3);margin:10px 0 0}
.validator-detail .recon{margin:0;background:var(--bg-2)}
.validator-detail .rc-how{border-top:1px solid var(--line);background:var(--bg-2)}
.validator-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}
.validator-facts h3{font-size:13px;font-weight:500;color:var(--text-2);margin:0}
@media(max-width:760px){
  #v-validators{gap:16px}
  .validator-heading{align-items:flex-start;flex-wrap:nowrap}
  .validator-heading .btn{padding:7px 10px;font-size:11px}
  .validator-heading p{font-size:12px;max-width:28ch}
  .validator-availability{align-items:flex-start;flex-direction:column;gap:7px;padding:13px 14px}
  .validator-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .validator-summary>div{padding:16px 14px}
  .validator-summary>div:nth-child(3){border-left:0}
  .validator-summary>div:nth-child(n+3){border-top:1px solid var(--line)}
  .validator-summary strong{font-size:23px}
  #valLive .mini{grid-template-columns:repeat(2,minmax(0,1fr))}
  #valLive .mi:last-child{grid-column:1/-1}
  .validator-detail>summary{padding:16px 14px;gap:10px;min-height:60px;flex-wrap:wrap}
  .validator-detail>summary small{font-size:11px}
  .validator-detail-body{padding:0 14px 18px}
  .validator-detail .req,.validator-steps,.validator-facts{grid-template-columns:minmax(0,1fr)}
  .validator-steps{gap:20px}
  .validator-detail .rc-n{min-width:0}
}

@media(max-width:1240px){
  .ph{gap:10px}
  .ph-m[data-src]{margin-left:0}
  .ph-t,.ph-t.big{font-size:15px}
  .datum b{font-size:26px}
}
@media(max-width:1000px){
  .ph,.inc-h,.rc-h{padding:13px 16px;min-height:56px}
  .pf,.pager{padding:15px 18px}
  .vhead{margin-bottom:20px}
  .vhead h1,.dtl-h h1{font-size:22px}
  .vh-m{display:block;max-width:none;flex-basis:100%}
  .vhead .fill{display:none}
  .ph-m{max-width:100%}
  .minisearch{flex:1 1 220px}
  .kvt td,.kv2 td{padding:15px 18px}
  .kvt td:first-child{width:34%;word-break:normal;overflow-wrap:anywhere}
  .kv2 td:first-child{width:43%}
  .rc-op{padding:7px}
  .cx-head,.ep-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .notice{padding:18px;flex-wrap:wrap;gap:10px}
  .n-tag{margin:0}
}
@media(max-width:620px){
  .panel,.inc,.recon{border-radius:6px}
  .ph,.inc-h,.rc-h{padding:13px 14px;gap:9px;border-radius:5px 5px 0 0}
  .ph-t,.ph-t.big,.inc-t,.rc-t{font-size:15px}
  .ph-fill{flex:1}
  .ph-m{font-size:11px}
  .ph-m.ph-ev{flex-basis:100%;text-align:left;line-height:1.8}
  .ph.sub{padding:11px 16px}
  .pf,.pager{padding:14px 16px;border-radius:0 0 5px 5px;font-size:11px}
  .pf-r{margin-left:0}
  .datum{padding:16px}
  .datum b{font-size:26px}
  .mi,.epgrid>div{padding:15px 16px}
  .mi b,.epgrid b{font-size:17px}
  .tbl th,.tbl td,.ov-mid .tbl th,.ov-mid .tbl td{padding-left:16px;padding-right:16px}
  .tbl .empty td{padding:25px 16px}
  .tbl .empty .em-t{left:16px;max-width:calc(100vw - 70px)}
  .kvt td,.kv2 td{padding:14px 16px;font-size:12px}
  .kvt td:first-child,.kv2 td:first-child{font-size:11px;line-height:1.7}
  .kvt td:first-child{width:33%}
  .kvt .hintline{font-size:10px}
  .kvt td code,.kv2 td code{font-size:10px}
  .chips{max-width:100%}
  .chip{font-size:11px;padding-left:11px;padding-right:11px}
  .minisearch{flex-basis:100%;min-width:0}
  .sres a{grid-template-columns:52px minmax(0,1fr);gap:4px 10px;padding:12px}
  .sres i{grid-row:1 / 3}
  .sres em{display:block;grid-column:2;white-space:normal;overflow-wrap:anywhere;font-size:10px}
  .sres .sr-none{display:block;font-size:11px}
  .sres-l{max-height:48vh}
  .node-row,.chart,.feesplit,.flowbox,.inc-src,.rc-n,.rcs,.stg,.rule,.honest p,.logrow{padding:16px}
  .clegend{padding:0 16px 18px}
  .feed li{grid-template-columns:58px 46px minmax(0,1fr);padding:12px 16px;gap:5px 10px}
  .feed .f-none{padding:28px 16px}
  .feed li .f-k{grid-column:3;justify-self:start}
  .feed li .f-x,.feed li .f-r{grid-column:1 / -1}
  .f-r{margin-top:5px;flex-wrap:wrap;gap:12px}
  .notice{padding:17px 16px}
  .notice p{font-size:12px}
  .fl-row{gap:7px}
  .fl-box{padding:12px 9px;font-size:11px}
  .fl-box.fee{font-size:10px;padding:10px 5px}
  .fl-box u{font-size:9px}
  .flow-note{padding:0 16px 20px;font-size:11px}
  .splitbar{margin:16px;height:auto;min-height:42px}
  .splitbar .sb{font-size:10px;padding:8px 5px}
  .req .rq{padding:18px 16px}
  .steps{padding:10px 16px}
  .v-act{padding:4px 16px 20px}
  .rc-how{padding:16px}
  .epochbar{padding:16px}
  .eb-steps{flex-basis:100%;min-width:0;justify-content:flex-start}
  .eb{font-size:10px;padding:9px 11px}
  .vhead h1,.dtl-h h1{font-size:22px}
  .vh-en{font-size:9px}
  .vh-m{font-size:11px;line-height:1.8}
  .dtl-id,.dtl-id.sm{padding:15px 16px;font-size:12px;line-height:1.9}
  .dtl-nav{margin-left:0;flex-basis:100%}
  .dtl-nav a,.dtl-nav span{font-size:11px}
  .srcline{margin-bottom:20px;gap:6px}
  .srcline code{font-size:9px}
  .logrow dl{grid-template-columns:74px minmax(0,1fr);gap:8px 12px;font-size:10px}
  .fs-row{grid-template-columns:minmax(0,1fr);gap:6px}
  .fs-row b{text-align:left}
  .cx-head>div,.ep-top>div{padding:18px 16px}
  .cx-head b,.ep-top b{font-size:25px}
  .cx-head b u,.ep-top b u{font-size:10px}
  .cx-head i,.ep-top i{font-size:10px;margin-bottom:8px}
  .hexbox,.verdict{padding:18px 16px}
}