/* Common foundation across public pages, account views and embedded tools. */
.brand-ui{--paper:#e9eef0;--panel:#f6f8f9;--ink:#14213d;--ink-2:#4a5873;--muted:#4a5873;--line:#c9d3da;--code:#dde6ec;--accent:#2563eb;--blue:#2563eb;--on-accent:#fff;--link:#1d4ed8;--focus:#2563eb;background:var(--paper);color:var(--ink);font-family:Barlow,system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-ui{--paper:#0d1726;--panel:#13203a;--ink:#e3e9f2;--ink-2:#9aa8bf;--muted:#9aa8bf;--line:#24365a;--code:#1a2b4b;--accent:#7aa7ff;--blue:#7aa7ff;--on-accent:#0d1726;--link:#7aa7ff;--focus:#7aa7ff}}
:root[data-theme=dark] .brand-ui{--paper:#0d1726;--panel:#13203a;--ink:#e3e9f2;--ink-2:#9aa8bf;--muted:#9aa8bf;--line:#24365a;--code:#1a2b4b;--accent:#7aa7ff;--blue:#7aa7ff;--on-accent:#0d1726;--link:#7aa7ff;--focus:#7aa7ff}
.brand-ui [hidden]{display:none!important}.brand-ui :focus-visible{outline:3px solid var(--focus);outline-offset:3px}.brand-ui a{text-underline-offset:4px;text-decoration-thickness:1px}.brand-ui main a:not(.btn):not(.button):not(.rotation-row):not(.tkn):not(.name),.brand-ui article a:not(.btn){color:var(--link)}
.brand-ui:not(.page-home):not(.page-radar) h1,.brand-ui:not(.page-home):not(.page-radar) h2,.brand-ui:not(.page-home):not(.page-radar) h3{font-family:'Barlow Semi Condensed',Barlow,sans-serif;letter-spacing:-.02em}
.brand-ui:not(.page-home):not(.page-radar):not(:has(.token-page))>.wrap{max-width:1220px;padding:0 32px}
.brand-ui:not(.page-home):not(.page-radar):not(:has(.token-page)) main{padding-top:32px;min-width:0}.brand-ui:not(.page-home):not(.page-radar):not(:has(.token-page)) h1{font-size:44px;line-height:1.12;margin:12px 0 24px;max-width:26ch}
.brand-ui .btn,.brand-ui .button{font-family:Barlow,system-ui,sans-serif;border-radius:8px;min-height:44px;align-items:center;font-weight:600;text-decoration:none}.brand-ui:not(.page-home) .btn:not(.ghost){background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.brand-ui .btn.ghost,.brand-ui .button{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.brand-ui .button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.brand-ui:not(.page-home):not(.page-radar) input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.brand-ui:not(.page-home):not(.page-radar) select{font-family:Barlow,system-ui,sans-serif;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);min-height:42px;max-width:100%}.brand-ui button{font-family:Barlow,system-ui,sans-serif}.brand-ui .account-card,.brand-ui:not(.page-radar) .panel{border-radius:14px;border-color:var(--line);box-shadow:0 8px 24px #14213d05}.brand-ui .account-nav{gap:8px}.brand-ui .account-nav button{border-bottom-width:3px}.brand-ui .account-nav button[aria-selected=true]{color:var(--accent);border-color:var(--accent);background:transparent}.brand-ui .account-pane{padding:28px}.brand-ui .account-heading{border-bottom:1px solid var(--line)}
.brand-ui .table-wrap,.brand-ui .table-scroll{max-width:100%;overflow-x:auto;border-radius:10px}.brand-ui:not(.page-radar) table th{background:var(--code);color:var(--ink-2);font-size:12px}.brand-ui table{font-variant-numeric:tabular-nums}.brand-ui pre{max-width:100%;overflow:auto;border-radius:10px}.brand-ui footer.site{font-size:13px;gap:12px 24px;padding:24px 0;margin-top:64px}.brand-ui footer.site a{color:var(--ink-2);text-decoration:none}.brand-ui footer.site a:hover{text-decoration:underline;color:var(--link)}
.brand-ui.page-news .cases{gap:22px}.brand-ui.page-news .cases>li{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 8px 24px #14213d05}.brand-ui.page-news .cases h2{font-size:29px;line-height:1.2}.brand-ui.page-news .cases a{text-decoration:none}.brand-ui.page-news article>section{padding-top:12px}.brand-ui.page-news .case-figure{border:1px solid var(--line);border-radius:12px;overflow:hidden}.brand-ui.page-news .case-figure img{max-width:100%;height:auto}
.brand-ui.page-tokens .tsearch{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.brand-ui.page-tokens .chips a,.brand-ui.page-tokens .pager a{border-radius:8px;font-size:13px}.brand-ui.page-tokens .chips a[aria-current],.brand-ui.page-tokens .pager a[aria-current]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.brand-ui.page-watchlist>main{max-width:1220px;padding:32px 32px 110px}.brand-ui.page-watchlist>#global-links{max-width:1220px}.brand-ui.page-watchlist #signed-out{border-radius:14px;padding:30px;box-shadow:0 8px 24px #14213d05}.brand-ui.page-watchlist button{border-radius:8px;min-height:36px}.brand-ui.page-watchlist .primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.brand-ui.page-watchlist #compare-bar{background:#14213d;color:#fff}.brand-ui.page-watchlist .table-wrap{border-color:var(--line)}
.brand-ui.page-methodology>main{max-width:1056px;padding:40px 32px 80px}.brand-ui.page-methodology h2{font-size:29px;margin-top:42px;padding-top:20px;border-top:1px solid var(--line)}.brand-ui.page-methodology table{display:block;overflow-x:auto}.brand-ui.page-methodology code{overflow-wrap:anywhere}
.brand-ui.page-docs>.wrap{grid-template-columns:210px minmax(0,1fr);gap:48px}.brand-ui.page-docs nav[aria-label=Sections]{font-size:13px;padding-top:40px}.brand-ui.page-docs nav[aria-label=Sections] a{padding:7px 10px;border-left:2px solid var(--line);border-radius:0 6px 6px 0}.brand-ui.page-docs nav[aria-label=Sections] a:hover{border-color:var(--accent);background:var(--code);color:var(--link)}.brand-ui.page-docs h2{font-size:30px}.brand-ui.page-docs pre{padding:22px;border-radius:12px}.brand-ui.page-docs> .global-header,.brand-ui.page-methodology> .global-header,.brand-ui.page-watchlist> .global-header{max-width:1220px;padding-left:32px;padding-right:32px}
.brand-ui.page-utility{font-size:14px;line-height:1.5}.brand-ui.page-utility main{padding-top:16px!important}.brand-ui.page-utility h1{font-size:28px!important}.brand-ui.page-utility button,.brand-ui.page-utility .button{border-radius:8px}.brand-ui.page-utility a{color:var(--link)}
.home-v2 .home-stats{padding:30px 0 32px;border-top:1px solid var(--line)}.home-stats .figure{padding:4px 22px 4px 0}.home-stats .figure+.figure{border-left:1px solid var(--line);padding-left:22px}.home-stats .figure b{font-size:36px;margin-bottom:10px}.home-stats .figure span{font-size:13px;line-height:1.5;display:block}.home-stats #f-note{font-size:12px;margin-bottom:0}.home-v2 section[aria-labelledby=h-faq] h2{grid-row:1/8}
@media(max-width:760px){.brand-ui:not(.page-home):not(.page-radar):not(:has(.token-page))>.wrap{padding:0 20px}.brand-ui:not(.page-home):not(.page-radar):not(:has(.token-page)) h1{font-size:34px}.brand-ui.page-docs>.wrap{grid-template-columns:1fr;gap:0}.brand-ui.page-docs nav[aria-label=Sections]{position:static;display:flex;flex-wrap:wrap;gap:6px;padding:20px 0}.brand-ui.page-docs nav[aria-label=Sections] a{border:1px solid var(--line);border-radius:7px;padding:6px 10px}.brand-ui.page-watchlist>main,.brand-ui.page-methodology>main{padding:24px 20px 100px}.brand-ui.page-docs>.global-header,.brand-ui.page-watchlist>.global-header,.brand-ui.page-methodology>.global-header{padding-left:20px;padding-right:20px}.brand-ui.page-watchlist #address{min-width:0;width:100%}.brand-ui .account-pane{padding:20px}.home-stats .figure+.figure{border-left:0;padding-left:0}.home-stats .figure{border-bottom:1px solid var(--line);padding:16px 0}.brand-ui.page-news .cases>li{padding:22px}.brand-ui.page-tokens .tsearch{padding:18px}.brand-ui.page-utility{overflow-wrap:anywhere}}

@media(max-width:760px){.home-stats .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}}
/* Long protocol names and examples must not widen the document on phones. */
.brand-ui.page-methodology *,.brand-ui.page-docs *{box-sizing:border-box}.brand-ui.page-methodology main,.brand-ui.page-docs main{overflow-wrap:anywhere}.brand-ui.page-methodology pre{white-space:pre-wrap;overflow-wrap:anywhere}.brand-ui.page-docs main table{display:block;max-width:100%;overflow-x:auto}.brand-ui.page-docs .ep code{overflow-wrap:anywhere}.brand-ui.page-docs main>ul,.brand-ui.page-methodology main>ul{padding-left:24px}.brand-ui:not(.page-home) .btn.google-signin{background:#fff;border-color:#747775;color:#1f1f1f}.brand-ui .tabs button{border-radius:8px;min-height:40px;padding:9px 12px}.brand-ui .tabs button[aria-selected=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
/* One outer grid for every full portal page. Includes padding in the 1280px limit.
   !important deliberately supersedes legacy page and inline container sizes. */
.brand-ui:not(.page-utility){--page-width:1280px;--page-gutter:32px}
.brand-ui:not(.page-utility)>.wrap,
.brand-ui:not(.page-utility)>.global-header,
.brand-ui:not(.page-utility)>main{
 box-sizing:border-box!important;width:100%!important;max-width:var(--page-width)!important;
 margin-left:auto!important;margin-right:auto!important;
 padding-left:var(--page-gutter)!important;padding-right:var(--page-gutter)!important;
}
.brand-ui:not(.page-utility)>.wrap>.global-header,
.brand-ui:not(.page-utility)>.wrap>main{
 box-sizing:border-box!important;width:100%!important;max-width:none!important;
 margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;
}
@media(max-width:760px){.brand-ui:not(.page-utility){--page-gutter:20px}}
html:has(>body.brand-ui:not(.page-utility)){scrollbar-gutter:stable}
