@import url("/code-theme.css");

:root {
  color-scheme: light;
  --paper: #fbfbfa;
  --ink: #0b0c0d;
  --muted: #626466;
  --line: #d6d7d5;
  --soft: #f0f0ee;
  --selected: #eeeeff;
  --blue: #1111ff;
  --code: #f3f3f1;
  --max: 1500px;
  --sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: var(--code-font);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #111214;
  --ink: #f4f4f1;
  --muted: #a4a7aa;
  --line: #36383b;
  --soft: #191b1e;
  --selected: #20204c;
  --blue: #7474ff;
  --code: #17191b;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #111214;
    --ink: #f4f4f1;
    --muted: #a4a7aa;
    --line: #36383b;
    --soft: #191b1e;
    --selected: #20204c;
    --blue: #7474ff;
    --code: #17191b;
  }
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--paper); }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.58 var(--sans); }
a { color: var(--blue); text-underline-offset: 3px; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
code, pre { font-family: var(--mono); }
.docs-shell { width: min(100%, var(--max)); margin: 0 auto; border-inline: 1px solid var(--line); }
.docs-head { min-height: 66px; display: grid; grid-template-columns: 260px minmax(0, 1fr); border-bottom: 1px solid var(--ink); position: sticky; top: 0; z-index: 10; background: var(--paper); }
.brand, .head-tools { padding: 12px 22px; display: flex; align-items: center; }
.brand { border-right: 1px solid var(--line); gap: 10px; color: var(--ink); text-decoration: none; }
.brand:visited { color: var(--ink); }
.wordmark { font: 800 23px/1 var(--mono); letter-spacing: -2px; }
.wordmark i { color: var(--blue); font-style: normal; }
.brand small { color: var(--muted); font: 11px/1.2 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.head-tools { justify-content: space-between; gap: 20px; font: 12px/1.2 var(--mono); }
.head-links { display: flex; gap: 18px; align-items: center; }
.head-links a { color: var(--ink); font-weight: 700; text-decoration: none; }
.nav-menu { position: relative; }
.nav-menu summary { list-style: none; color: var(--ink); font-weight: 700; cursor: pointer; }
.nav-menu summary::-webkit-details-marker { display: none; }
.nav-menu summary::after { content: "↓"; margin-left: 6px; color: var(--blue); }
.nav-menu[open] summary::after { content: "↑"; }
.nav-popover { position: absolute; top: calc(100% + 14px); left: -18px; z-index: 20; width: 220px; padding: 8px; border: 1px solid var(--ink); background: var(--paper); box-shadow: 8px 8px 0 var(--selected); }
.nav-popover a { display: block; padding: 10px 12px; font-weight: 500; }
.nav-popover a:hover, .nav-popover a:focus-visible { color: var(--blue); background: var(--selected); }
.nav-popover a.is-active { color: var(--blue); background: var(--selected); }
.head-settings { display: flex; align-items: stretch; gap: 8px; }
.language-preference { min-width: 150px; padding: 7px 10px; border: 1px solid var(--line); background: var(--paper); color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.language-preference span { display: block; margin-bottom: 3px; color: var(--muted); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.language-preference strong { display: block; color: var(--blue); font-size: 11px; }
.theme-toggle { padding: 8px 10px; border: 1px solid var(--line); color: var(--ink); background: var(--paper); font: inherit; cursor: pointer; }
.docs-grid { display: grid; grid-template-columns: 260px minmax(0, 1fr); }
.side { border-right: 1px solid var(--line); padding: 24px 18px 60px; position: sticky; top: 66px; height: calc(100vh - 66px); overflow: auto; }
.side p { margin: 0 0 10px; color: var(--muted); font: 10px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.side a { display: block; padding: 8px 10px; color: var(--ink); text-decoration: none; font-size: 14px; }
.side a:hover, .side a.is-active { background: var(--selected); color: var(--blue); }
.side-group + .side-group { margin-top: 22px; }
.side-reference summary { padding: 8px 10px; color: var(--ink); font-size: 14px; cursor: pointer; list-style-position: inside; }
.side-reference summary::marker { color: var(--blue); }
.side-reference-links { margin: 2px 0 6px 10px; padding-left: 8px; border-left: 1px solid var(--line); }
.side-reference-links a { padding-block: 6px; font: 11px/1.35 var(--mono); }
.article { min-width: 0; }
.docs-hero { display: grid; grid-template-columns: minmax(0, 7fr) minmax(260px, 3fr); border-bottom: 1px solid var(--ink); }
.hero-main, .hero-aside { padding: clamp(34px, 6vw, 86px) clamp(24px, 5vw, 76px); }
.hero-main { border-right: 1px solid var(--line); }
.eyebrow { margin: 0 0 26px; font: 11px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
h1 { max-width: 13ch; margin: 0 0 26px; font-size: clamp(50px, 7vw, 104px); line-height: .88; letter-spacing: -.065em; }
h1 span { color: var(--blue); font-family: Georgia, serif; font-style: italic; font-weight: 400; }
.lede { max-width: 59ch; margin: 0; font-size: clamp(18px, 2vw, 24px); line-height: 1.38; }
.hero-aside { display: flex; flex-direction: column; justify-content: space-between; gap: 42px; }
.hero-aside b { font: 12px/1.3 var(--mono); color: var(--blue); }
.hero-aside p { margin: 8px 0 0; color: var(--muted); }
.start-link { display: inline-flex; padding: 14px 16px; border: 1px solid var(--blue); color: var(--blue); font-weight: 700; text-decoration: none; }
.doc-section { scroll-margin-top: 66px; border-bottom: 1px solid var(--ink); }
.section-title { display: grid; grid-template-columns: 180px minmax(0, 1fr); border-bottom: 1px solid var(--line); }
.section-kicker, .section-heading { padding: 25px clamp(22px, 4vw, 52px); }
.section-kicker { border-right: 1px solid var(--line); color: var(--muted); font: 11px/1.35 var(--mono); text-transform: uppercase; }
.section-heading h2 { max-width: 18ch; margin: 0; font-size: clamp(34px, 5vw, 64px); line-height: .98; letter-spacing: -.045em; }
.section-heading p { max-width: 68ch; margin: 16px 0 0; color: var(--muted); font-size: 18px; }
.content { padding: clamp(28px, 5vw, 68px) clamp(22px, 5vw, 72px); }
.content > :first-child { margin-top: 0; }
.content > :last-child { margin-bottom: 0; }
.content h3 { margin: 38px 0 12px; font-size: 26px; letter-spacing: -.025em; }
.content p, .content li { max-width: 76ch; }
.execution-map { display: flex; align-items: stretch; border: 1px solid var(--line); overflow-x: auto; font: 11px/1.35 var(--mono); }
.execution-map > * { min-height: 78px; display: grid; place-items: center; flex: 1 0 118px; padding: 14px; border-right: 1px solid var(--line); text-align: center; }
.execution-map > *:last-child { border-right: 0; }
.execution-map i { flex: 0 0 42px; color: var(--blue); font-style: normal; }
.execution-map strong { color: var(--paper); background: var(--ink); }
.glossary { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 24px; border: 1px solid var(--line); }
.glossary article { min-height: 116px; padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.glossary article:nth-child(3n) { border-right: 0; }
.glossary article:nth-last-child(-n+3) { border-bottom: 0; }
.glossary b { display: block; margin-bottom: 18px; color: var(--blue); font: 12px/1.3 var(--mono); text-transform: uppercase; }
.glossary p { margin: 0; color: var(--muted); }
.steps { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); margin: 30px 0; }
.step { min-height: 175px; padding: 22px; border-right: 1px solid var(--line); }
.step:last-child { border-right: 0; }
.step small { color: var(--blue); font: 11px/1 var(--mono); }
.step h3 { margin: 36px 0 8px; font-size: 20px; }
.step p { margin: 0; color: var(--muted); }
.code-block { position: relative; margin: 22px 0; border: 1px solid var(--code-panel-border); background: var(--code-panel-bg); color: var(--code-panel-text); }
.language-block .code-block { margin-top: 0; }
.no-js-examples { margin-top: 24px; }
.no-js-examples > p { margin: 0 0 12px; color: var(--muted); font: 11px/1.4 var(--mono); text-transform: uppercase; }
.no-js-example-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--code-panel-border); }
.no-js-example { min-width: 0; border-right: 1px solid var(--code-panel-border); background: var(--code-panel-bg); color: var(--code-panel-text); }
.no-js-example:last-child { border-right: 0; }
.no-js-example h3 { margin: 0; padding: 13px 16px; border-bottom: 1px solid var(--code-panel-border); background: var(--code-panel-chrome); color: var(--muted); font: 700 10px/1.2 var(--mono); text-transform: uppercase; }
.no-js-example pre { font-size: 11px; line-height: 1.55; }
.code-bar { min-height: 42px; padding-left: 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--code-panel-border); background: var(--code-panel-chrome); color: var(--muted); font: 10px/1 var(--mono); text-transform: uppercase; }
.copy { align-self: stretch; min-width: 78px; border: 0; border-left: 1px solid var(--line); background: var(--paper); color: var(--blue); font: 700 10px/1 var(--mono); text-transform: uppercase; cursor: pointer; }
.copy[data-copied="true"] { color: var(--paper); background: var(--blue); }
pre { margin: 0; padding: 22px 0; overflow: auto; color: inherit; font-size: 13px; line-height: 1.65; tab-size: 2; }
pre > code:not(.code-with-lines) { display: block; padding-inline: 22px; }
.code-block--command pre { overflow: hidden; }
.code-block--command pre > code { min-width: 0; white-space: normal; }
.command-line { position: relative; display: block; min-width: 0; padding-left: 1.35em; white-space: pre-wrap; overflow-wrap: anywhere; }
.command-line--prompt::before { content: "$"; position: absolute; left: 0; color: var(--syntax-comment); user-select: none; }
.command-line + .command-line { margin-top: .3em; }
.primitive-grid { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--line); }
.primitive { min-height: 210px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.primitive:nth-child(2n) { border-right: 0; }
.primitive:nth-last-child(-n+2) { border-bottom: 0; }
.primitive code { color: var(--blue); font-weight: 700; }
.primitive h3 { margin: 34px 0 8px; }
.primitive p { margin: 0; color: var(--muted); }
.primitive span { display: block; margin-top: 24px; color: var(--blue); font: 700 11px/1.2 var(--mono); }
.primitive:hover, .primitive:focus-visible { background: var(--selected); }
.guide-hero { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, .75fr); border-bottom: 1px solid var(--ink); }
.guide-main { padding: clamp(42px, 7vw, 92px) clamp(24px, 6vw, 80px); border-right: 1px solid var(--line); }
.guide-main h1 { max-width: 14ch; font-family: var(--mono); font-size: clamp(46px, 7vw, 92px); letter-spacing: -.07em; }
.guide-main .lede { max-width: 52ch; }
.guide-meta { display: grid; align-content: space-between; gap: 42px; padding: clamp(30px, 5vw, 62px) clamp(22px, 4vw, 44px); }
.guide-meta dl { margin: 0; }
.guide-meta div + div { margin-top: 24px; }
.guide-meta dt { color: var(--muted); font: 10px/1.3 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.guide-meta dd { margin: 5px 0 0; font-weight: 700; }
.guide-meta a { font: 700 12px/1.3 var(--mono); }
.guide-section { border-bottom: 1px solid var(--ink); scroll-margin-top: 66px; }
.guide-section > header { display: grid; grid-template-columns: 180px minmax(0, 1fr); border-bottom: 1px solid var(--line); }
.guide-section > header > * { padding: 24px clamp(22px, 4vw, 52px); }
.guide-section > header small { border-right: 1px solid var(--line); color: var(--blue); font: 11px/1.35 var(--mono); text-transform: uppercase; }
.guide-section h2 { margin: 0; font-size: clamp(30px, 4vw, 48px); line-height: 1; letter-spacing: -.04em; }
.argument-list, .result-grid, .guide-index { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--line); }
.argument-list > *, .result-grid > *, .guide-index > * { min-height: 125px; padding: 20px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.argument-list > *:nth-child(2n), .result-grid > *:nth-child(2n), .guide-index > *:nth-child(2n) { border-right: 0; }
.argument-list > *:nth-last-child(-n+2), .result-grid > *:nth-last-child(-n+2), .guide-index > *:nth-last-child(-n+2) { border-bottom: 0; }
.argument-list dt, .result-grid strong { color: var(--blue); font: 700 12px/1.3 var(--mono); }
.argument-list dd { margin: 18px 0 0; color: var(--muted); }
.result-grid p { margin: 18px 0 0; color: var(--muted); }
.guide-index { margin-top: 26px; }
.guide-index a { display: block; color: var(--ink); text-decoration: none; }
.guide-index a:hover, .guide-index a:focus-visible { background: var(--selected); }
.guide-index code { color: var(--blue); }
.guide-index h3 { margin: 30px 0 8px; }
.guide-index p { margin: 0; color: var(--muted); }
.guide-pager { display: grid; grid-template-columns: 1fr 1fr; }
.guide-pager a { min-height: 96px; padding: 24px; color: var(--ink); text-decoration: none; border-right: 1px solid var(--line); }
.guide-pager a:last-child { border-right: 0; text-align: right; }
.guide-pager a:hover, .guide-pager a:focus-visible { color: var(--blue); background: var(--selected); }
.guide-pager small { display: block; margin-bottom: 8px; color: var(--muted); font: 10px/1.2 var(--mono); text-transform: uppercase; }
.host-demo { border: 1px solid var(--line); background: var(--soft); }
.host-demo-bar { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 18px; border-bottom: 1px solid var(--line); background: var(--ink); color: var(--paper); }
.host-demo-bar strong { font-size: 14px; }
.host-demo-bar span { color: color-mix(in srgb, var(--paper) 68%, transparent); font: 10px/1.2 var(--mono); text-transform: uppercase; }
.host-transcript { min-height: 360px; padding: 24px; background: var(--paper); }
.host-prompt { margin: 0; padding: 14px 16px; border-bottom: 1px solid var(--line); background: var(--code); font: 14px/1.5 var(--mono); }
.host-message { display: flex; gap: 12px; margin: 24px 0; align-items: flex-start; }
.host-message i { width: 9px; height: 9px; flex: none; margin-top: 8px; border-radius: 50%; background: #46a35f; }
.host-message p { margin: 0; }
.host-message small { display: block; margin-top: 4px; color: var(--muted); font: 10px/1.4 var(--mono); }
.host-operation { margin: 18px 0; border: 1px solid var(--line); background: var(--soft); }
.host-operation > header { display: flex; justify-content: space-between; gap: 20px; padding: 12px 14px; border-bottom: 1px solid var(--line); }
.host-operation > header strong { font: 700 12px/1.3 var(--mono); }
.host-operation > header span { color: var(--blue); font: 10px/1.3 var(--mono); text-transform: uppercase; }
.host-operation-title { display: flex; justify-content: space-between; gap: 20px; padding: 12px 14px; border-bottom: 1px solid var(--line); }
.host-operation-title strong { font: 700 12px/1.3 var(--mono); }
.host-operation-title span { color: var(--blue); font: 10px/1.3 var(--mono); text-transform: uppercase; }
.host-operation-body { padding: 16px; }
.host-operation-body p { margin: 0; }
.host-operation-body p + p { margin-top: 8px; }
.host-choice { width: 100%; display: flex; align-items: center; gap: 12px; padding: 9px 0; border: 0; background: transparent; color: var(--ink); text-align: left; font: inherit; }
.host-choice kbd { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line); background: var(--paper); font: 700 12px/1 var(--mono); }
.host-choice.is-selected { color: var(--blue); font-weight: 700; }
.host-choice.is-selected kbd { color: var(--paper); background: var(--blue); border-color: var(--blue); }
.host-choice > span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line); background: var(--paper); font: 700 12px/1 var(--mono); }
.host-choice.is-selected > span { color: var(--paper); background: var(--blue); border-color: var(--blue); }
.host-reply { margin-top: 18px; padding: 15px 16px; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); background: var(--paper); }
.host-model { display: flex; gap: 18px; padding: 14px 0 0; color: var(--muted); font: 11px/1.3 var(--mono); }
.host-model span { display: inline-flex; align-items: center; gap: 6px; }
.host-model b { font-weight: 400; line-height: 1; transform: translateY(-1px); }
.host-response { margin-top: 24px; border-left: 3px solid var(--blue); background: var(--code); }
.host-response small { display: block; padding: 12px 16px 0; color: var(--blue); font: 700 10px/1.3 var(--mono); text-transform: uppercase; }
.host-response pre { padding-top: 10px; font-size: 12px; }
.host-response > span { display: block; padding: 12px 16px 0; color: var(--blue); font: 700 10px/1.3 var(--mono); text-transform: uppercase; }
.host-response > code { display: block; padding: 10px 16px 14px; overflow-wrap: anywhere; }
.host-terminal-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); }
.host-terminal-grid button { min-height: 80px; border: 0; border-right: 1px solid var(--line); background: var(--paper); color: var(--muted); font: 700 12px/1.3 var(--mono); }
.host-terminal-grid button:last-child { border-right: 0; }
.host-terminal-grid button.is-selected { color: var(--paper); background: var(--blue); }
.host-terminal-grid > div { min-height: 86px; display: flex; flex-direction: column; justify-content: center; gap: 7px; padding: 14px; border-right: 1px solid var(--line); color: var(--muted); background: var(--paper); }
.host-terminal-grid > div:last-child { border-right: 0; }
.host-terminal-grid > div span { font: 700 11px/1.2 var(--mono); text-transform: uppercase; }
.host-terminal-grid > div strong { font-size: 13px; }
.host-terminal-grid > div.is-selected { color: var(--paper); background: var(--blue); }
.demo-note { margin: 14px 0 0; color: var(--muted); font-size: 13px; }
.tabs { display: flex; border: 1px solid var(--line); border-bottom: 0; }
.tab { min-height: 46px; flex: 1; border: 0; border-right: 1px solid var(--line); background: var(--paper); color: var(--blue); font: 13px/1 var(--mono); cursor: pointer; }
.tab:last-child { border-right: 0; }
.tab[aria-selected="true"] { color: var(--paper); background: var(--ink); }
.compact-tabs { margin-top: 18px; }
.tutorial-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); }
.tutorial { display: grid; grid-template-columns: 70px minmax(180px, 1fr) minmax(0, 2fr); border-bottom: 1px solid var(--line); }
.tutorial:last-child { border-bottom: 0; }
.tutorial > * { padding: 20px; border-right: 1px solid var(--line); }
.tutorial > *:last-child { border-right: 0; }
.tutorial span { color: var(--blue); font: 12px/1.4 var(--mono); }
.tutorial p { margin: 0; color: var(--muted); }
.example-list { border: 1px solid var(--line); }
.example-row { display: grid; grid-template-columns: 58px minmax(190px, 1fr) minmax(280px, 2fr) 150px; min-height: 92px; border-bottom: 1px solid var(--line); }
.example-row:last-child { border-bottom: 0; }
.example-row > * { display: flex; align-items: center; min-width: 0; margin: 0; padding: 17px 18px; border-right: 1px solid var(--line); }
.example-row > *:last-child { border-right: 0; }
.example-index { color: var(--blue); font: 11px/1 var(--mono); }
.example-title { font-size: 17px; line-height: 1.2; }
.example-summary { color: var(--muted); font-size: 14px; }
.example-source { justify-content: space-between; color: var(--blue); font: 700 11px/1.25 var(--mono); text-decoration: none; }
.example-source:hover { background: var(--selected); }
.example-source::after { content: "↗"; }
.example-foot { display: flex; justify-content: space-between; gap: 24px; margin: 16px 0 0; color: var(--muted); font: 11px/1.4 var(--mono); }
.split { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }
.split > div { min-width: 0; padding: 24px; }
.split > div:first-child { border-right: 1px solid var(--line); }
.split h3 { margin-top: 0; }
.split ul { padding-left: 20px; }
.callout { margin-top: 24px; padding: 22px; border-left: 4px solid var(--blue); background: var(--selected); }
.callout strong { display: block; margin-bottom: 6px; }
.use-case-title { margin: 26px 0 10px; color: var(--muted); font: 700 10px/1.3 var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.use-case-list { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; border: 1px solid var(--line); list-style: none; }
.use-case-list li { min-height: 86px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 6px; padding: 14px 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.use-case-list strong { font-size: 14px; }
.use-case-list span { color: var(--muted); font-size: 12px; line-height: 1.35; }
.use-case-list li:nth-child(3n) { border-right: 0; }
.use-case-list li:nth-last-child(-n+3) { border-bottom: 0; }
.lifetime-grid { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--line); }
.lifetime-grid article { min-height: 250px; padding: clamp(22px, 4vw, 38px); }
.lifetime-grid article:first-child { border-right: 1px solid var(--line); }
.lifetime-grid h3 { max-width: 18ch; margin: 34px 0 18px; font-size: clamp(24px, 3vw, 34px); line-height: 1.05; letter-spacing: -.035em; }
.lifetime-grid ul { margin: 0; padding-left: 20px; color: var(--muted); }
.lifetime-grid li + li { margin-top: 9px; }
.session-handoff { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .8fr) minmax(0, 1fr); border: 1px solid var(--line); }
.agent-session { min-height: 390px; display: flex; flex-direction: column; padding: 24px; }
.session-label { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.session-label span { color: var(--blue); font: 700 11px/1.2 var(--mono); text-transform: uppercase; }
.session-label strong { font-size: 13px; }
.session-command { margin: 24px 0; padding: 12px 14px; background: var(--code); font: 13px/1.4 var(--mono); }
.agent-session ol, .run-bridge ol { list-style: none; margin: 0; padding: 0; }
.agent-session li { position: relative; padding: 10px 0 10px 24px; color: var(--muted); border-bottom: 1px solid var(--line); }
.agent-session li::before { position: absolute; left: 2px; content: "○"; color: var(--muted); }
.agent-session li.is-done::before { content: "✓"; color: var(--blue); }
.agent-session li.is-waiting { color: var(--ink); font-weight: 700; }
.agent-session li.is-waiting::before { content: "●"; color: var(--blue); }
.session-end { margin: auto 0 0; padding-top: 24px; color: var(--muted); font: 700 11px/1.3 var(--mono); text-transform: uppercase; }
.session-end.is-live { color: var(--blue); }
.run-bridge { min-height: 390px; padding: 24px; border-inline: 1px solid var(--ink); background: var(--ink); color: var(--paper); }
.run-bridge > p { margin: 0 0 7px; color: color-mix(in srgb, var(--paper) 65%, transparent); font: 10px/1.3 var(--mono); text-transform: uppercase; }
.run-bridge > strong { display: block; margin-bottom: 34px; color: var(--paper); font: 700 18px/1.3 var(--mono); }
.run-bridge li { display: grid; grid-template-columns: 28px 1fr; gap: 8px; padding: 11px 0; border-bottom: 1px solid color-mix(in srgb, var(--paper) 20%, transparent); font: 11px/1.4 var(--mono); }
.run-bridge li span { color: #7f82ff; }
.run-bridge small { display: block; margin-top: 34px; color: color-mix(in srgb, var(--paper) 58%, transparent); font: 9px/1.4 var(--mono); overflow-wrap: anywhere; }
.resume-steps { list-style: none; margin: 0; padding: 0; border: 1px solid var(--line); }
.resume-steps li { display: grid; grid-template-columns: 74px 1fr; border-bottom: 1px solid var(--line); }
.resume-steps li:last-child { border-bottom: 0; }
.resume-steps li > span { padding: 24px; color: var(--blue); border-right: 1px solid var(--line); font: 700 11px/1.3 var(--mono); }
.resume-steps li > div { padding: 22px 26px; }
.resume-steps strong { font-size: 18px; }
.resume-steps p { margin: 8px 0 0; color: var(--muted); }
.anatomy-files { display: grid; grid-template-columns: minmax(0, 1fr) 130px minmax(0, 1fr); border: 1px solid var(--line); }
.anatomy-files article { min-height: 430px; padding: clamp(22px, 4vw, 38px); }
.anatomy-files article > strong { display: block; margin: 34px 0 22px; font: 700 clamp(18px, 2.4vw, 26px)/1.2 var(--mono); }
.anatomy-files ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.anatomy-files li { display: grid; gap: 5px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.anatomy-files li span { color: var(--muted); font-size: 12px; }
.anatomy-files article > small { display: block; margin-top: 24px; color: var(--blue); font: 700 10px/1.3 var(--mono); text-transform: uppercase; }
.adapter-arrow { display: grid; place-content: center; gap: 10px; border-inline: 1px solid var(--ink); background: var(--ink); color: var(--paper); text-align: center; }
.adapter-arrow span { font: 10px/1.35 var(--mono); text-transform: uppercase; }
.adapter-arrow b { color: #7f82ff; font-size: 42px; line-height: 1; }
.anatomy-map { margin-top: 24px; }
.language-dialog { width: min(720px, calc(100vw - 28px)); padding: 0; border: 1px solid var(--ink); background: var(--paper); color: var(--ink); }
.language-dialog::backdrop { background: color-mix(in srgb, var(--ink) 32%, transparent); backdrop-filter: blur(5px); }
.language-dialog-card { margin: 0; }
.dialog-head { display: flex; justify-content: space-between; gap: 28px; padding: 28px 30px 24px; border-bottom: 1px solid var(--line); }
.dialog-head .eyebrow { margin-bottom: 12px; color: var(--blue); }
.dialog-head h2 { max-width: 12ch; margin: 0; font-size: clamp(32px, 6vw, 54px); line-height: .96; letter-spacing: -.045em; }
.dialog-close { align-self: flex-start; width: 42px; height: 42px; flex: none; border: 1px solid var(--line); background: var(--paper); color: var(--ink); font: 26px/1 var(--sans); cursor: pointer; }
.dialog-copy { margin: 0; padding: 20px 30px; color: var(--muted); border-bottom: 1px solid var(--line); }
.language-options { display: grid; grid-template-columns: repeat(2, 1fr); }
.language-options button { min-height: 118px; padding: 22px; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper); color: var(--ink); text-align: left; cursor: pointer; }
.language-options button:nth-child(2n) { border-right: 0; }
.language-options button:nth-last-child(-n+2) { border-bottom: 0; }
.language-options button:hover, .language-options button:focus-visible { background: var(--selected); }
.language-options strong { display: block; margin-bottom: 28px; font-size: 20px; }
.language-options span { color: var(--muted); font: 11px/1.3 var(--mono); }
.language-options button[data-current="true"] strong { color: var(--blue); }
.language-options button[data-current="true"] strong::after { content: "  [current]"; font: 9px/1 var(--mono); text-transform: uppercase; }
.footer { padding: 38px clamp(22px, 5vw, 72px); display: flex; justify-content: space-between; gap: 30px; font: 12px/1.5 var(--mono); }
.footer p { margin: 0; }
@media (max-width: 840px) {
  .docs-shell { border-inline: 0; }
  .docs-head { position: static; grid-template-columns: 1fr; }
  .brand { border-right: 0; border-bottom: 1px solid var(--line); }
  .head-tools { display: grid; grid-template-columns: 1fr; gap: 0; padding: 0; overflow: visible; }
  .head-links { min-height: 48px; padding: 0 16px; overflow-x: auto; }
  .head-settings { width: 100%; padding: 8px 16px; border-top: 1px solid var(--line); }
  .language-preference { min-width: 0; flex: 1; }
  .docs-grid { grid-template-columns: 1fr; }
  .side { position: static; height: auto; display: flex; gap: 8px; padding: 10px; border-right: 0; border-bottom: 1px solid var(--line); overflow-x: auto; }
  .side-group { display: flex; flex: none; }
  .side-group + .side-group { margin-top: 0; }
  .side p { display: none; }
  .side a { white-space: nowrap; }
  .side-reference { display: none; }
  .nav-popover { position: fixed; top: 166px; left: 14px; right: 14px; width: auto; }
  .docs-hero { grid-template-columns: 1fr; }
  .hero-main { border-right: 0; border-bottom: 1px solid var(--line); }
  .section-title { grid-template-columns: 80px minmax(0, 1fr); }
  .steps, .primitive-grid, .split, .glossary { grid-template-columns: 1fr; }
  .step, .primitive, .primitive:nth-child(2n), .primitive:nth-last-child(-n+2), .split > div:first-child { border-right: 0; border-bottom: 1px solid var(--line); }
  .step:last-child, .primitive:last-child, .split > div:last-child { border-bottom: 0; }
  .glossary article, .glossary article:nth-child(3n), .glossary article:nth-last-child(-n+3) { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .glossary article:last-child { border-bottom: 0; }
  .tutorial { grid-template-columns: 48px minmax(0, 1fr); }
  .tutorial p { grid-column: 2; border-top: 1px solid var(--line); }
  .example-row { grid-template-columns: 44px minmax(0, 1fr); }
  .example-row > * { padding: 14px; }
  .example-row .example-title { border-right: 0; }
  .example-summary, .example-source { grid-column: 2; border-top: 1px solid var(--line); }
  .example-summary { border-right: 0; }
  .example-source { min-height: 48px; }
  .example-foot { align-items: flex-start; flex-direction: column; }
  .dialog-head, .dialog-copy { padding-inline: 20px; }
  .language-options { grid-template-columns: 1fr; }
  .language-options button, .language-options button:nth-child(2n), .language-options button:nth-last-child(-n+2) { min-height: 90px; border-right: 0; border-bottom: 1px solid var(--line); }
  .language-options button:last-child { border-bottom: 0; }
  .language-options strong { margin-bottom: 14px; }
  .no-js-example-grid { grid-template-columns: 1fr; }
  .no-js-example, .no-js-example:last-child { border-right: 0; border-bottom: 1px solid var(--code-panel-border); }
  .no-js-example:last-child { border-bottom: 0; }
  .footer { flex-direction: column; }
  .guide-hero { grid-template-columns: 1fr; }
  .guide-main { border-right: 0; border-bottom: 1px solid var(--line); }
  .guide-section > header { grid-template-columns: 80px minmax(0, 1fr); }
  .argument-list, .result-grid, .guide-index { grid-template-columns: 1fr; }
  .argument-list > *, .result-grid > *, .guide-index > *, .argument-list > *:nth-child(2n), .result-grid > *:nth-child(2n), .guide-index > *:nth-child(2n), .argument-list > *:nth-last-child(-n+2), .result-grid > *:nth-last-child(-n+2), .guide-index > *:nth-last-child(-n+2) { min-height: 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .argument-list > *:last-child, .result-grid > *:last-child, .guide-index > *:last-child { border-bottom: 0; }
  .anatomy-files { grid-template-columns: 1fr; }
  .anatomy-files article { min-height: 0; }
  .adapter-arrow { min-height: 82px; border-inline: 0; border-block: 1px solid var(--ink); }
  .adapter-arrow b { transform: rotate(90deg); }
  .host-transcript { min-height: 0; padding: 14px; }
  .host-demo-bar { padding-inline: 14px; }
  .host-terminal-grid { grid-template-columns: 1fr; }
  .host-terminal-grid button, .host-terminal-grid button:last-child { min-height: 54px; border-right: 0; border-bottom: 1px solid var(--line); }
  .host-terminal-grid button:last-child { border-bottom: 0; }
  .host-terminal-grid > div, .host-terminal-grid > div:last-child { min-height: 60px; border-right: 0; border-bottom: 1px solid var(--line); }
  .host-terminal-grid > div:last-child { border-bottom: 0; }
  .lifetime-grid { grid-template-columns: 1fr; }
  .use-case-list { grid-template-columns: 1fr 1fr; }
  .use-case-list li, .use-case-list li:nth-child(3n), .use-case-list li:nth-last-child(-n+3) { min-height: 82px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .use-case-list li:nth-child(2n) { border-right: 0; }
  .use-case-list li:nth-last-child(-n+2) { border-bottom: 0; }
  .lifetime-grid article { min-height: 0; }
  .lifetime-grid article:first-child { border-right: 0; border-bottom: 1px solid var(--line); }
  .session-handoff { grid-template-columns: 1fr; }
  .agent-session, .run-bridge { min-height: 330px; }
  .run-bridge { border-inline: 0; border-block: 1px solid var(--ink); }
  .resume-steps li { grid-template-columns: 58px 1fr; }
  .resume-steps li > span { padding: 20px 16px; }
  .resume-steps li > div { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }