/* Shared paper tokens, chrome and document typography. All fonts are local. */
@font-face{font-family:Plex;src:url('/fonts/plex-sans.woff2') format('woff2');font-display:swap}
@font-face{font-family:Mono;src:url('/fonts/plex-mono.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--ink:#f4efe6;--paper:#1c1a17;--mint:#9a2f1b;--muted:#47423b;--line:#d4cbba;--amber:#7a4f00;--panel:#fbf8f2;--heading:#12110f;--quiet:#5f584d;--inset:#efe9de;--button:#1c1a17;--on-button:#f6f2ea;--danger:#a3221a}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Plex,Arial,sans-serif;font-variant-numeric:lining-nums}
body:before{content:none}
a{color:var(--mint);text-underline-offset:3px}
button,input,select{font:inherit;touch-action:manipulation}
button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}
[hidden]{display:none!important}
:where(a,button,input,select,summary):focus-visible{outline:2px solid var(--mint);outline-offset:4px}
::selection{background:var(--mint);color:var(--ink)}
.shell{max-width:1280px;margin:auto;padding:0 36px}
header{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-height:86px;height:auto;gap:24px;padding:22px 0;border:0}
header:after{content:"";position:absolute;height:1px;bottom:0;left:min(0px,calc((1280px - 100vw)/2 - 36px));right:min(0px,calc((1280px - 100vw)/2 - 36px));background:var(--heading)}
a.brand{display:flex;align-items:center;gap:12px;color:var(--heading);text-decoration:none;font-size:20px;font-weight:600;letter-spacing:-.7px;white-space:nowrap}
a.brand:before{content:"";width:30px;height:30px;border:1px solid var(--heading);border-radius:6px;background:var(--ink) url('/mark.svg') center/24px no-repeat}
.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-left:auto;font:13px Plex,Arial,sans-serif}
.site-nav a{color:var(--muted);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent;white-space:nowrap}
.site-nav a:hover{color:var(--heading)}.site-nav a[aria-current]{color:var(--heading);border-bottom-color:var(--mint)}
.head-right{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}.head-right>*{min-width:0}.acct{color:var(--quiet);font-size:11px;letter-spacing:0;max-width:150px}
.badge{font:11px Plex,sans-serif;letter-spacing:0;text-transform:none;display:flex;align-items:center;gap:7px;border:0;border-radius:0;padding:0;color:#1d6638}
.badge i{width:5px;height:5px;background:currentColor;border-radius:50%;box-shadow:none}
.badge.warn{color:var(--amber)}.badge.paused{color:var(--danger)}.badge.warn i,.badge.paused i{background:currentColor}
.btn,button,.button{background:var(--button);color:var(--on-button);border:1px solid var(--button);border-radius:2px;padding:11px 16px;font:600 14px Plex,sans-serif;text-decoration:none}
.btn:hover:not(:disabled),.button:hover{background:var(--mint);border-color:var(--mint)}
.btn:disabled{background:var(--inset);color:var(--quiet);border-color:var(--line)}
.btn.ghost{background:transparent;color:var(--paper);border-color:var(--line)}
.link{background:none;color:var(--quiet);border:0;padding:0;font-weight:400;text-decoration:underline}
.btn.big{border-radius:2px;font-size:15px;padding:15px;margin-top:18px}
input,select{max-width:100%;min-width:0;background:var(--inset);color:var(--paper);border:1px solid var(--line);border-radius:2px;padding:12px 14px}
input::placeholder{color:var(--quiet);opacity:.7}
h1,h2,h3{font-family:Plex,Arial,sans-serif;color:var(--heading)}
h1{font-size:clamp(42px,4.3vw,60px);font-weight:600;line-height:1.02;letter-spacing:-1.6px;margin:22px 0}
h1 em{font:inherit;color:inherit}
h2{font-weight:400;letter-spacing:-.6px}
.mono{font-family:Mono,monospace}
.eyebrow{display:block;font:600 11px Plex,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin:0}
.eyebrow:before{content:none}
.intro,.lede{color:var(--muted);font-size:17px;line-height:1.7;max-width:30em;margin:0}
.fine,.stamp{font-size:12px;color:var(--quiet);line-height:1.6}
.note{background:var(--inset);color:var(--muted);border-radius:2px}
.note.warn{color:var(--amber);background:#f6e9c8;border:1px solid #d6b766}
.warn{color:var(--amber)}.ok{color:#1d6638}
.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--button);color:var(--on-button);padding:12px}.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Four columns and a separate legal line, shared by every page. */
.paper-footer{display:block;margin:72px 0 0;border-top:1px solid var(--heading);padding:40px 0 32px;font:12px/1.7 Plex,sans-serif;letter-spacing:0;text-transform:none;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:32px}.footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:9px;min-width:0}
.footer-grid a{color:var(--paper);text-decoration:none;overflow-wrap:anywhere}.footer-grid a:hover{color:var(--mint)}.footer-grid p{margin:0}
.footer-grid .footer-name{font-size:22px;color:var(--heading);letter-spacing:-.3px;font-weight:600}
.footer-head{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--quiet);margin-bottom:4px!important;font-weight:600}
.footer-legal{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);max-width:780px;line-height:1.8}.footer-legal p{margin:0}.footer-legal p+p{margin-top:6px}.footer-base{margin-top:20px;color:var(--quiet);font-size:11px}
#contracts{display:flex;flex-direction:column;gap:9px}
/* The existing document and data pages use the same paper stock and rules. */
.document,.page{max-width:900px;margin:0;padding:64px 0 0;min-height:50vh}
.document h1,.page h1,.section h1{font-size:clamp(38px,4.3vw,56px);font-weight:600;line-height:1.08;letter-spacing:-1.6px;margin:22px 0 30px}
.document h2{font-size:22px;font-weight:500;margin:32px 0 8px;letter-spacing:-.3px}.document p{color:var(--muted);line-height:1.8;margin:8px 0}.document li{line-height:1.8}.document section{border-top:1px solid var(--line);padding-bottom:18px}.document section h2{margin-top:22px}
.section{padding:48px 0 0;border:0}.section+.section{border-top:1px solid var(--line);margin-top:32px;padding-top:28px}
.summary{gap:24px}.tile{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 0}.tile .k{color:var(--quiet)}.tile .v{font-size:26px;letter-spacing:-.5px}
h2.sec{font:400 30px Plex,sans-serif;letter-spacing:-.6px}.att,.wrap{background:var(--panel);border:1px solid var(--line);border-radius:2px}.page .backing{margin-top:20px}
.status-table th,.status-table td,.tbl th,.tbl td{border-bottom-color:var(--line)}.status-table th{color:var(--quiet)}.status-table .ok{color:#1d6638}.status-table .warn{color:var(--amber)}.status-table .bad{color:var(--danger)}
.subnet{background:var(--panel);border:1px solid var(--line);border-radius:2px}.subnet h2{font-size:26px}.subnet button:first-child,.wallet-controls button:not(:first-child),.filters button{color:var(--paper);border-color:var(--line)}
dialog,.sheet{background:var(--panel);color:var(--paper);border:1px solid var(--heading);border-radius:2px}dialog .close{color:var(--paper)}
@media(max-width:900px){header{gap:16px}.site-nav{order:3;width:100%;margin:0;gap:18px}.head-right{margin-left:auto}.footer-grid{grid-template-columns:1fr 1fr}.document,.page{padding-top:36px}}
@media(max-width:700px){.shell{padding:0 20px}header{padding:18px 0}.brand{font-size:17px}header:after{left:-20px;right:-20px}.head-right{width:auto;gap:10px}.acct{order:0;width:auto}.site-nav{font-size:12px}.intro,.lede{font-size:15px}.paper-footer{margin-top:60px}.footer-grid{gap:32px 24px}.document h1,.page h1,.section h1{font-size:38px}.document h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.faq-item{border-top:1px solid var(--line);padding:20px 0}.faq-item:last-of-type{border-bottom:1px solid var(--line)}.faq-item summary{font-size:17px;font-weight:500;cursor:pointer;color:var(--heading)}.document .faq-item p{margin:16px 0 0;font-size:15px}
.sheet h2{font:400 30px Plex,sans-serif}.opt{background:var(--inset);border-color:var(--line);border-radius:2px;color:var(--paper)}.sig{background:var(--inset);border-color:var(--line);color:var(--quiet);border-radius:2px}.modal{z-index:60}.sheet{max-height:90dvh;overflow:auto}
.region-note{background:#f8e0da;border:1px solid #dfa197;color:var(--danger);border-radius:2px}.attest{color:var(--muted)}.attest input{accent-color:var(--button)}
.token-heading h2{font-weight:500;letter-spacing:-.5px}.token-row:hover,.token-row:focus-visible{background:var(--inset)}#tokenDialog{border-radius:2px;border-color:var(--heading)}
/* Registry-driven subnet choice, shared by the bridge and reserves. */
.subnet-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:4px;padding:4px;background:var(--inset);margin:0 0 12px}
.subnet-picker button{min-width:0;min-height:44px;padding:10px 6px;border:0;border-radius:2px;background:none;color:var(--quiet);font-size:13px;font-weight:500;overflow-wrap:anywhere}
.subnet-picker button[aria-pressed="false"]:hover:not(:disabled){background:var(--panel);color:var(--heading)}
.subnet-picker button[aria-pressed="true"]{background:var(--button);color:var(--on-button)}
.subnet-picker button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.page>.subnet-picker{max-width:400px;margin:20px 0 22px}
@media(min-width:700px){.subnet-picker-many{grid-template-columns:repeat(3,minmax(0,1fr))}}