/* DueByte public pages: one palette, small-card hover, stable large surfaces. */
:root{--db-card:#090c0f;--db-panel:transparent;--db-border:#4c5662;--db-card-hover:#000;--db-ink:#f3f4f5;--db-muted:#a5abb3;--db-signal:#f47b20}
:root[data-theme=light]{--db-card:#fff;--db-panel:#d5d9de;--db-border:#a3aab4;--db-card-hover:#15191e;--db-ink:#111317;--db-muted:#525862;--db-signal:#e60012}
/* A new document opens at its anchor immediately; only an in-page click scrolls. */
html:has(body.duebyte-public){scroll-behavior:auto}
.duebyte-public :is(.section,.anchor-target){scroll-margin-top:0}
.duebyte-public main.container{width:min(calc(100% - 48px),1120px);padding-top:78px;padding-bottom:20px}
.duebyte-public .page-intro{padding:10px 0 34px;max-width:880px}
.duebyte-public h1{font-size:clamp(36px,4.7vw,60px);font-weight:500;line-height:1.1;margin-bottom:26px}
.duebyte-public h2{font-size:clamp(28px,3vw,38px);font-weight:500;max-width:28ch}
.duebyte-public h3{font-size:24px;font-weight:500;line-height:1.25}
.duebyte-public .lead{font-size:19px;line-height:1.7;max-width:65ch}
.duebyte-public .section-intro{font-size:16px;line-height:1.8;max-width:70ch}
.duebyte-public .hero{gap:48px;padding:10px 0 46px;grid-template-columns:1.1fr 1fr;align-items:start}
.duebyte-public #about{scroll-margin-top:100px}
body:not(.account-entry)>.operator-main{padding-top:88px}
.operator-main>.eyebrow{font:600 10px/1.6 Consolas,monospace;letter-spacing:.12em;margin-bottom:24px}
.duebyte-public .section{padding:38px 0;margin:32px 0 48px;border:0;border-top:1px solid var(--db-border)}
html[data-theme=light] .duebyte-public .section{background:var(--db-panel);padding:clamp(20px,3.5vw,40px);border:1px solid var(--db-border);border-radius:4px}
.duebyte-public .cards{gap:20px;align-items:stretch;margin-top:32px}
.duebyte-public .two-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.duebyte-public .card{min-width:0;padding:28px;background:var(--db-card);border:1px solid var(--db-border);color:var(--db-ink);transition:border-color .18s}
.duebyte-public .card>.eyebrow{margin-bottom:28px}
.duebyte-public .card h3{margin-bottom:18px}
.duebyte-public .card p{line-height:1.75}
.duebyte-public .card>.text-link:last-child{margin-top:auto;padding-top:20px}
.duebyte-public .card .actions{margin:18px 0}
.duebyte-public .flow{border:1px solid var(--db-border)}
.duebyte-public .flow article{background:var(--db-card);padding:24px 28px;border-color:var(--db-border)}
.duebyte-public .flow h2{font-size:23px}
.duebyte-public .eyebrow,.duebyte-public .steps>li>span{color:var(--db-signal);font:600 10px/1.6 Consolas,monospace;letter-spacing:.12em}
html[data-theme=light] .duebyte-public .eyebrow{color:#ff4934}
.duebyte-public .steps{margin:28px 0 0}
.duebyte-public .steps>li{gap:24px;padding:26px 0;border-color:var(--db-border)}
.duebyte-public .steps>li>span{padding-top:4px;flex:none}
.duebyte-public .steps h3{margin-bottom:12px}
.duebyte-public .steps p{line-height:1.8}
.duebyte-public .section>p,.duebyte-public details>p{max-width:78ch;line-height:1.8}
.duebyte-public a:not(.button):not(.wander-home){text-underline-offset:4px}
.duebyte-public main p a,.duebyte-public .text-link{text-decoration:underline}
.duebyte-public .text-link{font-size:14px;font-weight:600;color:inherit}
.duebyte-public .actions{align-items:center;gap:18px}
.duebyte-public .note{background:var(--db-card);border:1px solid var(--db-border);border-left:2px solid var(--db-signal);padding:24px}
.duebyte-public .note p{font-size:15px;line-height:1.8}
.duebyte-public pre{overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 Consolas,monospace;padding:24px;border:1px solid var(--db-border);background:var(--db-card)}
.duebyte-public code{overflow-wrap:anywhere}
.duebyte-public details{margin:20px 0;border-color:var(--db-border)}
.duebyte-public summary{padding:22px 12px;font-size:18px;font-weight:500;color:var(--db-ink)}
.duebyte-public details>p,.duebyte-public details>.actions{margin:22px 12px}
.duebyte-public summary::marker,.duebyte-wallet summary::marker{color:var(--db-signal)}
.duebyte-public details[open]>summary,.duebyte-public summary:focus-visible{background:var(--db-card-hover);color:#fff}
.duebyte-public .connect-card{margin:0 auto;max-width:700px;background:var(--db-card);border-color:var(--db-border)}
.duebyte-public .connect-card h1{font-size:clamp(30px,3.7vw,44px)}
.duebyte-public .anchor-target{display:block;scroll-margin-top:0}
.duebyte-public .footer-inner{min-height:44px;font-size:11px;gap:20px;padding:12px 0;flex-wrap:wrap}
.duebyte-public footer{margin-top:80px;background:transparent}
.duebyte-public footer .container{width:min(calc(100% - 48px),1120px)}
@media(hover:hover){
 .duebyte-public .compact-card:hover{background:var(--db-card-hover);color:#f5f6f7;border-color:#6e7681}
 .duebyte-public .compact-card:hover p:not(.eyebrow){color:#b9c0c8}
 .duebyte-public summary:hover{background:var(--db-card-hover);color:#fff}
}
/* Action buttons are pure black in either theme, including selected states. */
:root .duebyte-public .button:is(:hover,:focus-visible,:active,[aria-pressed=true],[aria-selected=true]):not(:disabled),
:root .duebyte-wallet button:is(:hover,:focus-visible,:active,[aria-pressed=true],[aria-current=page]):not(:disabled){background:#000;color:#fff;box-shadow:none}
.duebyte-public .button.primary{background:#000;color:#fff}
.duebyte-public .button span,.duebyte-wallet .nav-icon,.duebyte-wallet [data-password-toggle] svg{color:var(--db-signal)}
.duebyte-public :is(.button,summary):focus-visible{outline:1px solid var(--db-signal);outline-offset:4px}
/* The shared header has the same geometry on every route. */
html[data-theme=light] .wander-header{--head-hover:#15191e}
:root:is([data-theme=graphite],[data-theme=dark]) .wander-header{--head-hover:#000}
.wander-header button:is(:hover,:focus-visible,:active,[aria-expanded=true]):not(:disabled){background:#000;color:#fff}
.wander-header .wander-nav a:is(:hover,:focus-visible,[aria-current=page])::after{background:var(--db-signal)}
/* Earlier browser wallet keeps its controls and network contract. */
.duebyte-wallet .panel{background:var(--db-card);border-color:var(--db-border)}
html[data-theme=light] .duebyte-wallet :is(.welcome,#workspace){background:var(--db-panel);border:1px solid var(--db-border);border-radius:4px;padding:28px}
.duebyte-wallet .welcome .intro{padding:12px}
.duebyte-wallet h1,.duebyte-wallet h2{font-weight:500}
.duebyte-wallet .eyebrow{color:var(--db-signal)}
.duebyte-wallet details[open]>summary{background:var(--db-card-hover);color:#fff;padding:16px}
.duebyte-wallet .legacy-note{padding:20px 24px;margin:0 0 28px;border:1px solid var(--db-border);border-left:2px solid var(--db-signal);background:var(--db-card);line-height:1.7}
.duebyte-wallet footer{margin-top:72px}
@media(max-width:900px){.duebyte-public .hero{grid-template-columns:1fr}.duebyte-public .flow{display:block}.duebyte-public .flow article+article{border-left:0;border-top:1px solid var(--db-border)}}
@media(max-width:760px){.duebyte-public main.container,.duebyte-public footer .container{width:calc(100% - 28px)}.duebyte-public main.container{padding-top:28px}.duebyte-public .cards,.duebyte-public .two-cards{grid-template-columns:1fr}.duebyte-public .card{padding:24px}.duebyte-public .section{margin:24px 0 36px}.duebyte-public .footer-inner>a:last-child{margin-left:0}.duebyte-public .footer-inner{align-items:flex-start}.duebyte-public .steps>li{gap:14px}.duebyte-public summary{font-size:17px}.duebyte-public footer{margin-top:56px}html[data-theme=light] .duebyte-wallet :is(.welcome,#workspace){padding:16px}}
@media(prefers-reduced-motion:reduce){.duebyte-public *{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.duebyte-public main.container{padding-top:38px}body:not(.account-entry)>.operator-main{padding-top:48px}}
/* Documentation uses the same cards and surfaces; tables retain row contrast. */
.duebyte-public .doc-edition{font-size:12px;margin:24px 0 0;color:var(--db-muted)}
.duebyte-public .doc-contents{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;padding:18px 0;border-top:1px solid var(--db-border);border-bottom:1px solid var(--db-border)}
.duebyte-public .doc-contents>span{font-size:12px;font-weight:600;margin-right:8px}
.duebyte-public .doc-contents a{white-space:normal;font-size:12px;padding:6px 8px;text-transform:capitalize}
.duebyte-public .doc-contents a:is(:hover,:focus-visible){background:var(--db-card-hover);color:#fff;box-shadow:none}
.duebyte-public .doc-related{display:flex;flex-wrap:wrap;gap:24px;padding:20px 0}
.duebyte-public .doc-table-wrap{max-width:100%;overflow-x:auto;margin:28px 0;border:1px solid var(--db-border);background:var(--db-card)}
.duebyte-public .doc-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.7}
.duebyte-public .doc-table :is(th,td){text-align:left;vertical-align:top;padding:18px 20px;border-bottom:1px solid var(--db-border);overflow-wrap:anywhere}
.duebyte-public .doc-table thead th{font-size:12px;color:var(--db-signal);font-weight:600}
.duebyte-public .doc-table tbody th{font-weight:500;color:var(--db-ink);min-width:130px}
.duebyte-public .doc-table td{color:var(--db-muted)}
.duebyte-public .doc-table tr:last-child>:is(td,th){border-bottom:0}
.duebyte-public .review-panel{background:#191629;border:1px solid #a597d8;border-left:3px solid #b9a2ff;padding:28px;margin:28px 0}
.duebyte-public .review-panel p{color:#d2cce2}
.duebyte-public .review-panel .review-label{color:#cfbfff;font:600 11px/1.7 Consolas,monospace;letter-spacing:.1em}
.duebyte-public .review-value{color:#cfbfff;font-weight:650}
html[data-theme=light] .duebyte-public .review-panel{background:#f0ecfa;border-color:#8974bc}
html[data-theme=light] .duebyte-public .review-panel p{color:#4f4664}
html[data-theme=light] .duebyte-public :is(.review-value,.review-panel .review-label){color:#6434a3}
.documentation-footer .footer-inner{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font:11px/1.8 Inter,system-ui,sans-serif}
.documentation-footer .footer-inner a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.operator-main .documentation-footer .container{width:100%;margin:0;padding:0}
.operator-main .documentation-footer{display:block}
@media(max-width:760px){
 .duebyte-public .review-panel{padding:16px}
 .duebyte-public .doc-table{font-size:14px}
 .duebyte-public .doc-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .duebyte-public .doc-table :is(tbody,tr,th,td){display:block;width:100%;min-width:0}
 .duebyte-public .doc-table tbody tr{padding:16px;border-bottom:1px solid var(--db-border)}
 .duebyte-public .doc-table tbody tr:last-child{border-bottom:0}
 .duebyte-public .doc-table tbody :is(th,td){border:0;padding:0}
 .duebyte-public .doc-table tbody th{font-size:16px;margin-bottom:14px}
 .duebyte-public .doc-table td+td{margin-top:14px}
 .duebyte-public .doc-table td::before{content:attr(data-label);display:block;font:600 10px/1.8 Consolas,monospace;letter-spacing:.06em;color:var(--db-signal);margin-bottom:5px}
}