.header-tools{display:flex;align-items:center;gap:16px}
#language-select{width:auto;border-radius:7px;padding:7px 9px;font:600 12px/1 Inter,ui-sans-serif,system-ui;cursor:pointer}
.topbar #language-select{font-size:.75rem}
@media(max-width:600px){.header-tools{gap:9px}.header-note{display:none}.topbar #language-select{padding:6px}}
/* Carbon: charcoal surfaces, cobalt actions and clear blue selection. */
:root {
 --nc-bg:#0e1015;--nc-side:#090b10;--nc-surface:#161920;--nc-raised:#1c202a;--nc-inset:#101319;
 --nc-line:#2c303b;--nc-field-line:#454d60;--nc-text:#f4f6fc;--nc-muted:#a8aebe;
 --nc-blue:#355dff;--nc-highlight:#9fb4ff;--nc-selected:#202d55;
 --nc-green:#9fdfb9;--nc-red:#f4a6b3;--nc-amber:#e3ca8b;
 --line:var(--nc-line);--border:var(--nc-line);--muted:var(--nc-muted);--accent:var(--nc-highlight);
 color:var(--nc-text);background:var(--nc-bg);
}
::selection{color:#fff;background:var(--nc-blue)}
.button{border-radius:9px}
.button.primary{color:#fff;background:var(--nc-blue);border-color:var(--nc-blue);box-shadow:none}
.button.primary:not(:disabled):hover{background:#294ee5;border-color:#728fff;filter:none}
.button.secondary{color:var(--nc-text);background:var(--nc-raised);border-color:var(--nc-field-line)}
.button.secondary:hover{background:#2b2b30;border-color:#696970}
.button.quiet{color:#c9cad2}.button.quiet:hover{color:#fff;background:var(--nc-raised)}
.button:disabled{opacity:1;color:#93939e;background:#1b1b1e;border-color:var(--nc-line);box-shadow:none}
#language-select,.topbar #language-select{color:var(--nc-text);background:var(--nc-inset);border:1px solid var(--nc-field-line)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--nc-highlight);outline-offset:3px}
.beta-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:16px 0 22px;color:var(--nc-muted);font-size:14px;line-height:1.6}
.beta-label{display:inline-flex;align-items:center;flex-shrink:0;padding:3px 9px;border:1px solid #425889;border-radius:6px;background:var(--nc-selected);color:#c9d5ff;font-size:12px;font-weight:600;line-height:1.6}
.hero .beta-note{justify-content:center}