/* Shared colour tokens for every public page, including standalone guides. */
:root {
  color-scheme: light;
  --site-ink: #1d1d1f;
  --site-muted: #6e6e73;
  --site-accent: #0066cc;
  --site-hover: #0077ed;
  --site-line: #d2d2d7;
  --site-paper: #ffffff;
  --site-soft: #f5f5f7;
  --site-blue-soft: #edf5ff;
  --site-error: #b42318;
  --site-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
/* Older pages keep their layout and behaviour; this layer supplies the shared theme. */
body.legacy-theme {background:var(--site-paper);color:var(--site-ink);font-family:var(--site-font);overflow-wrap:break-word}
.legacy-theme * {font-family:inherit}
.legacy-theme code,.legacy-theme pre {font-family:Consolas,"SFMono-Regular",monospace}
.legacy-theme :is(h1,h2,h3,h4,.header-content,.description strong) {color:var(--site-ink)}
.legacy-theme :is(p,li,td,.subtitle,.last-updated,.tech-specs p,.description p) {color:var(--site-muted)}
.legacy-theme :is(a,footer a,.footer a) {color:var(--site-accent)}
.legacy-theme a:hover {color:var(--site-hover)}
.legacy-theme :focus-visible {outline:3px solid var(--site-accent);outline-offset:4px}
.legacy-theme :is(.navbar,.header,.protocol-header) {background:var(--site-soft);box-shadow:none;animation:none;color:var(--site-ink)}
.legacy-theme .navbar {position:sticky;top:0;padding:10px 0;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--site-line)}
.legacy-theme .navbar .container {gap:18px}
.legacy-theme .navbar nav {min-width:0}
.legacy-theme .navbar nav ul {flex-wrap:wrap;justify-content:flex-end;gap:6px 16px}
.legacy-theme .navbar nav a {display:inline-block;color:var(--site-ink);font-size:13px;padding:5px 0}
.legacy-theme .navbar nav a:hover {color:var(--site-accent)}
.legacy-theme :is(.logo img,img.logo) {filter:none;object-fit:contain}
.legacy-theme .logo img {width:84px;height:56px}
.legacy-theme :is(.button,.button.secondary,.nav-item) {background:var(--site-accent);color:white;border-radius:980px;box-shadow:none;text-shadow:none}
.legacy-theme :is(.button:hover,.button.secondary:hover,.nav-item:hover) {background:var(--site-hover);color:white;box-shadow:none;transform:none}
.legacy-theme .language-switch {position:static;display:flex;justify-content:flex-end;gap:6px;max-width:1260px;margin:14px auto;padding:0 20px}
.legacy-theme .language-switch button {background:var(--site-soft);color:var(--site-ink);border:1px solid var(--site-line);border-radius:980px;margin:0}
.legacy-theme .language-switch button:hover {background:var(--site-blue-soft)}
.legacy-theme .language-switch button.active {background:var(--site-accent);color:white;border-color:var(--site-accent)}
.legacy-reference :is(.header,.protocol-header) {padding:48px 0}
.legacy-theme :is(.protocol-section,.section,.description,.product-card) {background:var(--site-paper)}
.legacy-theme :is(.protocol-table,table) {background:var(--site-paper);box-shadow:none}
.legacy-theme :is(th,td) {border-color:var(--site-line)}
.legacy-theme .protocol-table th,.legacy-theme thead {background:var(--site-soft);color:var(--site-ink)}
.legacy-theme .protocol-table .highlight {background:var(--site-blue-soft);color:var(--site-ink)}
.legacy-theme :is(.note,.tip,.warning,.requirements,.tech-specs,.step,pre) {background:var(--site-soft);color:var(--site-ink);border-color:var(--site-line);border-radius:16px}
.legacy-theme :is(.note,.tip) {border-left-color:var(--site-accent)}
.legacy-theme .warning {border-left-color:var(--site-muted)}
.legacy-theme .step-number {background:var(--site-accent);color:white}
.legacy-theme code {background:var(--site-soft);color:var(--site-ink)}
.legacy-theme :is(footer,.footer) {background:var(--site-soft);color:var(--site-muted);border-color:var(--site-line)}
.legacy-theme :is(.screenshot,header,h2) {border-color:var(--site-line)}
/* Inline byte labels are also rendered by the language switch. Keep their text, vary neutral/blue shades. */
.legacy-reference span[style*="background-color"] {background-color:var(--site-soft)!important;color:var(--site-ink);border-radius:4px}
.legacy-reference span[style*="#cce5ff"],.legacy-reference span[style*="#ccffff"],.legacy-reference span[style*="#ffccff"] {background-color:var(--site-blue-soft)!important}
.legacy-reference span[style*="#ccffcc"],.legacy-reference span[style*="#d4edda"] {background-color:#e8e8ed!important}
.legacy-reference span[style*="#ffebcc"],.legacy-reference span[style*="#f5c6cb"] {background-color:#d2d2d7!important}
.legacy-map {--primary:var(--site-accent);--secondary:var(--site-accent);--accent:var(--site-line);--warning:var(--site-muted);--light-bg:var(--site-soft);--dark-text:var(--site-ink);--medium-text:var(--site-muted);--light-text:var(--site-muted)}
.legacy-map thead[style] {background-color:var(--site-soft)!important}
.legacy-map :is(th,td)[style] {border-bottom-color:var(--site-line)!important}
.legacy-policy {padding:20px;box-sizing:border-box}
.legacy-catalog .header {background:var(--site-soft)}
.legacy-catalog .nav-bar {background:var(--site-soft);flex-wrap:wrap}
.legacy-catalog .product-card {border:1px solid #ededf0;border-radius:24px;box-shadow:0 4px 20px rgba(0,0,0,.035);box-sizing:border-box}
.legacy-catalog .product-card:hover {transform:none;box-shadow:0 8px 28px rgba(0,0,0,.07)}
.legacy-catalog .tech-specs p span:first-child {color:var(--site-ink)}
@media(max-width:640px) {
 .legacy-theme .navbar .container {align-items:center;gap:14px}
 .legacy-theme .navbar nav ul {gap:3px 12px}
 .legacy-theme .navbar nav a {font-size:12px}
 .legacy-theme .logo img {width:65px;height:44px}
 .legacy-theme .language-switch {margin:12px auto}
 .legacy-reference :is(.header,.protocol-header) {padding:32px 0}
 .legacy-reference .protocol-table {display:block;max-width:100%;overflow-x:auto}
 .legacy-map {padding:24px}
 .legacy-map .step {padding:20px}
 .legacy-map .button {box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}
 .legacy-policy {margin:0;padding:24px;max-width:100%}
}