:root {
  --ground:#F2EDE1; --surface:#FBF8F1; --surface-alt:#F6F1E6; --ink:#1E1B18;
  --ink-muted:#6B6459; --rule:#DED6C4; --green:#1F7A4D; --green-soft:#E4F0E7;
  --red:#C2402E; --red-soft:#F7E4DF; --arc:#1A6CE8;
  --accent:linear-gradient(112deg,#1F7A4D 0%,#6FA53A 48%,#C2402E 100%);
  --r-card:10px; --r-ctl:8px; --r-pill:999px; --shadow:0 2px 8px rgba(30,27,24,.06);
  --display:"Archivo","Chivo",system-ui,sans-serif;
  --body:"Inter Tight","Inter",system-ui,sans-serif;
  --mono:"DM Mono",ui-monospace,"SFMono-Regular",monospace;
}
*{box-sizing:border-box} html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--ground);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;display:flex;flex-direction:column}
button,input{font:inherit}#app:focus{outline:none}#app{flex:1;width:100%}.wrap{width:100%;max-width:none;margin:0;padding:0 clamp(24px,3vw,56px)}
a{color:inherit}.label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.mono,.num,code,pre{font-family:var(--mono);font-variant-numeric:tabular-nums}.num{text-align:right}.muted{color:var(--ink-muted)}
.green{color:var(--green)}.red{color:var(--red)}
.pill{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.pill--received,.pill--verified{background:var(--green-soft);color:var(--green)}
.pill--pending,.pill--unverified{background:var(--red-soft);color:var(--red)}
.pill--ghost{border:1px solid var(--rule);color:var(--ink-muted);background:transparent;font-family:var(--mono)}
.pill--arc{border:1px solid var(--arc);color:var(--arc);background:transparent;font-family:var(--mono)}
.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-card);box-shadow:var(--shadow)}
.topbar{border-bottom:1px solid var(--rule);position:relative;z-index:10}
.topbar__inner{display:flex;align-items:center;gap:24px;min-height:72px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand__chip{width:34px;height:34px;border-radius:9px;background:var(--accent);display:grid;place-items:center;overflow:hidden}
.brand__chip img{width:31px;height:31px;object-fit:cover}.brand__word{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em}
.nav{display:flex;gap:22px;margin-left:14px}.nav a{text-decoration:none;font-size:14px;font-weight:500;padding:5px 0;border-bottom:2px solid transparent}
.nav a.is-active{border-color:var(--ink);font-weight:600}.nav a:hover{color:var(--green)}
.topbar__right{margin-left:auto;display:flex;align-items:center;gap:12px}.sync{display:inline-flex;align-items:center;gap:8px;background:var(--green-soft);color:var(--green);border-radius:var(--r-pill);padding:5px 11px;font-family:var(--mono);font-size:12px}
.sync i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2.4s ease-in-out infinite}.nav-toggle{display:none}
.page-head{padding:52px 0 26px;display:flex;justify-content:space-between;gap:32px;align-items:end}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 10px}
h1,h2,h3{font-family:var(--display)}h1{font-size:52px;line-height:1.04;letter-spacing:-.028em;margin:0;max-width:760px}h2{font-size:24px;line-height:1.15;margin:0}h3{font-size:17px;margin:0}
.lede{font-size:17px;max-width:62ch;margin:14px 0 0}.source-line{font-family:var(--mono);font-size:11px;color:var(--ink-muted);max-width:44ch;text-align:right}
.hero{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:48px;padding:44px 0 40px;align-items:start}.hero h1{font-size:56px;margin:14px 0 16px}.hero__sub{font-size:17px;max-width:57ch;margin:0}.hero__rule{height:3px;border-radius:2px;background:var(--accent);margin:26px 0 22px;max-width:780px;background-size:180% 100%;animation:drift 12s ease-in-out infinite alternate}
.field{display:flex;align-items:center;gap:10px;min-height:62px;padding:7px 8px 7px 16px;background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--r-ctl);max-width:780px}
.field__glyph{color:var(--ink-muted);display:flex}.field__input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:var(--mono);font-size:15px;color:var(--ink)}.field__input::placeholder{color:#91897c}
.field__paste{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;border:1px solid var(--rule);background:transparent;color:var(--ink-muted);cursor:pointer}
.btn-print,.button{min-height:46px;padding:0 24px;border:0;border-radius:var(--r-ctl);background:var(--accent);color:#fff;font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.08em;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.btn-print:hover,.button:hover{box-shadow:0 0 0 3px rgba(31,122,77,.22)}.field__note{font-family:var(--mono);font-size:11px;color:var(--ink-muted);margin:10px 0 0}.field__note a{color:var(--green)}.dot-sep{padding:0 5px;color:var(--rule)}
.chainstrip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:29px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.chainstrip>div{padding:14px 14px 13px 0}.chainstrip>div+div{border-left:1px solid var(--rule);padding-left:18px}.chainstrip .v{font-family:var(--mono);font-size:19px;font-weight:500;margin-top:3px}
.tiles{display:grid;gap:14px}.tile{padding:22px 22px 20px;position:relative;overflow:hidden}.tile--lead::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--accent)}.tile__head{display:flex;justify-content:space-between;gap:12px;align-items:center}.tile__value{font-family:var(--mono);font-size:31px;letter-spacing:-.03em;margin:16px 0 7px}.tile__foot{font-size:12px;color:var(--ink-muted)}
.section{padding:0 0 34px}.section-title{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:14px}.section-title p{margin:0;color:var(--ink-muted)}
.ledger{overflow:hidden}.ledger__head{display:flex;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid var(--rule)}.ledger__title{font-family:var(--display);font-weight:600}.ledger__addr{font-family:var(--mono);font-size:12px;color:var(--green)}.ledger__src{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--ink-muted)}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-weight:600;text-align:left;padding:12px 18px;background:var(--surface-alt)}td{padding:14px 18px;border-top:1px solid var(--rule);font-size:14px;vertical-align:top}.r{text-align:right}.c{text-align:center}.tx{font-family:var(--mono);font-size:11px;color:var(--green);text-decoration:none}.empty{padding:38px 20px;text-align:center;color:var(--ink-muted)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-2>*,.grid-3>*{min-width:0}.info-card{padding:22px}.info-card__top{display:flex;justify-content:space-between;gap:16px;align-items:start}.info-card p{color:var(--ink-muted);margin:12px 0 0}.kv{display:grid;grid-template-columns:minmax(130px,.7fr) 1fr;border-top:1px solid var(--rule);margin-top:18px}.kv dt,.kv dd{margin:0;padding:10px 0;border-bottom:1px solid var(--rule);font-size:13px}.kv dt{color:var(--ink-muted)}.kv dd{font-family:var(--mono);overflow-wrap:anywhere}.address{font-family:var(--mono);font-size:12px;overflow-wrap:anywhere;color:var(--green)}
.step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:20px;border-top:1px solid var(--rule)}.step:first-child{border-top:0}.step__n{font-family:var(--mono);font-size:12px;width:30px;height:30px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center}.step p{margin:5px 0 0;color:var(--ink-muted);overflow-wrap:anywhere}
.split-bar{height:28px;border-radius:6px;overflow:hidden;display:flex;margin:18px 0 12px;color:#fff;font-family:var(--mono);font-size:10px}.split-bar span{display:flex;align-items:center;justify-content:center}.split-bar span:nth-child(1){background:#1F7A4D}.split-bar span:nth-child(2){background:#4E8B45}.split-bar span:nth-child(3){background:#8B9840}.split-bar span:nth-child(4){background:#C2402E}
.code-card{background:#211f1c;color:#f6f1e6;border-radius:var(--r-card);padding:20px;overflow:auto;min-width:0;min-height:176px}.code-card pre{margin:0;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.code-card .code-green{color:#9fd1ae}.api-result{margin-top:14px;max-height:330px;overflow:auto}.tool-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tool-button{border:1px solid var(--rule);background:var(--surface);border-radius:var(--r-ctl);padding:8px 11px;cursor:pointer;font-family:var(--mono);font-size:11px}.tool-button:hover,.tool-button.is-active{border-color:var(--green);color:var(--green)}
.notice{padding:15px 18px;border-left:3px solid var(--red);background:var(--red-soft);font-size:13px}.rule-list{counter-reset:rules;display:grid;gap:10px}.rule-item{counter-increment:rules;display:grid;grid-template-columns:46px 1fr;gap:14px;padding:18px}.rule-item::before{content:"0" counter(rules);font-family:var(--mono);color:var(--red)}.rule-item p{margin:0;color:var(--ink-muted)}
.receipt-edge{border-top:1px dashed var(--ink-muted);position:relative;margin-top:28px;padding:22px 0}.receipt-edge::before{content:"";position:absolute;left:0;right:0;top:-4px;height:7px;background:radial-gradient(circle at 4px 4px,var(--ground) 3px,transparent 3.5px) 0 0/12px 7px}.receipt-edge__inner{display:flex;justify-content:space-between;gap:20px;align-items:center}
.footer{border-top:1px solid var(--rule);margin-top:22px}.footer__inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer__brand{display:flex;align-items:center;gap:12px}.footer__brand img{width:34px;height:34px}.footer__brand p{margin:0;font-size:14px}.footer__brand span{color:var(--ink-muted)}.footer__links{display:flex;gap:22px;font-family:var(--mono);font-size:11px;color:var(--ink-muted)}.footer__links a:hover{color:var(--green)}
.loading{opacity:.62}.print-lines{display:grid;gap:7px}.print-line{height:10px;background:var(--rule);border-radius:3px;transform-origin:left;animation:print .5s ease-out both}.print-line:nth-child(2){width:82%;animation-delay:.06s}.print-line:nth-child(3){width:64%;animation-delay:.12s}.print-line:nth-child(4){width:91%;animation-delay:.18s}
@keyframes print{from{transform:scaleX(0);opacity:.2}to{transform:scaleX(1);opacity:1}}@keyframes drift{to{background-position:100% 0}}@keyframes pulse{50%{box-shadow:0 0 0 5px rgba(31,122,77,.12)}}
@media(max-width:1020px){.wrap{padding:0 28px}.topbar__right{display:none}.nav{gap:14px;margin-left:auto}.hero{grid-template-columns:1fr;gap:26px}.tiles{grid-template-columns:repeat(3,1fr)}.tile__value{font-size:24px}.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:740px){.wrap{padding:0 18px}.topbar__inner{min-height:64px;flex-wrap:wrap}.nav-toggle{display:block;margin-left:auto;border:1px solid var(--rule);background:var(--surface);border-radius:6px;padding:6px 10px;font-family:var(--mono);font-size:11px}.nav{display:none;order:3;width:100%;margin:0;padding:6px 0 14px;overflow-x:auto}.nav.is-open{display:flex}.brand__word{font-size:20px}.hero{padding:34px 0 28px}.hero h1,h1{font-size:38px}.field{display:grid;grid-template-columns:auto 1fr auto;min-height:unset}.btn-print{grid-column:1/-1;width:100%}.chainstrip{grid-template-columns:1fr}.chainstrip>div+div{border-left:0;border-top:1px solid var(--rule);padding-left:0}.tiles,.grid-2,.grid-3{grid-template-columns:1fr}.page-head{padding-top:36px;display:block}.source-line{text-align:left;margin-top:14px}.ledger__head{align-items:start;flex-wrap:wrap}.ledger__src{width:100%;margin:0}.receipt-edge__inner,.footer__inner{align-items:flex-start;flex-direction:column}.footer__inner{padding-top:28px;padding-bottom:28px}.footer__links{flex-wrap:wrap}.section-title{display:block}.section-title p{margin-top:6px}}
@media print{.topbar,.footer,.field__note,.nav-toggle{display:none}.wrap{padding:0}.card{box-shadow:none}body{background:#fff}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* FIX UI/UX v1 — dense, route-specific receipt systems */
html,body{max-width:100%;overflow-x:hidden}
.section-gap{margin-top:16px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px}.card-head h2{margin-top:4px}.card-head .source-line{margin:0}
.receipt-art{padding:24px 26px 30px;position:relative;background:linear-gradient(var(--surface),var(--surface-alt));font-family:var(--mono);transform:rotate(.35deg)}
.receipt-art::before{content:"";position:absolute;inset:10px;border:1px solid var(--rule);pointer-events:none}.receipt-art__top,.receipt-art__line,.receipt-art__total{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px dashed var(--ink-muted);padding:13px 4px;font-size:11px}.receipt-art__line span{color:var(--red)}.receipt-art__line b{margin-right:auto}.receipt-art__line i{font-style:normal;color:var(--ink-muted)}.receipt-art__total{border:0;padding-top:24px}.receipt-art__total strong{font-size:18px;color:var(--green)}.receipt-art__tear{position:absolute;left:0;right:0;bottom:-5px;height:10px;background:radial-gradient(circle at 5px 0,var(--ground) 5px,transparent 5.5px) 0 0/14px 10px}
.log-card{padding:20px}.log-line{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;border-top:1px solid var(--rule);padding:12px 0;font-family:var(--mono);font-size:11px}.log-card>.label+.log-line{margin-top:12px}.log-line i{width:7px;height:7px;border-radius:50%;background:var(--green)}.log-line.is-pending i{background:var(--red)}.log-line span{color:var(--ink-muted)}.log-line b{text-align:right;overflow-wrap:anywhere}.empty-copy{color:var(--ink-muted);font-size:13px;margin:18px 0 0}
.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--rule);border-radius:var(--r-card);background:var(--surface);margin-bottom:16px;overflow:hidden}.metric-strip article{padding:18px;min-width:0}.metric-strip article+article{border-left:1px solid var(--rule)}.metric-strip span,.metric-strip small{display:block;color:var(--ink-muted);font-size:11px}.metric-strip strong{font-family:var(--mono);font-size:20px;display:block;margin:5px 0;overflow-wrap:anywhere}
.stub-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(250px,.8fr);gap:16px}.claim-card{padding:20px;align-self:start}.claim-card h2{color:var(--red);font-family:var(--mono);font-size:20px;margin:14px 0 8px}.claim-card p{color:var(--ink-muted);font-size:13px}.button--plain{width:100%;background:var(--ink);margin-top:10px}.breakdown{padding-bottom:20px}.break-row{display:grid;grid-template-columns:minmax(110px,.7fr) 1.5fr auto;gap:14px;align-items:center;padding:14px 20px;border-top:1px solid var(--rule)}.break-row small{display:block;color:var(--ink-muted);font-family:var(--mono)}.break-track{height:12px;border:1px solid var(--rule);background:var(--surface-alt)}.break-track i{display:block;height:100%;background:var(--green)}.break-row>b{font-family:var(--mono);font-size:12px}.timeline-art{min-height:270px;background-image:linear-gradient(var(--rule) 1px,transparent 1px);background-size:100% 42px}.week-chart{height:180px;display:flex;align-items:flex-end;gap:12px;padding:20px;overflow-x:auto}.week-bar{height:130px;min-width:58px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.week-bar i{width:24px;background:var(--green);border-radius:3px 3px 0 0}.week-bar b{font:10px var(--mono);margin-top:4px}.week-bar span{font:9px var(--mono);color:var(--ink-muted);white-space:nowrap}
.data-ledger{min-width:0}.table-tools{display:flex;align-items:end;gap:16px;padding:12px 20px;border-bottom:1px solid var(--rule);background:var(--surface-alt)}.table-search{display:grid;gap:4px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);flex:1}.table-search input{width:min(360px,100%);height:34px;border:1px solid var(--rule);border-radius:6px;background:var(--surface);padding:0 10px;font-family:var(--mono);font-size:11px;color:var(--ink)}.table-count{font-family:var(--mono);font-size:11px}.data-ledger thead{position:sticky;top:0;z-index:1}.data-ledger th{padding:0}.data-ledger th>button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;padding:12px 18px;width:100%;display:flex;align-items:center;gap:7px;text-align:left;cursor:pointer}.data-ledger th.r>button{justify-content:flex-end}.data-ledger th.c>button{justify-content:center}.data-ledger th>button span{opacity:.45}.data-ledger th>button.is-sorted{color:var(--green)}.pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:10px;color:var(--ink-muted)}.pager>[data-range]{margin-right:auto}.pager label{display:flex;align-items:center;gap:6px}.pager select,.pager button{height:30px;border:1px solid var(--rule);border-radius:5px;background:var(--surface);font:11px var(--mono);color:var(--ink)}.pager button{min-width:32px;cursor:pointer}.pager button:disabled{opacity:.35;cursor:not-allowed}
.mechanics-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px}.mechanics-side,.register-side{display:grid;gap:16px}.cutaway{padding-bottom:18px;background:linear-gradient(90deg,var(--surface),var(--surface-alt))}.swap-core{display:grid;grid-template-columns:minmax(120px,1fr) 42px minmax(120px,1fr);align-items:center;max-width:560px;margin:10px auto 0;padding:0 22px}.flow-node{border:1px solid var(--ink);padding:17px;text-align:center;display:grid;gap:3px;background:var(--surface)}.flow-node small,.flow-node span{font:10px var(--mono);color:var(--ink-muted)}.flow-node strong{font:22px var(--display)}.flow-node--hook{border:2px solid var(--green);box-shadow:5px 5px 0 var(--green-soft)}.flow-arrow{text-align:center;font:22px var(--mono);color:var(--red)}.branch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:36px 20px 0;position:relative}.branch-grid::before{content:"";position:absolute;left:12.5%;right:12.5%;top:-18px;border-top:1px solid var(--ink)}.branch-grid>div{position:relative;border:1px solid var(--rule);background:var(--surface);padding:12px;display:grid;gap:3px}.branch-grid>div::before{content:"";position:absolute;left:50%;bottom:100%;height:18px;border-left:1px solid var(--ink)}.branch-grid span{font:10px var(--mono);color:var(--red)}.branch-grid b{font-size:12px}.branch-grid small{font-size:10px;color:var(--ink-muted)}.art-caption{font-size:12px;color:var(--ink-muted);margin:16px 20px 0;border-top:1px dashed var(--rule);padding-top:12px}
.register-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:16px}.boundary-art{padding-bottom:18px}.boundary-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;padding:34px 20px}.boundary-track>div{min-height:104px;border:1px solid var(--rule);padding:14px;background:var(--surface-alt);display:grid;align-content:center;gap:3px}.boundary-track>div small{font:9px var(--mono);color:var(--red)}.boundary-track>div b{font-size:13px}.boundary-track>div a{font:10px var(--mono);color:var(--green)}.boundary-track>span{font-family:var(--mono)}
.diagram-pair{display:grid;gap:16px}.method-diagram{overflow:hidden}.workflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:7px;padding:20px}.workflow>div{border:1px solid var(--rule);background:var(--surface-alt);padding:14px;display:grid;gap:5px}.workflow>div span{font:10px var(--mono);color:var(--red)}.workflow>div b{font-size:12px}.workflow>div small{font-size:10px;color:var(--ink-muted)}.workflow>i{align-self:center;font:16px var(--mono);font-style:normal}.architecture{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;grid-template-areas:"client c1 fn c2 rpc" "cache cache cache note note";align-items:center;gap:10px;padding:20px}.architecture>div{border:1px solid var(--ink);padding:16px;display:grid;gap:3px;background:var(--surface-alt)}.architecture>div small,.architecture>div span,.architecture aside small,.architecture aside span{font:10px var(--mono);color:var(--ink-muted)}.architecture>div b,.architecture aside b{font-size:13px}.architecture>i{font:9px var(--mono);font-style:normal;color:var(--red)}.arch-client{grid-area:client}.arch-function{grid-area:fn;border-color:var(--green)!important}.arch-rpc{grid-area:rpc}.architecture>i:first-of-type{grid-area:c1}.architecture>i:last-of-type{grid-area:c2}.architecture>aside{grid-area:cache;border:1px dashed var(--green);padding:12px;display:flex;gap:14px;align-items:center}.architecture>em{grid-area:note;font-size:11px;color:var(--ink-muted);font-style:normal;text-align:right}.method-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.code-card--inset{min-height:0;margin-top:16px;padding:13px}.limit-card ul{padding-left:18px;margin-bottom:0;color:var(--ink-muted);font-size:13px}
.api-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.api-art{padding:22px}.api-path{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:22px}.api-path>div{border:1px solid var(--rule);padding:14px 10px;min-height:100px;display:grid;align-content:center;gap:5px;background:var(--surface-alt)}.api-path b{font-size:11px}.api-path small{font:9px var(--mono);color:var(--ink-muted)}.api-path i{font-style:normal;color:var(--red)}
.rules-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.split-art{padding:22px;background:linear-gradient(135deg,var(--surface),var(--surface-alt))}.split-art h2{margin:5px 0 22px}.split-source{border:2px solid var(--ink);display:flex;justify-content:space-between;gap:14px;padding:16px}.split-source span{font:11px var(--mono);color:var(--ink-muted)}.split-branches{display:grid;grid-template-columns:5fr 2fr 2fr 1fr;gap:7px;margin-top:26px;position:relative}.split-branches::before{content:"";position:absolute;bottom:100%;left:0;right:0;height:18px;border-left:1px solid var(--ink);border-right:1px solid var(--ink);border-top:1px solid var(--ink)}.split-branches>div{min-height:100px;border:1px solid var(--rule);background:var(--surface);display:flex;flex-direction:column;justify-content:flex-end;padding:10px}.split-branches>div:first-child{background:var(--green-soft);border-color:var(--green)}.split-branches b{font:18px var(--mono)}.split-branches span{font-size:11px;color:var(--ink-muted)}

/* FIX UI/UX v2 — full-width shell, pre-print stub, pad identity */
.pad-brand{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;white-space:nowrap}.pad-brand__mark{width:28px;height:28px;display:inline-grid;flex:0 0 auto;place-items:center;border:1px solid var(--rule);border-radius:7px;background:var(--surface);color:var(--surface);font:600 11px var(--display);box-shadow:2px 2px 0 var(--rule)}.pad-brand__logo{object-fit:cover}.pad-brand__monogram{background:var(--ink);border-color:var(--ink)}.pad-brand__mark--arcade{background:var(--red);border-color:var(--red)}.pad-brand__name{font-weight:600}.pad-brand--compact{gap:6px}.pad-brand--compact .pad-brand__mark{width:24px;height:24px;border-radius:6px;font-size:9px;box-shadow:none}.pad-brand--compact .pad-brand__name{font-size:inherit}.pad-run{display:flex!important;gap:8px;flex-wrap:wrap}
.empty-stub-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:16px}.empty-flow{min-width:0;background:linear-gradient(135deg,var(--surface),var(--surface-alt));overflow:hidden}.empty-flow__rail{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;padding:26px 20px 30px}.empty-flow__rail>div{min-height:116px;border:1px solid var(--rule);background:var(--surface);padding:16px;display:grid;align-content:center;gap:4px;position:relative}.empty-flow__rail>div::before{content:"";position:absolute;inset:6px;border:1px dashed var(--rule);pointer-events:none}.empty-flow__rail small,.empty-flow__rail b,.empty-flow__rail span{position:relative}.empty-flow__rail small{font:10px var(--mono);color:var(--red)}.empty-flow__rail b{font-size:14px}.empty-flow__rail span{font-size:11px;color:var(--ink-muted)}.empty-flow__rail>i{font-style:normal;font-family:var(--mono);color:var(--red)}.empty-flow__rail .empty-flow__branch{border-color:var(--green);box-shadow:4px 4px 0 var(--green-soft)}.empty-flow__rail .empty-flow__wallet{background:var(--green-soft);border-color:var(--green)}.empty-explain{padding-bottom:12px}.empty-explain>h3{font-size:21px;margin:7px 0 14px}.empty-explain .step{padding:14px 0}.empty-explain .step__n{width:28px;height:28px}.empty-explain .step p{font-size:12px;margin-top:2px}
.example-stub{overflow:hidden}.example-stub__flag{padding:8px 20px;background:var(--red);color:#fff;font:600 11px var(--mono);letter-spacing:.08em}.example-stub__body{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:22px 24px}.example-stub__body h2{margin-top:6px;max-width:30ch}.example-stub__lines{display:grid;font:11px var(--mono);border-left:1px dashed var(--ink-muted);padding-left:24px}.example-stub__lines span,.example-stub__lines strong{padding:6px 0;border-bottom:1px solid var(--rule)}.example-stub__lines strong{color:var(--green)}
.empty-bottom{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px;align-items:start}.empty-capabilities{overflow:hidden}.capability-table>div{display:grid;grid-template-columns:minmax(130px,.35fr) 1fr;gap:18px;padding:14px 20px;border-top:1px solid var(--rule)}.capability-table>div:nth-child(even){background:var(--surface-alt)}.capability-table b{font-family:var(--display)}.capability-table span{color:var(--ink-muted)}.empty-side{display:grid;gap:16px}.tracked-pads h3{margin:7px 0 16px}.pad-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pad-list .pad-brand{padding:8px;border:1px solid var(--rule);border-radius:8px;background:var(--surface-alt)}.latest-read{align-self:stretch}

@media(max-width:1020px){.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip article:nth-child(3){border-left:0;border-top:1px solid var(--rule)}.metric-strip article:nth-child(4){border-top:1px solid var(--rule)}.stub-layout,.mechanics-layout,.register-grid,.api-layout,.rules-layout,.empty-stub-grid,.empty-bottom{grid-template-columns:1fr}.method-bottom{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr}.workflow>i{transform:rotate(90deg);justify-self:center}.api-path{grid-template-columns:1fr}.api-path i{transform:rotate(90deg);justify-self:center}.boundary-track{overflow-x:auto}.boundary-track>div{min-width:150px}}
@media(max-width:740px){.card-head{display:block}.card-head .source-line{margin-top:8px}.metric-strip{grid-template-columns:1fr}.metric-strip article+article{border-left:0;border-top:1px solid var(--rule)}.stub-layout,.method-bottom{grid-template-columns:1fr}.table-tools{align-items:stretch;flex-direction:column}.table-count{align-self:flex-end}.pager{flex-wrap:wrap}.pager>[data-range]{width:100%;margin:0}.branch-grid{grid-template-columns:1fr 1fr}.branch-grid::before{display:none}.branch-grid>div::before{display:none}.swap-core{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}.boundary-track{grid-template-columns:1fr;overflow:visible}.boundary-track>span{transform:rotate(90deg);justify-self:center}.architecture{grid-template-columns:1fr;grid-template-areas:"client" "c1" "fn" "c2" "rpc" "cache" "note"}.architecture>i{transform:rotate(90deg);justify-self:center}.architecture>aside{display:grid}.architecture>em{text-align:left}.api-path{grid-template-columns:1fr}.split-source{flex-direction:column}.split-branches{grid-template-columns:1fr 1fr}.split-branches::before{display:none}.week-chart{padding-left:12px;padding-right:12px}.break-row{grid-template-columns:1fr auto}.break-track{grid-column:1/-1;grid-row:2}.receipt-art{transform:none}.log-line{grid-template-columns:10px minmax(0,1fr)}.log-line b{grid-column:2;text-align:left}.field__note{overflow-wrap:anywhere}.empty-flow__rail{grid-template-columns:1fr}.empty-flow__rail>i{transform:rotate(90deg);justify-self:center}.example-stub__body{grid-template-columns:1fr}.example-stub__lines{border-left:0;border-top:1px dashed var(--ink-muted);padding:16px 0 0}.capability-table>div{grid-template-columns:1fr;gap:4px}}
@media(max-width:420px){.wrap{padding-left:14px;padding-right:14px}.hero h1,h1{font-size:35px}.page-head{gap:16px}.btn-print{min-width:0}.branch-grid,.split-branches{grid-template-columns:1fr}.pager label{margin-right:auto}.pager{gap:7px}.receipt-art{padding-left:20px;padding-right:20px}}