:root {
  color-scheme: light;
  --background: #fcfcfd;
  --surface: #ffffff;
  --heading-row: #f0f0f3;
  --highlight: #f0f1fe;
  --button-text: #ffffff;
  --button-hover: #5151cd;
  --syntax-keyword: #8e4ec6;
  --syntax-string: #b32665;
  --syntax-function: #3451b2;
  --syntax-number: #ad3d28;
  --ink: #1c2024;
  --muted: #60646c;
  --line: #d9d9e0;
  --soft: #f5f5f7;
  --accent: #5753c6;
  --rose: #ca244d;
  --hero-background: #eeedf7;
  --section-background: #f0f1f5;
  --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}
[data-theme="dark"] {
  color-scheme: dark;
  --background: #111113;
  --surface: #18191b;
  --heading-row: #212225;
  --highlight: #27264a;
  --ink: #edeef0;
  --muted: #b0b4ba;
  --line: #363a3f;
  --soft: #1c1d20;
  --accent: #b1a9ff;
  --rose: #ff92ad;
  --hero-background: #1a1926;
  --section-background: #191a20;
  --button-text: #111113;
  --button-hover: #7773e6;
  --syntax-keyword: #d1afff;
  --syntax-string: #ffb7cd;
  --syntax-function: #9eb1ff;
  --syntax-number: #ffb4a4;
}
[data-theme="dark"] .button { background: var(--button-fill, #5b5bd6); }
[data-theme="dark"] .button:hover { background: var(--button-hover); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin: 0; background: var(--background); color: var(--ink); font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Avenir Next", "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 4px; }
button { font: inherit; }
strong { font-weight: 650; }
.wrap { max-width: 1240px; margin: 0 auto; padding-left: 40px; padding-right: 40px; }
.section { padding-top: 76px; padding-bottom: 76px; }
.eyebrow { font: 500 12px/1.6 var(--mono); letter-spacing: 1.2px; margin: 0 0 20px; color: var(--muted); }
.status-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); margin-right: 8px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 750; letter-spacing: -.7px; white-space: nowrap; }
.brand span { font: 14px var(--mono); color: var(--muted); letter-spacing: -.5px; }
header { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 84px; border-bottom: 1px solid var(--line); }
nav { display: flex; gap: 26px; align-items: center; font-size: 14px; }
.hero { display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 86px; padding-top: 74px; padding-bottom: 66px; }
h1 { font-size: clamp(56px, 6vw, 78px); letter-spacing: -4px; line-height: 1.05; font-weight: 650; margin: 0 0 25px; }
.version { display: inline-block; position: relative; top: -8px; padding: 4px 7px; margin-left: 13px; vertical-align: middle; border: 1px solid var(--line); color: var(--muted); font: 13px/1.4 var(--mono); letter-spacing: 0; }
.intro { font-size: 31px; font-weight: 450; line-height: 1.25; letter-spacing: -.8px; margin: 0 0 22px; }
.hero-description { font-size: 17px; color: var(--muted); max-width: 560px; margin: 0; }
.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; margin: 28px 0 23px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 28px; padding: 12px 20px; background: var(--ink); color: var(--button-text); border-radius: 6px; font-size: 14px; font-weight: 600; line-height: 1.5; }
.button:hover { background: var(--button-hover); text-decoration: none; }
.button span { font-size: 19px; }
.text-link { font-size: 14px; font-weight: 600; color: var(--accent); }
.availability { font: 12px/1.8 var(--mono); color: var(--muted); margin: 0; }
.availability span { margin-left: 12px; padding-left: 12px; border-left: 1px solid var(--line); }
.speed-panel { border: 1px solid var(--line); border-top: 3px solid var(--ink); padding: 24px 26px 0; background: var(--surface); }
.panel-heading { display: flex; gap: 12px; justify-content: space-between; align-items: center; }
.panel-heading .eyebrow { margin: 0; font-size: 12px; letter-spacing: .6px; }
.chip { font: 12px/1.5 var(--mono); padding: 3px 7px; color: var(--muted); border: 1px solid var(--line); border-radius: 2px; white-space: nowrap; }
.speed-value { font: 500 clamp(64px, 6.8vw, 86px)/1.25 var(--mono); font-variant-numeric: tabular-nums; letter-spacing: -6px; margin-top: 22px; color: var(--accent); white-space: nowrap; }
.speed-value > span { font-size: 29px; font-weight: 400; letter-spacing: -1px; margin-left: 8px; }
.speed-panel h2 { font-size: 22px; font-weight: 600; letter-spacing: -.5px; margin: 8px 0; }
.speed-panel > p { font-size: 15px; line-height: 1.6; color: var(--muted); margin: 0 0 20px; }
.speed-panel > p br { display: none; }
.payload-results { margin: 0 0 21px; font-size: 14px; }
.payload-results > div { display: flex; justify-content: space-between; gap: 15px; padding: 10px 0; border-top: 1px solid var(--line); }
.payload-results dt { color: var(--muted); }
.payload-results dd { margin: 0; font: 14px/1.65 var(--mono); }
.measurement-label { display: grid; font-size: 12px; line-height: 1.8; color: var(--muted); }
.measurement-label strong { font-size: 13px; color: var(--ink); font-weight: 500; }
.panel-link { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); margin: 21px -26px 0; padding: 13px 26px; font-size: 13px; color: var(--accent); }
.proof-strip { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 35px; padding-top: 23px; padding-bottom: 23px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.proof-strip > div { display: flex; align-items: center; gap: 18px; }
.proof-strip strong { font: 500 37px/1.1 var(--mono); letter-spacing: -2px; white-space: nowrap; }
.proof-strip strong span { font-size: 24px; letter-spacing: -1px; }
.proof-strip p { margin: 0; font-size: 14px; font-weight: 550; line-height: 1.5; }
.proof-strip small { font-size: 12px; font-weight: 400; color: var(--muted); display: block; margin-top: 5px; }
.section-heading { display: grid; grid-template-columns: 1.2fr 1fr; gap: 65px; align-items: end; margin-bottom: 35px; }
h2 { font-size: clamp(29px, 3.2vw, 39px); font-weight: 580; letter-spacing: -1.3px; line-height: 1.2; margin: 0; }
.section-heading .eyebrow { margin-bottom: 16px; }
.section-heading > p { font-size: 16px; color: var(--muted); margin: 0; max-width: 500px; }
.benchmark-block { border: 1px solid var(--line); overflow: hidden; }
.benchmark-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; background: var(--soft); }
.benchmark-header h3 { font-size: 21px; font-weight: 600; letter-spacing: -.4px; margin: 0; }
.benchmark-header p { font-size: 13px; margin: 3px 0 0; color: var(--muted); }
.table-scroll { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; line-height: 1.6; }
th, td { padding: 13px 24px; border-top: 1px solid var(--line); }
th { font-size: 12px; font-weight: 500; color: var(--muted); white-space: nowrap; background: var(--heading-row); }
td:nth-last-child(-n+2) { white-space: nowrap; font: 13px/1.6 var(--mono); font-variant-numeric: tabular-nums; }
td:nth-last-child(2) { font-weight: 650; }
tr.highlight { background: var(--highlight); }
tr.highlight td:nth-last-child(2) { color: var(--accent); font-size: 16px; }
.table-note { font-size: 12px; color: var(--muted); padding: 14px 24px; margin: 0; border-top: 1px solid var(--line); }
.platform-benchmarks { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 24px; }
.platform-benchmarks th, .platform-benchmarks td { padding: 15px 18px; }
.platform-benchmarks td:first-child { font-size: 13px; }
.methodology { margin-top: 20px; border-bottom: 1px solid var(--line); font-size: 14px; color: var(--muted); }
.methodology summary { display: flex; justify-content: space-between; gap: 20px; cursor: pointer; font-weight: 550; color: var(--ink); list-style: none; padding: 16px 0; }
.methodology summary::-webkit-details-marker { display: none; }
.methodology summary > span { font-size: 23px; font-weight: 400; line-height: 1; }
.methodology[open] summary > span { transform: rotate(45deg); }
.methodology > div { padding-bottom: 20px; max-width: 970px; }
.methodology p { margin: 15px 0; }
.methodology a { text-decoration: underline; text-underline-offset: 3px; color: var(--accent); }
.architecture { border-top: 1px solid var(--line); }
.queue-diagram { display: grid; grid-template-columns: 1fr 45px 1.9fr 45px 1fr; gap: 12px; align-items: center; border: 1px solid var(--line); padding: 28px 22px; background: var(--soft); }
.process-group h3 { font-size: 15px; font-weight: 600; margin: 0 0 16px; }
.process { display: flex; align-items: center; gap: 8px; background: var(--surface); border: 1px solid var(--line); padding: 10px; font-size: 13px; margin-top: 8px; white-space: nowrap; }
.process small { margin-left: auto; font: 12px var(--mono); color: var(--muted); }
.process-dot { height: 5px; width: 5px; border-radius: 50%; background: var(--accent); flex-shrink: 0; }
.process-group > p { font-size: 12px; color: var(--muted); margin: 13px 0 0; }
.connector { text-align: center; color: var(--muted); }
.connector span { font: 12px var(--mono); }
.connector b { display: block; font-size: 32px; font-weight: 400; line-height: 1.1; }
.queue-core { text-align: center; padding: 26px 16px; background: var(--surface); border: 1px solid var(--muted); }
.queue-title { font: 12px var(--mono); letter-spacing: 1px; color: var(--muted); margin-bottom: 21px; }
.messages { display: flex; gap: 4px; border: 1px solid var(--line); padding: 6px; }
.messages span { flex: 1; min-width: 0; padding: 12px 3px; background: var(--soft); border: 1px solid var(--line); font: 13px var(--mono); color: var(--muted); }
.messages span:first-child { background: var(--accent); border-color: var(--accent); color: var(--button-text); }
.reuse { color: var(--muted); font-size: 12px; border-bottom: 1px solid var(--line); margin: 11px 0 16px; padding-bottom: 14px; }
.queue-core > strong { font-size: 17px; font-weight: 600; }
.queue-core > p { font-size: 13px; color: var(--muted); margin: 5px 0 0; }
.architecture-note { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; padding-top: 24px; }
.architecture-note strong { font-size: 16px; }
.architecture-note p { font-size: 16px; color: var(--muted); margin: 0; }
.efficiency { background: var(--soft); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 45px; border-top: 1px solid var(--line); padding-top: 30px; }
.feature-index { font: 12px var(--mono); color: var(--muted); }
.benefits h3 { font-size: 21px; font-weight: 600; line-height: 1.3; letter-spacing: -.4px; margin: 18px 0 14px; }
.benefits p { font-size: 16px; margin: 0; color: var(--muted); }
.benefits strong { color: var(--ink); }
.start { display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px; align-items: center; }
.start h2 { margin-bottom: 23px; }
.start p:not(.eyebrow) { font-size: 16px; color: var(--muted); }
.code-window { min-width: 0; background: var(--soft); color: var(--ink); overflow: hidden; border: 1px solid var(--line); border-radius: 3px; }
.tabs { display: flex; padding: 9px 10px 0; gap: 1px; border-bottom: 1px solid var(--line); overflow-x: auto; }
.tabs button { border: 0; border-bottom: 2px solid transparent; background: none; color: var(--muted); font-size: 14px; white-space: nowrap; padding: 10px 11px; cursor: pointer; }
.tabs [aria-selected=true] { color: var(--accent); border-bottom-color: var(--accent); }
pre { margin: 0; min-height: 295px; padding: 27px; overflow: auto; font: 13px/1.9 var(--mono); }
.code-footer { padding: 12px 17px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; border-top: 1px solid var(--line); font: 12px/1.5 var(--mono); color: var(--muted); }
.code-footer button { margin-left: auto; background: none; border: 1px solid var(--muted); color: var(--ink); font-size: 13px; cursor: pointer; padding: 6px 9px; border-radius: 2px; }
.open { border-top: 1px solid var(--line); }
.open-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; padding-top: 55px; padding-bottom: 65px; }
.open p:not(.eyebrow) { color: var(--muted); font-size: 16px; margin: 0 0 22px; }
.open .protocol-note { font-size: 14px!important; }
.open .button { margin-top: 2px; }
footer { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-top: 25px; padding-bottom: 25px; font-size: 13px; color: var(--muted); border-top: 1px solid var(--line); }
footer .brand { color: var(--ink); }
:focus-visible { outline: 3px solid #829fcd; outline-offset: 4px; }
.skip { position: fixed; top: 8px; left: 8px; z-index: 10; transform: translateY(-150%); padding: 10px 18px; background: var(--ink); color: var(--button-text); }
.skip:focus { transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width:1100px) {
  .hero { gap: 42px; }
  h1 { font-size: 65px; letter-spacing: -3.5px; }
  .speed-value { font-size: 73px; }
  .proof-strip { gap: 25px; }
  .proof-strip > div { display: block; }
  .proof-strip p { margin-top: 10px; }
  .queue-diagram { grid-template-columns: 1fr 32px 1.7fr 32px 1fr; padding: 24px 18px; gap: 8px; }
  .process { flex-wrap: wrap; gap: 6px; }
  .process small { width: 100%; padding-left: 11px; }
  .queue-core { padding: 24px 13px; }
  .section-heading, .start { gap: 35px; }
  .platform-benchmarks th, .platform-benchmarks td { padding: 14px; }
  .tabs button { padding: 10px 8px; }
}
@media (max-width:800px) {
  .wrap { padding-left: 28px; padding-right: 28px; }
  header { min-height: 76px; }
  .brand span { display: none; }
  nav { gap: 22px; }
  .hero { padding-top: 48px; padding-bottom: 46px; grid-template-columns: 1fr; gap: 35px; }
  .hero-description { max-width: 620px; }
  h1 { font-size: 72px; }
  .speed-panel { max-width: 620px; width: 100%; }
  .speed-value { font-size: 82px; }
  .proof-strip { gap: 18px; }
  .proof-strip strong { font-size: 34px; }
  .section { padding-top: 55px; padding-bottom: 55px; }
  .section-heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 30px; }
  .section-heading > p { max-width: 650px; }
  .queue-diagram { grid-template-columns: 1fr; }
  .process-group { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
  .process-group h3, .process-group > p { grid-column: 1/-1; margin: 0; }
  .process { display: flex; flex-wrap: nowrap; justify-content: center; margin: 0; }
  .process small { width: auto; padding: 0; margin-left: auto; }
  .connector { padding: 8px; }
  .connector b { transform: rotate(90deg); line-height: 1.2; }
  .connector span { display: none; }
  .queue-core { padding: 22px; max-width: 480px; width: 100%; justify-self: center; }
  .architecture-note { grid-template-columns: 1fr; gap: 10px; }
  .benefits { gap: 25px; }
  .benefits h3 br { display: none; }
  .start { grid-template-columns: 1fr; gap: 32px; }
  .platform-benchmarks { grid-template-columns: 1fr; }
  .open-inner { gap: 35px; }
  footer { flex-wrap: wrap; }
}
@media (max-width:520px) {
  .wrap { padding-left: 20px; padding-right: 20px; }
  header { gap: 14px; }
  nav { gap: 16px; font-size: 13px; }
  nav a:nth-child(2), nav a:nth-child(3) { display: none; }
  .brand { font-size: 21px; }
  h1 { font-size: 49px; letter-spacing: -2.8px; }
  .version { font-size: 12px; top: -4px; margin-left: 8px; padding: 3px 5px; }
  .intro { font-size: 27px; }
  .actions { gap: 19px; }
  .availability span { display: block; margin: 6px 0 0; padding: 0; border: 0; }
  .speed-panel { padding: 21px 20px 0; }
  .speed-value { font-size: 74px; letter-spacing: -5px; }
  .panel-heading .eyebrow { font-size: 12px; letter-spacing: 0; }
  .speed-panel .chip { display: none; }
  .panel-link { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
  .proof-strip { grid-template-columns: 1fr; padding-top: 0; padding-bottom: 0; gap: 0; }
  .proof-strip > div { display: grid; grid-template-columns: 103px 1fr; align-items: center; gap: 14px; padding: 20px 0; }
  .proof-strip > div + div { border-top: 1px solid var(--line); }
  .proof-strip p { margin: 0; }
  .proof-strip strong { font-size: 34px; }
  h2 { font-size: 31px; letter-spacing: -1px; }
  .process-group { gap: 7px; }
  .process { font-size: 12px; flex-wrap: wrap; }
  .process small { display: block; width: 100%; margin: 0; text-align: center; }
  .queue-diagram { padding: 20px 14px; }
  .messages span { font-size: 12px; }
  .benefits { grid-template-columns: 1fr; gap: 28px; }
  .benefits article + article { padding-top: 25px; border-top: 1px solid var(--line); }
  .benefits h3 { font-size: 22px; margin: 12px 0; }
  .benchmark-header { padding: 18px; flex-wrap: wrap; gap: 10px; }
  .benchmark-header .chip { font-size: 12px; }
  th,td { padding: 12px 16px; }
  .mac-bench table { min-width: 630px; }
  .table-note { padding: 14px 18px; }
  .platform-benchmarks table { min-width: 390px; }
  .methodology summary { font-size: 14px; }
  .open-inner { grid-template-columns: 1fr; padding-top: 45px; padding-bottom: 45px; gap: 22px; }
  pre { font-size: 12px; padding: 22px 16px; }
  .tabs button { font-size: 13px; padding: 10px; }
  .code-footer > span:first-child { display: none; }
  .code-footer button { margin-left: 0; }
  footer { font-size: 12px; gap: 16px; }
  footer > span { display: none; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }

.theme-control select { appearance: auto; font: 13px var(--mono); color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 3px; padding: 7px 5px; cursor: pointer; }
.hljs-keyword, .hljs-selector-tag, .hljs-literal { color: var(--syntax-keyword); }
.hljs-string, .hljs-regexp { color: var(--syntax-string); }
.hljs-title, .hljs-built_in, .hljs-type { color: var(--syntax-function); }
.hljs-number, .hljs-symbol, .hljs-meta { color: var(--syntax-number); }
.hljs-comment { color: var(--muted); font-style: italic; }
@media (max-width:520px) {
  nav { gap: 10px; }
  nav a:first-child { display: none; }
  h1 { font-size: clamp(42px, 10vw, 49px); }
}

/* Slate surfaces and restrained iris accents, based on Radix Colors. */
header { border-bottom: 1px solid var(--line); }
.hero { padding-top: 88px; padding-bottom: 80px; gap: 64px; background: var(--hero-background); box-shadow: 0 0 0 100vmax var(--hero-background); clip-path: inset(0 -100vmax); }
.hero h1 { font-weight: 700; letter-spacing: -.055em; }
.hero .eyebrow { color: var(--accent); }
.hero-languages { color: var(--muted); font-size: 15px; margin: 18px 0; }
.version { border-radius: 4px; background: var(--soft); }
.button { background: var(--accent); color: #fff; border-radius: 5px; }
.button:hover { background: var(--button-hover); }
.adoption { padding-top: 30px; padding-bottom: 30px; text-align: center; color: var(--muted); }
.adoption p { margin: 0; font-size: 17px; }
.adoption strong { color: var(--ink); }
.speed-panel { border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 8px 32px #00000006; }
.speed-value { color: var(--ink); letter-spacing: -.065em; }
.speed-value > span { color: var(--muted); }
.speed-panel .panel-link { background: var(--soft); border-radius: 0 0 9px 9px; }
.proof-strip strong { color: var(--ink); }
.proof-strip > div { border-left: 2px solid var(--line); padding-left: 18px; }
.section-heading h2, .start h2, .open h2 { font-weight: 650; }
.benchmark-block { border-radius: 8px; background: var(--surface); }
.benchmark-header h3 { font-size: 21px; }
.methodology { padding: 0 18px; background: var(--soft); border: 1px solid var(--line); border-radius: 6px; }
.queue-diagram { border-radius: 8px; }
.process { border-radius: 4px; }
.process-group .process { border-left: 2px solid var(--accent); }
.process-group:last-child .process { border-left-color: var(--rose); }
.process-group:last-child .process-dot { background: var(--rose); }
.queue-core { border-color: var(--line); border-radius: 6px; }
.benefits .feature-index { color: var(--accent); }
.code-window { border-radius: 8px; background: var(--surface); }
.tabs, .code-footer { background: var(--soft); }
.tabs [aria-selected=true] { background: var(--surface); }
.efficiency, .open { background: var(--section-background); }
.open-inner { align-items: center; }
@media (max-width:800px) {
  .hero { padding-top: 52px; padding-bottom: 48px; gap: 36px; }
}

.brand img { display: block; width: 145px; height: 28px; object-fit: contain; }
.brand .brand-dark { display: none; }
[data-theme="dark"] .brand .brand-light { display: none; }
[data-theme="dark"] .brand .brand-dark { display: block; }

.installation { padding: 20px 24px; border-bottom: 1px solid var(--line); }
.installation p { margin: 6px 0 12px; color: var(--muted); font-size: 14px; }
.installation pre { margin: 0; min-height: 0; padding: 12px; font-size: 14px; overflow-x: auto; }

[data-palette="cobalt"] { --accent: #3557c7; --button-hover: #2947b0; --hero-background: #eaf0fc; --section-background: #f1f4fa; --highlight: #eaf0fc; }
[data-palette="cobalt"][data-theme="dark"] { --accent: #a6bcff; --button-fill: #3557c7; --button-hover: #2947b0; --hero-background: #161e30; --section-background: #191f2a; --highlight: #161e30; }
[data-palette="rose"] { --accent: #b82b5e; --button-hover: #a11f4e; --hero-background: #f9eaf0; --section-background: #faf2f5; --highlight: #f9eaf0; }
[data-palette="rose"][data-theme="dark"] { --accent: #ffabc5; --button-fill: #b82b5e; --button-hover: #a11f4e; --hero-background: #291820; --section-background: #231b20; --highlight: #291820; }
[data-palette="terracotta"] { --accent: #a6442a; --button-hover: #91381f; --hero-background: #f8ece4; --section-background: #f8f3ee; --highlight: #f8ece4; }
[data-palette="terracotta"][data-theme="dark"] { --accent: #f8b49e; --button-fill: #a6442a; --button-hover: #91381f; --hero-background: #291c17; --section-background: #241e1a; --highlight: #291c17; }
[data-palette="plum"] { --accent: #8542a0; --button-hover: #74368e; --hero-background: #f3eaf7; --section-background: #f7f2f9; --highlight: #f3eaf7; }
[data-palette="plum"][data-theme="dark"] { --accent: #dfaff2; --button-fill: #8542a0; --button-hover: #74368e; --hero-background: #25182c; --section-background: #211b26; --highlight: #25182c; }
[data-palette="teal"] { --accent: #14766d; --button-hover: #0c625b; --hero-background: #e7f2ef; --section-background: #f0f6f4; --highlight: #e7f2ef; }
[data-palette="teal"][data-theme="dark"] { --accent: #8ddbd0; --button-fill: #14766d; --button-hover: #0c625b; --hero-background: #142623; --section-background: #18221f; --highlight: #142623; }
[data-palette="olive"] { --accent: #626b2d; --button-hover: #515b21; --hero-background: #eff0e3; --section-background: #f5f5ef; --highlight: #eff0e3; }
[data-palette="olive"][data-theme="dark"] { --accent: #c8d29b; --button-fill: #626b2d; --button-hover: #515b21; --hero-background: #222418; --section-background: #202119; --highlight: #222418; }

.install-code { display: flex; align-items: flex-start; gap: 8px; }
.install-code pre { flex: 1; min-width: 0; }
#copy-install { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; margin-top: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--muted); cursor: pointer; }
#copy-install:hover { color: var(--accent); border-color: var(--accent); }
#install-copy-status { font-size: 12px; color: var(--muted); }

nav a[href="/docs/"] { display: inline; }