/* Shared product identity; each surface keeps its own light/dark palette. */
@font-face{font-family:TQ Mono;src:url('threeui-fonts/fragment-mono.woff2') format('woff2');font-display:swap}
:root{--tql-font:var(--tq-product-body);--tql-mono:var(--tq-product-mono);--tqr-font:var(--tq-product-body);--tqr-mono:var(--tq-product-mono);--tqr-up:var(--tq-product-up);--tqr-down:var(--tq-product-down)}
body{font-family:var(--tq-product-body)}
h1,h2,h3{font-family:var(--tq-product-heading)}
:is(a,button,input,select,summary):focus-visible{outline:2px solid var(--tq-product-blue)!important;outline-offset:4px}
.bdg{display:inline-flex;align-items:center;justify-content:center;color:var(--tq-product-blue)}
.bdg svg{width:24px;height:24px;fill:currentColor}
.tape-page{--blue:var(--tq-product-blue);--display:var(--tq-product-heading);--body:var(--tq-product-body);--mono:var(--tq-product-mono)}
.tape-page .primary,.tape-page .nav-start{border-radius:var(--tq-product-radius);min-height:var(--tq-product-control);color:#fff!important;background:var(--tq-product-blue);display:inline-flex;align-items:center}
.global-nav{height:56px;gap:24px}.global-nav .brand{gap:8px;white-space:nowrap}.global-nav nav{gap:24px;margin-left:0}
.rt-top,.stephd .row,.rv2 .reshead{min-height:56px}
.lang-slot{margin-left:auto;flex-shrink:0}
body #tq-lang .tq-lang-btn,body.tape-page #tq-lang .tq-lang-btn{min-height:44px!important;border-radius:12px!important}
.rt-top .lang-slot #tq-lang .tq-lang-btn{color:var(--tqr-text)!important;background:var(--tqr-panel)!important;border-color:var(--tqr-line)!important}
body.tape-page #tq-lang .tq-lang-mark{display:flex!important}
body.tape-page #tq-lang .tq-lang-label{font-size:12px!important}
@media(max-width:640px){.global-nav{gap:12px}.global-nav .nav-start{font-size:10px;padding:0 10px}.global-nav .brand{font-size:15px}.rt-top{flex-wrap:wrap}.rt-top .lang-slot{order:5}.stephd .row{flex-wrap:wrap}}

/* The adopted picker participates in the header instead of floating over it. */
.rt-top{padding-right:0!important}
body:has(.rt-terminal) .lang-slot #tq-lang,.lang-slot #tq-lang{position:static!important;top:auto!important;right:auto!important}
.rt-top .lang-slot{margin-left:auto}
@media(max-width:520px){.rt-top{padding-top:12px!important}.rt-top .rt-brand{position:static!important}.rt-top .lang-slot{order:0}}