/* Canonical measurement-bench system: DESIGN-V2-DIRECTION-20260919 §3.
   Light first. data-theme is for isolated component previews; public pages follow OS. */
:root {
  color-scheme:light dark;
  --bg:#FAFAF7; --surface-1:#FFFFFF; --surface-2:#F2F2ED; --surface-3:#E9E9E3;
  --border-ui:#76766F; --hairline:rgba(20,20,15,0.08); --text-1:#14140F; --text-2:#4A4A44; --text-3:#6D6D66;
  --accent:#C2410C; --accent-hover:#A8370A; --accent-ink:#FFFFFF; --accent-soft:rgba(194,65,12,0.10);
  --evidence:#0F766E; --evidence-soft:rgba(15,118,110,0.10); --danger:#B42318; --code-bg:#14140F;
  --code-text:#F2F2EF; --code-muted:#A7A9AE; --code-string:#5EEAD4;
  --card-shadow:0 0 0 1px var(--hairline),0 1px 2px rgba(20,20,15,0.04),0 12px 32px -16px rgba(20,20,15,0.14);
  --card-light:none; --well-shadow:inset 0 1px 2px rgba(0,0,0,0.06); --focus-shadow:none;
  --font-sans:'Geist Sans','Noto Sans Hebrew',system-ui,sans-serif;
  --font-he:'Noto Sans Hebrew','Geist Sans',system-ui,sans-serif;
  --font-mono:'Geist Mono','Noto Sans Hebrew',monospace;
  --text-display:60px; --leading-display:64px; --tracking-display:-0.032em;
  --text-h1:48px; --leading-h1:54px; --tracking-h1:-0.028em;
  --text-h2:32px; --leading-h2:38px; --text-h3:20px; --leading-h3:28px;
  --text-h4:16px; --text-lead:20px; --leading-lead:30px;
  --text-body:16px; --leading-body:26px; --text-small:14px; --leading-small:22px;
  --text-label:12px; --leading-label:16px; --tracking-label:0.06em;
  --text-mono:13.5px; --leading-mono:22px; --text-mono-sm:12px;
  --tracking-heading:-0.02em; --title-measure:24ch;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
  --container:1200px; --gutter:24px; --section-space:var(--s-9); --section-mobile:var(--s-8);
  --prose-width:720px; --grid-gap:24px; --grid-columns:12;
  --r-ctl:6px; --r-card:12px; --r-artifact:16px; --r-pill:999px;
  --ease:cubic-bezier(.2,.8,.2,1); --t-fast:140ms; --t-med:240ms;
  /* Compatibility names are shared with the console and edge form renderer. */
  --bg-raised:var(--surface-1); --bg-inset:var(--surface-2); --text:var(--text-1);
  --focus:var(--accent); --border:var(--hairline); 
  --pass:var(--evidence); --fail:var(--danger); --border-strong:var(--hairline); --accent-dim:var(--accent);
  --brand-paper:var(--bg); --brand-ink:var(--text-1); --brand-signal:var(--accent);
  --text-meta:var(--text-mono); --text-xs:var(--text-label); --text-sm:var(--text-small); --text-base:var(--text-body);
  --text-lg:var(--text-lead); --text-xl:var(--text-h3); --text-2xl:var(--text-h2); --text-3xl:var(--text-h1); --text-4xl:var(--text-display);
  --leading-tight:var(--leading-h1); --leading-snug:1.5;
  --space-1:var(--s-1); --space-2:var(--s-2); --space-3:var(--s-3); --space-4:var(--s-4); --space-6:var(--s-5); --space-8:var(--s-6); --space-12:var(--s-7); --space-16:var(--s-8); --space-24:var(--s-9);
  --content-width:var(--container); --radius:var(--r-ctl); --radius-panel:var(--r-card);
}
@media(prefers-color-scheme:dark) { :root { --bg:#0B0C0E; --surface-1:#121316; --surface-2:#181A1E; --surface-3:#1F2126;
  --border-ui:#85888F; --hairline:rgba(255,255,255,0.07); --text-1:#F2F2EF; --text-2:#A7A9AE; --text-3:#787B82;
  --accent:#FF7A2F; --accent-hover:#FF8F4F; --accent-ink:#1A0E05; --accent-soft:rgba(255,122,47,0.14);
  --evidence:#5EEAD4; --evidence-soft:rgba(94,234,212,0.12); --danger:#F87171; --code-bg:#0E0F12;
  --card-shadow:inset 0 1px 0 rgba(255,255,255,0.06),inset 0 0 0 1px rgba(255,255,255,0.04);
  --card-light:linear-gradient(180deg,rgba(255,255,255,0.025),transparent 40%);
  --well-shadow:none; --focus-shadow:0 0 0 6px var(--accent-soft); } }
[data-theme=light] { color-scheme:light; --bg:#FAFAF7; --surface-1:#FFFFFF; --surface-2:#F2F2ED; --surface-3:#E9E9E3;
  --border-ui:#76766F; --hairline:rgba(20,20,15,0.08); --text-1:#14140F; --text-2:#4A4A44; --text-3:#6D6D66;
  --accent:#C2410C; --accent-hover:#A8370A; --accent-ink:#FFFFFF; --accent-soft:rgba(194,65,12,0.10);
  --evidence:#0F766E; --evidence-soft:rgba(15,118,110,0.10); --danger:#B42318; --code-bg:#14140F;
  --code-text:#F2F2EF; --code-muted:#A7A9AE; --code-string:#5EEAD4;
  --card-shadow:0 0 0 1px var(--hairline),0 1px 2px rgba(20,20,15,0.04),0 12px 32px -16px rgba(20,20,15,0.14);
  --card-light:none; --well-shadow:inset 0 1px 2px rgba(0,0,0,0.06); --focus-shadow:none; }
[data-theme=dark] { color-scheme:dark; --bg:#0B0C0E; --surface-1:#121316; --surface-2:#181A1E; --surface-3:#1F2126;
  --border-ui:#85888F; --hairline:rgba(255,255,255,0.07); --text-1:#F2F2EF; --text-2:#A7A9AE; --text-3:#787B82;
  --accent:#FF7A2F; --accent-hover:#FF8F4F; --accent-ink:#1A0E05; --accent-soft:rgba(255,122,47,0.14);
  --evidence:#5EEAD4; --evidence-soft:rgba(94,234,212,0.12); --danger:#F87171; --code-bg:#0E0F12;
  --card-shadow:inset 0 1px 0 rgba(255,255,255,0.06),inset 0 0 0 1px rgba(255,255,255,0.04);
  --card-light:linear-gradient(180deg,rgba(255,255,255,0.025),transparent 40%);
  --well-shadow:none; --focus-shadow:0 0 0 6px var(--accent-soft); }
@media(min-width:768px) { :root { --gutter:32px; } }
@media(min-width:1280px) { :root { --gutter:40px; } }
:root[lang=he], [lang=he] {
  --font-sans:var(--font-he); --text-display:62px; --leading-display:81px;
  --text-h1:50px; --leading-h1:65px; --text-h2:33px; --leading-h2:43px;
  --text-body:17px; --leading-body:28px; --text-small:15px; --leading-small:24px;
  --text-lead:21px; --leading-lead:32px; --tracking-heading:0; --tracking-display:0; --tracking-h1:0; --tracking-label:0;
}
@media(max-width:767px) {
  :root,[data-theme] { --text-display:38px; --leading-display:42px; --text-h1:34px; --leading-h1:40px; --text-h2:26px; --leading-h2:32px; --text-h3:18px; --leading-h3:26px; --text-lead:18px; --leading-lead:28px; --text-mono:13px; --leading-mono:20px; --section-space:var(--s-8); }
  :root[lang=he],[lang=he] { --text-display:40px; --leading-display:52px; --text-h1:36px; --leading-h1:47px; --text-h2:28px; --leading-h2:37px; --text-lead:19px; --leading-lead:30px; }
}
@media(prefers-reduced-motion:reduce) { :root { --t-fast:1ms; --t-med:1ms; } }

@font-face{font-family:'Geist Mono';src:url('/console-assets/fonts/geist-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Geist Mono';src:url('/console-assets/fonts/geist-mono-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Geist Sans';src:url('/console-assets/fonts/geist-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Geist Sans';src:url('/console-assets/fonts/geist-sans-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Geist Sans';src:url('/console-assets/fonts/geist-sans-latin-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Noto Sans Hebrew';src:url('/console-assets/fonts/noto-sans-hebrew-hebrew-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Noto Sans Hebrew';src:url('/console-assets/fonts/noto-sans-hebrew-hebrew-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Noto Sans Hebrew';src:url('/console-assets/fonts/noto-sans-hebrew-hebrew-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}

/* Console v2. All visual values come from shared/design/tokens.css at build time.
   The account surface is intentionally quieter than marketing: one rail, no hero nav. */
* { box-sizing:border-box; }
html { background:var(--bg); color:var(--text-1); font-family:var(--font-sans); }
body { margin:0; font-size:var(--text-body); line-height:var(--leading-body); }
[hidden] { display:none !important; }
a { color:inherit; text-underline-offset:3px; }
a:hover { text-decoration-thickness:2px; }
h1,h2,h3,h4,p,pre { margin:0; }
h1,h2,h3,h4 { font-weight:600; text-wrap:balance; letter-spacing:var(--tracking-heading); }
h1 { font-size:var(--text-h1); line-height:var(--leading-h1); letter-spacing:var(--tracking-h1); }
h2 { font-size:var(--text-h2); line-height:var(--leading-h2); }
h3 { font-size:var(--text-h3); line-height:var(--leading-h3); }
h4 { font-size:var(--text-h4); }
p { text-wrap:pretty; }
p+p { margin-block-start:var(--s-3); }
strong,b { font-weight:600; }
code,pre,.num,.secret,.int-base { font-family:var(--font-mono); font-size:var(--text-mono); line-height:var(--leading-mono); font-variant-numeric:tabular-nums; }
code { overflow-wrap:anywhere; }
button,input,select,textarea { font:inherit; color:inherit; }
button,a,input,select,textarea,summary { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
:focus-visible { outline:2px solid var(--accent); outline-offset:2px; box-shadow:var(--focus-shadow); }
button:disabled { cursor:not-allowed; opacity:.55; }
.btn,.text-btn,.tab { display:inline-flex; justify-content:center; align-items:center; gap:var(--s-2); min-block-size:44px; padding:var(--s-2) var(--s-4); border:0; border-radius:var(--r-ctl); background:var(--surface-1); box-shadow:0 0 0 1px var(--hairline); color:var(--text-1); font-size:var(--text-small); line-height:var(--leading-small); font-weight:500; text-decoration:none; transition:background var(--t-fast) var(--ease),transform var(--t-med) var(--ease); }
.btn:hover,.tab:hover { background:var(--surface-2); transform:translateY(-1px); }
.btn:active { transform:none; }
.btn-primary { background:var(--accent); color:var(--accent-ink); box-shadow:none; }
.btn-primary:hover { background:var(--accent-hover); }
.btn-ghost,.text-btn { background:transparent; box-shadow:none; padding-inline:var(--s-2); }
.text-btn:hover { background:var(--surface-2); }
.btn-stop,.text-btn-stop { color:var(--danger); }
.btn-block { inline-size:100%; }
.btn-row { display:flex; flex-wrap:wrap; gap:var(--s-3); margin-block-start:var(--s-5); }
.wrap,.app { inline-size:min(calc(100% - var(--gutter)*2),var(--container)); margin-inline:auto; }
.wrap { padding-block:var(--s-8); min-block-size:60vh; }
.app { display:grid; grid-template-columns:176px minmax(0,1fr); gap:var(--s-7); padding-block:var(--s-7) var(--s-8); min-block-size:65vh; }
.app-main { min-inline-size:0; }
.app-rail nav ul { list-style:none; margin:var(--s-4) 0; padding:0; display:grid; gap:var(--s-1); }
.app-rail nav a { display:flex; align-items:center; min-block-size:44px; padding:var(--s-2) var(--s-3); border-radius:var(--r-ctl); text-decoration:none; color:var(--text-2); font-size:var(--text-small); }
.app-rail nav a:hover { background:var(--surface-2); color:var(--text-1); }
.app-rail nav a[aria-current] { background:var(--accent-soft); color:var(--text-1); box-shadow:inset 2px 0 var(--accent); }
.app-rail-foot { display:grid; gap:var(--s-2); margin-block-start:var(--s-6); overflow-wrap:anywhere; }
.app-rail-foot .text-btn { padding-inline:0; }
.console-label,.kicker { font-size:var(--text-label); line-height:var(--leading-label); font-weight:500; text-transform:uppercase; letter-spacing:var(--tracking-label); color:var(--text-2); }
.kicker { display:block; }
.page-head { display:flex; justify-content:space-between; align-items:start; gap:var(--s-5); margin-block-end:var(--s-6); }
.page-head h1 { margin-block:var(--s-3); }
.page-head p { max-inline-size:62ch; color:var(--text-2); }
.head-figure { flex-shrink:0; min-inline-size:0; text-align:end; padding-block-start:var(--s-2); }
.head-figure strong { display:block; margin-block-start:var(--s-2); font:500 var(--text-h2)/var(--leading-h2) var(--font-mono); }
.head-figure strong.tiny { font-size:var(--text-mono-sm); line-height:var(--leading-mono); }
.head-figure .int-base { max-inline-size:34ch; font-size:var(--text-mono-sm); line-height:var(--leading-mono); overflow-wrap:anywhere; }
.head-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-4); }
.lede { font-size:var(--text-lead); line-height:var(--leading-lead); color:var(--text-2); }
.tiny,.hint { font-size:var(--text-small); line-height:var(--leading-small); color:var(--text-2); }
.hint { display:block; margin-block:var(--s-1) var(--s-2); font-weight:400; }
.card,.panel,.stat { padding:var(--s-5); background:var(--surface-1); background-image:var(--card-light); border-radius:var(--r-card); box-shadow:var(--card-shadow); }
.card-flat,.card--sunken { background:var(--surface-2); box-shadow:var(--well-shadow); }
.card--raised { background:var(--surface-2); }
.card>p { margin-block-start:var(--s-3); }
.grid-2,.grid-3,.stats { display:grid; gap:var(--s-5); grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid-3,.stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sec-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s-3); margin-block-end:var(--s-5); }
.band-tight { padding-block:var(--s-6); }
.form { display:grid; gap:var(--s-5); max-inline-size:44rem; }
.form-row { grid-template-columns:minmax(0,1fr) auto; align-items:end; }
label { display:block; font-size:var(--text-small); font-weight:500; }
input:not([type=checkbox]):not([type=hidden]),select,textarea { display:block; inline-size:100%; min-inline-size:0; min-block-size:44px; background:var(--surface-2); border:1px solid var(--hairline); border-radius:var(--r-ctl); padding:var(--s-3); box-shadow:var(--well-shadow); }
input::placeholder,textarea::placeholder { color:var(--text-2); opacity:1; }
input[type=checkbox] { inline-size:20px; block-size:20px; accent-color:var(--accent); flex-shrink:0; }
.check,.checkbox-label,.check-row { display:flex; align-items:center; gap:var(--s-3); min-block-size:44px; }
.notice,.free-announce { background:var(--surface-2); border-inline-start:4px solid var(--text-2); border-radius:var(--r-ctl); padding:var(--s-4) var(--s-5); margin-block:var(--s-5); font-size:var(--text-small); line-height:var(--leading-small); color:var(--text-2); }
.notice { display:flex; align-items:start; flex-wrap:wrap; gap:var(--s-3); }
.notice>b { color:var(--text-1); }
.notice>span { flex:1; min-inline-size:min(100%,16rem); }
.notice-warn,.free-announce { background:var(--surface-2); border-inline-start-color:var(--evidence); }
.notice-stop { border-inline-start-color:var(--danger); }
.notice-evidence { background:var(--evidence-soft); border-inline-start-color:var(--evidence); }
.state,.chip { display:inline-flex; align-items:center; gap:var(--s-1); padding:var(--s-1) var(--s-2); border-radius:var(--r-pill); background:var(--surface-2); font-size:var(--text-label); line-height:var(--leading-label); color:var(--text-2); }
.state-live { background:var(--evidence-soft); color:var(--evidence); }
.state-stop { color:var(--danger); }
.table-frame { position:relative; overflow-x:auto; border-radius:var(--r-artifact); background:var(--surface-1); box-shadow:var(--card-shadow); padding:var(--s-4); }
table { border-collapse:collapse; inline-size:100%; font-size:var(--text-small); line-height:var(--leading-small); text-align:start; }
th { text-align:inherit; text-transform:uppercase; letter-spacing:var(--tracking-label); font-size:var(--text-label); font-weight:500; color:var(--text-2); white-space:nowrap; border-block-end:1px dotted var(--hairline); }
th,td { padding:var(--s-3); vertical-align:top; }
td { border-block-end:1px solid var(--hairline); font-variant-numeric:tabular-nums; }
tr:last-child td { border:0; }
.receipt td,.keys-table td:first-child,.keys-table td:nth-child(2) { font-family:var(--font-mono); font-size:var(--text-mono-sm); }
.receipt td:last-child { text-align:end; }
.receipt { border-radius:var(--r-artifact); }
.right { text-align:end; }
.empty { padding-block:var(--s-6); color:var(--text-2); }
.is-muted { color:var(--text-2); }
.cap-form,.budget-controls { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s-2); }
.cap-form input,.budget-controls input:not([type=checkbox]) { max-inline-size:10rem; }
.budget-form { min-inline-size:15rem; }
.budget-note { margin-block-start:var(--s-2); max-inline-size:34ch; }
.budget-current { margin-block-end:var(--s-2); }
.kv { margin:0; }
.kv>div { display:grid; grid-template-columns:1fr 1fr; gap:var(--s-4); padding-block:var(--s-3); border-block-end:1px dotted var(--hairline); }
.kv dt { color:var(--text-2); }
.kv dd { margin:0; text-align:end; font-family:var(--font-mono); overflow-wrap:anywhere; }
.pack { display:flex; flex-direction:column; align-items:start; padding:var(--s-5); gap:var(--s-2); color:var(--text-1); border:0; border-radius:var(--r-card); background:var(--surface-2); box-shadow:var(--well-shadow); text-align:start; transition:background var(--t-fast) var(--ease),transform var(--t-med) var(--ease); }
.pack strong { font:500 var(--text-h2)/var(--leading-h2) var(--font-mono); }
.pack span { font-size:var(--text-small); color:var(--text-2); }
.pack:hover:not(:disabled) { background:var(--accent-soft); transform:translateY(-1px); }
.code,.secret-block,.gs-key-out { background:var(--code-bg); color:var(--code-text); border-radius:var(--r-artifact); overflow:hidden; direction:ltr; text-align:start; }
.code-bar,.secret-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s-3); padding:var(--s-3) var(--s-5); border-block-end:1px solid var(--hairline); font:400 var(--text-mono-sm)/var(--leading-mono) var(--font-mono); }
.code-bar>span::before { content:'● ● ●'; opacity:.4; margin-inline-end:var(--s-4); }
.code pre { overflow-x:auto; padding:var(--s-5); white-space:pre; }
.code pre code { overflow-wrap:normal; }
.secret-head .kicker,.code-bar,.gs-key-out .tiny { color:var(--code-muted); }
.secret-block textarea.secret,.gs-key-out textarea.secret { background:transparent; border:0; box-shadow:none; color:var(--code-text); resize:vertical; border-radius:0; padding:var(--s-5); font-family:var(--font-mono); }
.code .text-btn,.secret-head .btn { background:transparent; color:var(--code-text); box-shadow:0 0 0 1px var(--hairline); }
.gs-key-out>p { padding:0 var(--s-5) var(--s-5); }
.login-split { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); align-items:start; gap:var(--s-8); padding:0; }
.login-split h1 { max-inline-size:19ch; }
.login-split .lede { margin-block:var(--s-5); }
.login-context { padding-block-start:var(--s-7); }
.login-context h2 { font-size:var(--text-h3); line-height:var(--leading-h3); }
.login-context .kv { margin-block:var(--s-5); }
.free-announce-num { font:500 var(--text-h2)/var(--leading-h2) var(--font-mono); }
.free-announce-terms { margin-block-start:var(--s-3); }
.or-rule { text-align:center; color:var(--text-2); margin-block:var(--s-4); }
.stack-sm { display:grid; gap:var(--s-3); }
.gs-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--s-3); margin-block:var(--s-5) var(--s-6); }
.gs-card { position:relative; display:flex; flex-direction:column; align-items:start; gap:var(--s-3); padding:var(--s-4); border:0; border-radius:var(--r-card); background:var(--surface-1); box-shadow:var(--card-shadow); text-align:start; text-decoration:none; }
.gs-card b { font-size:var(--text-small); }
.gs-card small { font-size:var(--text-small); line-height:var(--leading-small); color:var(--text-2); }
.gs-card:hover,.gs-card[aria-expanded=true] { background:var(--surface-2); }
.gs-card[aria-expanded=true] { box-shadow:0 0 0 2px var(--accent); }
.gs-card-mark { object-fit:contain; }
.gs-card-go { position:absolute; inset-inline-end:var(--s-4); inset-block-start:var(--s-4); }
.gs-step,.gs-setup { margin-block:var(--s-6); }
.gs-step-head,.gs-verify,.gs-bar,.gs-key { display:flex; align-items:center; flex-wrap:wrap; gap:var(--s-3); margin-block:var(--s-4); }
.gs-step-head h2 { font-size:var(--text-h3); line-height:var(--leading-h3); }
.gs-step-num { display:inline-flex; align-items:center; justify-content:center; inline-size:28px; block-size:28px; flex-shrink:0; background:var(--evidence-soft); color:var(--evidence); border-radius:var(--r-pill); font-size:var(--text-label); }
.gs-bar select { inline-size:auto; max-inline-size:100%; }
.gs-bar { padding-block:var(--s-4); }
.gs-subtabs { display:flex; flex-wrap:wrap; gap:var(--s-2); margin-block-end:var(--s-3); }
.tab[aria-selected=true] { background:var(--accent-soft); }
.gs-account,.gs-note { margin-block-start:var(--s-4); }
.gs-snippet+.gs-snippet { margin-block-start:var(--s-3); }
.gs-tok-str,.gs-syn-string,.tok-string,.hl-string { color:var(--code-string); }
.trial-steps { display:flex; flex-wrap:wrap; gap:var(--s-5); list-style:none; padding:0; margin:var(--s-5) 0; font-size:var(--text-small); }
.trial-steps li { display:flex; align-items:center; gap:var(--s-2); }
.balance-fig { font:500 var(--text-display)/var(--leading-display) var(--font-mono); }
.balance-note { color:var(--text-2); margin-block-start:var(--s-3); }
.stat strong { display:block; font:500 var(--text-h2)/var(--leading-h2) var(--font-mono); margin-block:var(--s-3); }
.meter-track { background:var(--surface-3); border-radius:var(--r-pill); overflow:hidden; block-size:8px; margin-block:var(--s-4); }
.meter-track>span { display:block; block-size:100%; background:var(--evidence); }
.meter-ticks,.meter-legend { display:flex; justify-content:space-between; gap:var(--s-3); font-size:var(--text-label); color:var(--text-2); }
.pg { background:var(--surface-1); border-radius:var(--r-artifact); box-shadow:var(--card-shadow); overflow:hidden; }
.pg-bar,.pg-composer { display:flex; align-items:center; gap:var(--s-3); padding:var(--s-4); background:var(--surface-2); }
.pg-key { white-space:nowrap; font-size:var(--text-small); }
.pg-thread { min-block-size:240px; padding:var(--s-5); overflow-wrap:anywhere; }
.pg-foot { padding:var(--s-4); }
.pg-trial { margin-block-start:var(--s-3); font-size:var(--text-small); color:var(--text-2); }
.prose { max-inline-size:var(--prose-width); }
.prose>*+* { margin-block-start:var(--s-5); }
.danger-zone { margin-block-start:var(--s-7); }
.max-none { max-inline-size:none; }.max-44 { max-inline-size:44rem; }
.mt-xs { margin-block-start:var(--s-2); }.mt-sm { margin-block-start:var(--s-3); }.mt-md { margin-block-start:var(--s-5); }.mt-lg { margin-block-start:var(--s-6); }
.mb-md { margin-block-end:var(--s-5); }.mb-lg { margin-block-end:var(--s-6); }.m-0 { margin:0; }
.sr-only { position:absolute; inline-size:1px; block-size:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.skip { position:absolute; inset-inline-start:var(--s-4); inset-block-start:var(--s-2); padding:var(--s-3); background:var(--surface-1); transform:translateY(-200%); z-index:100; }
.skip:focus { transform:none; }
@media(max-width:1023px) {
  .app { grid-template-columns:1fr; gap:var(--s-5); padding-block-start:var(--s-5); }
  .app-rail nav ul { display:flex; flex-wrap:wrap; gap:var(--s-1); margin-block:var(--s-2); }
  .app-rail-foot { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s-3); margin:0; }
  .console-label { display:none; }
  .gs-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:767px) {
  .wrap { padding-block:var(--s-6); }
  .login-split { grid-template-columns:1fr; gap:var(--s-5); }.login-context { padding:0; }
  .page-head { flex-direction:column; gap:var(--s-3); }.head-figure { text-align:start; }
  .page-head:has(.int-base) .head-figure { display:none; }
  .grid-2,.stats,.form-row { grid-template-columns:1fr; }.grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .card,.panel { padding:var(--s-5); }
  .kv>div { grid-template-columns:1fr; gap:var(--s-1); }.kv dd { text-align:start; }
  .notice { padding:var(--s-4); }
  .table-frame { padding:var(--s-2); }
  .trial-steps { gap:var(--s-3); }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:1ms !important; transition-duration:1ms !important; scroll-behavior:auto !important; }.btn:hover,.pack:hover:not(:disabled) { transform:none; } }
@media(forced-colors:active) { button,.btn,input,select,textarea,.card,.table-frame { border:1px solid ButtonText; }:focus-visible { outline-color:Highlight; }.state { outline:1px solid CanvasText; } }

/* Visual review fixes: readable ledgers and complete key controls on narrow screens. */
.login-context .kv>div { grid-template-columns:7rem minmax(0,1fr); }
.login-context .kv dd { text-align:start; font-family:var(--font-sans); }
.budget-note summary { cursor:pointer; min-block-size:44px; padding-block:var(--s-3); }
.gs-card-mark { background:var(--code-text); padding:var(--s-1); box-sizing:content-box; border-radius:var(--r-ctl); }
.terminal-hint { padding:var(--s-2) var(--s-5) 0; color:var(--code-muted); font-size:var(--text-label); }
.receipt table { min-inline-size:560px; }
@media(max-width:767px) {
  .gs-card small { position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip-path:inset(50%); }
  .gs-card { min-block-size:112px; }
  .login-context .kv>div { grid-template-columns:1fr; }
  .keys-table table,.keys-table tbody,.keys-table tr,.keys-table td { display:block; inline-size:100%; }
  .keys-table thead { position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip-path:inset(50%); }
  .keys-table tr { padding:var(--s-3); border-block-end:1px solid var(--hairline); }
  .keys-table td { border:0; padding:var(--s-2) 0; text-align:start; }
  .keys-table td::before { content:attr(data-label); display:block; font:500 var(--text-label)/var(--leading-label) var(--font-sans); color:var(--text-2); margin-block-end:var(--s-1); }
  .keys-table code { overflow-wrap:anywhere; }
  .budget-form { min-inline-size:0; }.budget-note { max-inline-size:none; }
}

.gs-verify { align-items:start; flex-wrap:nowrap; }.gs-verify>span:last-child { flex:1; min-inline-size:0; }
.budget-controls .text-btn,.keys-table .text-btn-stop { box-shadow:0 0 0 1px var(--hairline); border-radius:var(--r-ctl); padding-inline:var(--s-3); }
.keys-table td:nth-child(2) { white-space:nowrap; }
@media(max-width:767px) { .receipt::before { content:'Scroll horizontally to see all columns →'; display:block; color:var(--text-2); font-size:var(--text-label); margin-block-end:var(--s-2); } }
/* Playground remains a functional account tool, not a marketing embed. */
.pg-msg { margin-block-end:var(--s-5); }.pg-msg-user { background:var(--surface-2); padding:var(--s-4); border-radius:var(--r-card); }
.pg-msg-role { font-size:var(--text-label); color:var(--text-2); margin-block-end:var(--s-2); }
.pg-md-code { background:var(--code-bg); color:var(--code-text); padding:var(--s-4); overflow-x:auto; border-radius:var(--r-card); }
.pg-md-h { font-weight:600; margin-block:var(--s-4) var(--s-2); }
.pg-think { color:var(--text-2); padding:var(--s-3); background:var(--surface-2); border-radius:var(--r-ctl); margin-block:var(--s-3); }
.pg-think summary { cursor:pointer; min-block-size:44px; }.pg-think-body { white-space:pre-wrap; }.pg-think-count { margin-inline-start:var(--s-2); }
.pg-error { padding:var(--s-4); border-inline-start:4px solid var(--danger); background:var(--surface-2); border-radius:var(--r-ctl); }.pg-error-body { white-space:pre-wrap; }
.pg-receipt { display:flex; flex-wrap:wrap; gap:var(--s-3); padding-block:var(--s-3); color:var(--text-2); border-block-start:1px dotted var(--hairline); }
.pg-graduate { padding:var(--s-5); background:var(--evidence-soft); border-radius:var(--r-card); }.pg-graduate-go { display:flex; flex-direction:column; align-items:start; margin-block:var(--s-3); }.pg-graduate-go-list { font-size:var(--text-label); }

/* Server-quantized meter classes retain CSP-safe, accurate fill. */
.meter-track::before { content:""; display:block; block-size:100%; inline-size:var(--fill,0%); background:var(--evidence); border-radius:inherit; }
.fill-0 { --fill:0%; }
.fill-5 { --fill:5%; }
.fill-10 { --fill:10%; }
.fill-15 { --fill:15%; }
.fill-20 { --fill:20%; }
.fill-25 { --fill:25%; }
.fill-30 { --fill:30%; }
.fill-35 { --fill:35%; }
.fill-40 { --fill:40%; }
.fill-45 { --fill:45%; }
.fill-50 { --fill:50%; }
.fill-55 { --fill:55%; }
.fill-60 { --fill:60%; }
.fill-65 { --fill:65%; }
.fill-70 { --fill:70%; }
.fill-75 { --fill:75%; }
.fill-80 { --fill:80%; }
.fill-85 { --fill:85%; }
.fill-90 { --fill:90%; }
.fill-95 { --fill:95%; }
.fill-100 { --fill:100%; }

/* Empty records have no columns to scroll; keep their next action on screen. */
.receipt:has(.empty) table { min-inline-size:0; }.receipt:has(.empty) thead { display:none; }.receipt:has(.empty)::before { display:none; }.receipt .empty { text-align:start; }
@media(max-width:767px) { #created-curl { min-block-size:24rem; } }

/* Minimal EN console chrome: site identity, not a second marketing navigation. */
.container { inline-size:min(calc(100% - var(--gutter)*2),var(--container)); margin-inline:auto; }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:var(--s-5); min-block-size:64px; }
.home-link { text-decoration:none; }
.site-header a { display:inline-flex; align-items:center; min-block-size:44px; }
.site-header ul { display:flex; align-items:center; gap:var(--s-5); margin:0; padding:0; list-style:none; }
.site-header nav a { font-size:var(--text-small); font-weight:500; text-decoration:none; color:var(--text-2); }
.site-header nav a:hover { color:var(--text-1); }
.wordmark { display:inline-flex; align-items:center; gap:0.5em; font-family:var(--font-sans); font-weight:600; font-size:18px; letter-spacing:-0.02em; color:var(--text); }
.wordmark-mark { flex-shrink:0; display:block; }
.wordmark-mark-frame { fill:var(--brand-ink); }
.wordmark-mark-t { fill:var(--brand-signal); }
.site-footer { border-block-start:1px solid var(--hairline); padding-block:var(--s-6); }
.footer-inner { display:grid; grid-template-columns:1fr 2fr; gap:var(--s-6); }
.footer-note { margin-block:var(--s-3); max-inline-size:40ch; color:var(--text-2); font-size:var(--text-small); }
.footer-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s-5); }
.footer-groups h2 { font-size:var(--text-label); line-height:var(--leading-label); text-transform:uppercase; letter-spacing:var(--tracking-label); margin-block-end:var(--s-3); }
.footer-groups ul { list-style:none; margin:0; padding:0; }
.site-footer a { display:inline-flex; align-items:center; min-block-size:24px; font-size:var(--text-small); color:var(--text-2); }
.copyright { font-size:var(--text-label); color:var(--text-2); margin-block-start:var(--s-4); }
@media(max-width:767px) {
  .header-inner { min-block-size:56px; gap:var(--s-3); }
  .site-header ul { gap:var(--s-3); }
  .site-header nav a { font-size:var(--text-label); }
  .footer-inner { grid-template-columns:1fr; }
}
@media(forced-colors:active) { .wordmark-mark-frame,.wordmark-mark-t { fill:CanvasText; }.wordmark-mark rect { fill:Canvas; } }