:root{color-scheme:light;--ink:#202b2a;--muted:#586863;--paper:#f7f7f2;--accent:#19634d;--line:#d8ded5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif}header,main,footer{max-width:1060px;margin:auto;padding:28px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}header a{text-decoration:none}.brand{font-size:23px;font-weight:750;letter-spacing:-.7px}.version{font-size:11px;margin-left:10px;color:var(--muted);letter-spacing:1px}nav{display:flex;flex-wrap:wrap;gap:22px;font-size:14px}main{overflow-wrap:anywhere;min-height:65vh;padding-top:52px;padding-bottom:72px}h1{font-size:clamp(32px,5vw,58px);line-height:1.12;letter-spacing:-1.5px;margin:12px 0 24px;max-width:900px}h2{font-size:23px;line-height:1.3;margin-top:40px}h3{font-size:21px;line-height:1.35;margin:0 0 10px}p{max-width:850px}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#103e30}.intro{font-size:20px;max-width:760px;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:12px;font-weight:650;color:var(--muted)}.api-note{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:22px;background:#e8eee6;border-left:3px solid var(--accent);margin:32px 0}.api-note code{overflow-wrap:anywhere;font-size:14px}.collection-row{padding:25px 0;border-top:1px solid var(--line)}.collection-row p{margin:10px 0}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid var(--line);border-radius:20px;padding:2px 10px;font-size:12px;color:var(--muted)}.small{font-size:13px;color:var(--muted)}aside{border-top:1px solid var(--line);margin-top:42px;padding-top:24px;color:var(--muted)}aside h2{margin-top:8px}.badge{display:inline-block;padding:4px 10px;background:#f2e8cb;color:#6b4f11;font-size:13px}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}form{max-width:760px}label{display:block;font-size:14px;font-weight:600;margin:20px 0}input,textarea,select{display:block;width:100%;font:inherit;font-weight:400;padding:10px 12px;border:1px solid #aebbb2;border-radius:4px;background:#fff;color:var(--ink);margin-top:6px}input[type=checkbox]{width:auto;display:inline-block;margin-right:8px}input[readonly]{background:#edf0e9}button,.button{display:inline-block;border:0;background:var(--accent);color:#fff;padding:12px 20px;border-radius:4px;font:inherit;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#104a37;color:#fff}fieldset{border:1px solid var(--line);padding:12px 20px;margin:25px 0}.error{color:#a13022;border-left:3px solid currentColor;padding-left:12px}dl{display:grid;grid-template-columns:170px 1fr;gap:10px;margin:25px 0}dt{font-weight:600}dd{margin:0;overflow-wrap:anywhere}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:13px;text-align:left}th,td{padding:9px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted)}:focus-visible{outline:3px solid #b8891d;outline-offset:3px}@media(max-width:600px){header,main,footer{padding:22px}header{align-items:flex-start;flex-direction:column;gap:12px}nav{gap:18px}main{padding-top:36px}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:14px}.api-note{padding:16px}}

.get-started{margin:48px 0}.get-started>h2{margin-top:6px;font-size:32px}.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}.setup-card{border:1px solid var(--line);background:#fff;padding:24px;border-radius:8px;min-width:0}.setup-card:last-child{grid-column:1/-1}.setup-number{display:block;color:var(--muted);font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}.setup-card p{font-size:15px}.setup-card textarea{font-size:13px;line-height:1.55;min-height:190px;resize:vertical;background:var(--paper)}.setup-card label{font-size:12px;margin:18px 0 6px}.setup-card button{font-size:14px}.setup-card pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);padding:16px;font-size:12px;line-height:1.7}.setup-card details{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.setup-card summary{cursor:pointer;color:var(--accent);font-size:14px;font-weight:600}#copy-status{min-height:1.6em}@media(max-width:750px){.setup-grid{grid-template-columns:1fr}.setup-card:last-child{grid-column:auto}}

.checkpoint-demo{max-width:640px;margin:32px auto}.checkpoint-demo img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.checkpoint-demo figcaption{color:var(--muted);font-size:12px;margin:8px 0}.checkpoint-demo button{font-size:12px;padding:6px 12px}
[data-demo-toggle][hidden]{display:none}

.use-case-demos{margin:52px 0}.use-case-demos>h2{margin-top:6px;font-size:32px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}.demo-card{min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;padding:20px;display:flex;flex-direction:column}.demo-card h3{font-size:20px}.demo-card>p{font-size:15px;margin:0 0 18px;min-height:3.3em}.demo-card figure{margin:0 0 16px}.demo-card img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.demo-card figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin:10px 0;min-height:3em}.demo-card button{font-size:13px;padding:8px 14px}.demo-card>a{margin-top:auto}.setup-card[id]{scroll-margin-top:24px}@media(max-width:750px){.demo-grid{grid-template-columns:1fr}.demo-card>p,.demo-card figcaption{min-height:0}}@media(max-width:400px){.demo-card{padding:14px}}

/* BEGIN GENERATED FAMILY THEME — scripts/sync-family-ui.py */
/* Agentextual family theme. DeltaFeeds is the visual baseline. */
body.ax-app {
  --paper: #f7f7f2;
  --ink: #202b2a;
  --muted: #586863;
  --line: #d8ded5;
  --white: #fff;
  --panel: #fff;
  --ax-accent: #19634d;
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 16px/1.65 system-ui, -apple-system, sans-serif;
}
.ax-app *, .ax-app *::before, .ax-app *::after { box-sizing: border-box; }
.ax-app :is(.wrap, .page-width, .ax-shell),
.ax-app.ax-deltafeeds > :is(header, main, footer),
.ax-app.ax-xmem > :is(header, main, footer),
.ax-app.ax-guide > :is(header, main, footer) {
  width: 100%;
  max-width: 1060px;
  margin-inline: auto;
  padding-inline: 32px;
}
.ax-app .ax-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px 28px;
  height: auto;
  min-height: 0;
  padding-block: 28px;
  border-bottom: 1px solid var(--line);
}
.ax-app .ax-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ax-accent);
  font: 750 23px/1.65 system-ui, -apple-system, sans-serif;
  letter-spacing: -.7px;
  text-decoration: none;
  white-space: nowrap;
}
.ax-app .ax-brand .version {
  font: 12px/1.65 system-ui, -apple-system, sans-serif;
  letter-spacing: 0;
  color: var(--muted);
  padding: 0;
  margin: 0;
  border: 0;
}
.ax-app .ax-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  max-width: none;
  gap: 10px 22px;
  font: 400 14px/1.65 system-ui, -apple-system, sans-serif;
}
.ax-app .ax-header .ax-nav a {
  display: inline-flex;
  color: var(--ax-accent);
  padding: 0;
  border: 0;
  border-radius: 0;
  text-decoration: none;
  font-weight: 400;
}
.ax-app .ax-nav a:hover { text-decoration: underline; text-underline-offset: 4px; }
.ax-app .ax-nav a[aria-current="page"] { font-weight: 650; }
.ax-app h1, .ax-app .explorer-intro h1 {
  font: 700 clamp(32px, 5vw, 58px)/1.12 system-ui, -apple-system, sans-serif;
  letter-spacing: -1.5px;
}
.ax-app h1 em { font-weight: inherit; font-style: normal; }
.ax-app h2 {
  font: 700 23px/1.3 system-ui, -apple-system, sans-serif;
  letter-spacing: -.5px;
}
.ax-app h3 {
  font: 700 21px/1.35 system-ui, -apple-system, sans-serif;
  letter-spacing: -.3px;
}
.ax-app :is(.hero-description, p.hero-copy, .lede) {
  font-size: 16px;
  line-height: 1.65;
}
.ax-app .hero { padding-block: 52px; gap: 36px; }
.ax-app.ax-xmem > main { padding-top: 0; }
.ax-app.ax-guide > main { padding-block: 52px 72px; }
.ax-app .hero-visual { border-radius: 8px; transform: none; box-shadow: none; }
.ax-app :is(.button, .btn), .ax-app.ax-xmem button.primary {
  border-radius: 4px;
  padding: 12px 20px;
  font: 600 14px/1.5 system-ui, -apple-system, sans-serif;
}
.ax-app :is(.button.primary, .button-dark, .button-primary), .ax-app.ax-xmem button.primary {
  background: var(--ax-accent);
  border-color: var(--ax-accent);
  color: #fff;
}
.ax-app :is(.button.primary, .button-dark, .button-primary):hover:not(:disabled), .ax-app.ax-xmem button.primary:hover:not(:disabled) { background: #134d3c; }
.ax-app :is(.card, .tool-card, .game-card, .workspace-grid, .workspace, .hero-note, .panel) { border-radius: 8px; }
.ax-app :is(a, button, input, select, textarea, summary, pre):focus-visible {
  outline: 3px solid #966c13;
  outline-offset: 4px;
}
/* Dense working panels retain a smaller hierarchy than page sections. */
.ax-app :is(.panel-heading, .panel-top, .result-card) h3 { font-size: 16px; }
.ax-app .ax-identity { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; }
.ax-app .service-status { font-size: 12px; }
.ax-app.ax-guide a { color: var(--ax-accent); }
.ax-app.ax-guide .ax-header a { color: var(--ax-accent); }
.ax-app.ax-guide footer { padding-block: 24px 32px; }
@media (max-width: 800px) {
  .ax-app .hero { grid-template-columns: 1fr; }
  .ax-app .hero-visual { width: 100%; max-width: 560px; }
  .ax-app .hero-note { max-width: none; justify-self: stretch; }
}
@media (max-width: 600px) {
  .ax-app :is(.wrap, .page-width, .ax-shell),
  .ax-app.ax-deltafeeds > :is(header, main, footer),
  .ax-app.ax-xmem > :is(header, main, footer),
  .ax-app.ax-guide > :is(header, main, footer) { padding-inline: 22px; }
  .ax-app .ax-header { align-items: flex-start; padding-block: 22px; }
  .ax-app .ax-nav { width: 100%; gap: 10px 18px; }
  .ax-app .hero { padding-block: 36px; gap: 28px; }
  .ax-app.ax-guide > main { padding-block: 36px 52px; }
}
/* Preserve TurnScope's report-only print layout. */
@media print {
  body.ax-app.ax-turnscope { background: #fff; color: #000; }
  .ax-app.ax-turnscope .ax-header { display: none; }
  .ax-app.ax-turnscope .page-width { max-width: none; padding: 0; }
}
/* END GENERATED FAMILY THEME */