:root {
  color-scheme: light;
  --bg: #f4f6f8;
  --surface: #ffffff;
  --surface-2: #e8edf2;
  --text: #172336;
  --muted: #35465b;
  --muted-2: #5c6571;
  --line: #c7ced6;
  --accent: #f6b568;
  --accent-hover: #ffc98f;
  --accent-ink: #884619;
  --focus: #164f8f;
  --link: #234f72;
  --sage: #245c4c;
  --danger: #a12f25;
  --radius: 10px;
  --mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  --body: "Golos Text", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 24px; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.65 var(--body); -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font: inherit; }
input, textarea, select { font-size: max(16px, 1em); }
button, a, input, textarea, select, summary { touch-action: manipulation; }
button { color: inherit; cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .55; }
a { color: inherit; text-underline-offset: 4px; }
a:hover { color: var(--link); }
p { margin: 0 0 1.1em; }
h1, h2, h3 { margin: 0; font-weight: 600; letter-spacing: -.025em; line-height: 1.13; overflow-wrap: break-word; }
h1 { font-size: clamp(2.4rem, 5vw, 4.3rem); }
h2 { font-size: clamp(1.8rem, 3.3vw, 2.7rem); }
h3 { font-size: 1.3rem; line-height: 1.3; letter-spacing: -.02em; }
em { color: var(--accent); font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
img { display: block; max-width: 100%; height: auto; }
:where(button, a, input, textarea, select, summary, [tabindex]):focus-visible { outline: 3px solid var(--focus); outline-offset: 5px; }
main:focus { outline: 0; }
[hidden] { display: none !important; }
.container { width: min(1320px, calc(100% - 96px)); margin-inline: auto; }
.section { padding-block: 80px; }
.muted { color: var(--muted); }
.accent { color: var(--accent); }
.mono, .eyebrow { font-family: var(--mono); }
.eyebrow { color: var(--muted); font-size: .75rem; letter-spacing: .11em; text-transform: uppercase; margin-bottom: 22px; }
.tiny-star { color: var(--accent); margin-right: 9px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: absolute; left: 20px; top: -100px; z-index: 20; background: var(--text); color: white; padding: 12px 20px; border-radius: 6px; }
.skip-link:focus { top: 10px; }
.site-header, .site-footer { --bg: #111b2b; --surface: #17283d; --surface-2: #21374e; --text: #f5f3eb; --muted: #b6c5d4; --line: #35506a; --link: #f6b568; --focus: #f6b568; --sage: #f6b568; background: var(--bg); color: var(--text); }
.site-header { border-bottom: 1px solid var(--line); }
.header-inner { display: flex; align-items: center; gap: 32px; min-height: 80px; }
.header-lower { display: contents; }
.header-inner > .brand { order: 0; min-height: 44px; }
.header-inner .primary-nav { order: 1; }
.header-inner > .language-switch { order: 2; }
.header-inner .header-actions { order: 3; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 24px; line-height: 1; font-weight: 650; text-decoration: none; letter-spacing: -.06em; flex-shrink: 0; }
.brand-light { font-family: var(--body); font-weight: 400; }
.brand img { flex-shrink: 0; }
.primary-nav { display: flex; gap: 24px; align-items: center; font-size: .875rem; }
.primary-nav a, .header-login, .footer-main nav a { text-decoration: none; }
.primary-nav a { padding-block: 12px; color: var(--muted); }
.primary-nav a[aria-current], .primary-nav a:hover { color: var(--link); }
.language-switch { display: flex; align-items: center; gap: 2px; margin-left: auto; font-size: .8125rem; white-space: nowrap; }
.language-switch a, .language-switch span { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px; border-radius: 6px; text-decoration: none; }
.language-switch [aria-current] { color: var(--text); background: var(--surface-2); }
.header-actions { display: flex; gap: 20px; align-items: center; font-size: .875rem; }
.beta-badge { color: var(--sage); font: .75rem var(--mono); }
.beta-badge > span, .signal-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--sage); margin-right: 8px; }
.header-actions .beta-badge { display: none; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 48px; padding: 12px 22px; border: 1px solid #f6b568; border-radius: 5px; background: #f6b568; color: #172336; font-weight: 550; font-size: .9375rem; line-height: 1.4; text-align: center; text-decoration: none; }
.button:hover:not(:disabled) { color: #172336; background: #ffc98f; border-color: #ffc98f; }
.button-outline { color: var(--text); background: transparent; border-color: #687582; }
.button-outline:hover:not(:disabled) { color: var(--text); background: var(--surface-2); border-color: var(--text); }
.button-small { padding: 9px 16px; min-height: 44px; font-size: .875rem; }
.button-full { width: 100%; }
.button-danger { background: var(--danger); border-color: var(--danger); color: #fff; }
.button-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.text-button, .copy-button { border: 0; padding: 10px 4px; min-height: 44px; background: transparent; color: var(--sage); font-size: .875rem; text-decoration: underline; text-underline-offset: 4px; }
.text-link { color: var(--sage); display: inline-block; font-size: .9375rem; padding-block: 6px; }
body[data-page="home"] { color-scheme: dark; --bg: #111b2b; --surface: #17283d; --surface-2: #21374e; --text: #f5f3eb; --muted: #b6c5d4; --line: #35506a; --link: #f6b568; --focus: #f5f3eb; }
.hero { display: block; padding-block: 20px 26px; }
.hero-copy { position: relative; max-width: none; }
.hero .eyebrow { margin-bottom: 14px; }
.hero-heading { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: center; gap: 24px; }
.hero h1 { font-size: clamp(3.5rem, 6.15vw, 5.5rem); line-height: 1.04; letter-spacing: -.03em; font-weight: 550; }
.hero h1 span { display: block; }
.hero h1 span:last-child { padding-left: 22%; color: #f6b568; }
.hero-art { width: min(100%, 340px); justify-self: end; pointer-events: none; }
.hero-aperture { display: block; width: 100%; height: auto; overflow: visible; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) and (forced-colors: none) {
  .hero-art { transform: translate(var(--art-x, 0px), var(--art-y, 0px)); transition: transform 160ms ease-out; }
  .hero-art:is([data-art-position="nw"], [data-art-position="w"], [data-art-position="sw"]) { --art-x: -3px; }
  .hero-art:is([data-art-position="ne"], [data-art-position="e"], [data-art-position="se"]) { --art-x: 3px; }
  .hero-art:is([data-art-position="nw"], [data-art-position="n"], [data-art-position="ne"]) { --art-y: -2px; }
  .hero-art:is([data-art-position="sw"], [data-art-position="s"], [data-art-position="se"]) { --art-y: 2px; }
}
.hero-bottom { display: grid; grid-template-columns: 1.05fr 1fr; gap: 80px; align-items: start; margin-top: 28px; }
.hero-lead { max-width: 36em; margin: 0; color: var(--muted); font-size: 1.0625rem; line-height: 1.55; }
.hero-actions { padding-top: 2px; }
.hero .button-row { gap: 12px; }
.hero-actions .field-hint { font-size: .8125rem; line-height: 1.5; margin-top: 10px; max-width: 39em; }
.home-chapter { color-scheme: light; color: var(--text); background: var(--bg); }
.home-chapter--pale { --bg: #e9eff3; --surface: #fff; --surface-2: #dce6ee; --text: #172336; --muted: #35465b; --line: #b8c7d3; --link: #234f72; --focus: #164f8f; }
.home-chapter--ink { color-scheme: dark; --bg: #17283d; --surface: #21374e; --surface-2: #2a425c; --text: #f5f3eb; --muted: #b6c5d4; --line: #425b73; --link: #f6b568; --focus: #f5f3eb; }
.home-chapter--light { --bg: #f4f6f8; --surface: #fff; --surface-2: #e8edf2; --text: #172336; --muted: #35465b; --line: #c7ced6; --link: #234f72; --focus: #164f8f; }
.home-chapter--light .code-block { background: #fff; }
.home-chapter--ink .section-heading h2 { font-size: clamp(2rem, 3.6vw, 3rem); }
body[data-page="home"] .button-outline { color: var(--text); border-color: var(--muted); }
body[data-page="home"] .button-outline:hover:not(:disabled) { background: var(--surface-2); color: var(--text); border-color: var(--text); }
@media (max-width: 1199px) {
  .hero-heading { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); gap: 16px; }
  .hero-art { width: min(100%, 240px); }
  .hero h1 { font-size: clamp(3rem, 6vw, 4.9rem); }
  .hero h1 span:last-child { padding-left: 15%; }
  .hero-bottom { gap: 40px; }
  .hero .button { padding-inline: 16px; }
}
@media (max-width: 800px) {
  .hero { padding-block: 28px 32px; }
  .hero-copy { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; align-items: center; }
  .hero .eyebrow { grid-column: 1; grid-row: 1; margin: 0; }
  .hero-heading { display: contents; }
  .hero-art { grid-column: 2; grid-row: 1; width: clamp(96px, 26vw, 132px); height: auto; }
  .hero h1 { grid-column: 1 / -1; grid-row: 2; margin-top: 12px; font-size: clamp(3.2rem, 7.8vw, 4.2rem); }
  .hero h1 span:last-child { padding-left: 8%; }
  .hero-bottom { grid-column: 1 / -1; grid-row: 3; gap: 24px; grid-template-columns: 1fr; }
  .hero-actions { max-width: 44em; }
  .hero-lead { max-width: 42em; }
}
@media (max-width: 600px) {
  .hero { padding-block: 24px 28px; }
  .hero .eyebrow { font-size: .6875rem; }
  .hero h1 { font-size: clamp(2.3rem, 10.75vw, 2.85rem); line-height: 1.04; }
  .hero-bottom { margin-top: 20px; gap: 18px; }
  .hero-lead { font-size: 1rem; line-height: 1.5; }
  .hero .button-row { flex-wrap: nowrap; gap: 10px; align-items: stretch; }
  .hero .button { flex: 1 1 0; padding: 10px 12px; min-height: 48px; font-size: .875rem; }
  .hero .button:first-child { flex: 1.25 1 0; }
  .hero-actions .field-hint { font-size: .75rem; line-height: 1.45; margin-top: 8px; }
}
@media (forced-colors: active) { .hero-art { display: none; } }
.token-warning { display: flex; gap: 14px; padding: 18px 20px; margin-top: 22px; background: #fff3e7; border-left: 2px solid var(--accent); border-radius: 0 10px 10px 0; }
.warning-icon { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-top: 2px; color: var(--accent); border: 1px solid var(--accent); border-radius: 50%; flex-shrink: 0; font: .8rem var(--mono); }
.token-warning strong { display: block; color: var(--accent); font-size: .9375rem; line-height: 1.45; }
.token-warning p { color: var(--muted); margin: 6px 0 0; font-size: .875rem; line-height: 1.65; }
.token-warning a { display: inline-block; margin-top: 8px; font-size: .875rem; color: var(--accent); }
.facts-strip { border-block: 1px solid var(--line); }
.facts-strip > .container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; padding-block: 20px; font: .75rem/1.6 var(--mono); color: var(--sage); }
.facts-strip span::before { content: "+"; color: var(--accent); margin-right: 10px; }
.section-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: end; margin-bottom: 42px; }
.section-heading p:not(.eyebrow) { color: var(--muted); margin: 0; }
.section-heading .text-link { margin-top: 16px; }
.three-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.principles article { border-top: 1px solid var(--line); padding-top: 24px; }
.step-number { display: block; color: var(--muted); font: .875rem var(--mono); margin-bottom: 24px; }
.principles h3 { margin-bottom: 14px; }
.principles p { color: var(--muted); font-size: .9375rem; }
.examples-section { background: #f4f6f8; border-block: 1px solid var(--line); }
.demo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
.demo-card { min-width: 0; }
.demo-image { display: block; position: relative; border: 1px solid #8b98a6; border-radius: 14px; overflow: hidden; background: var(--surface); }
.demo-image img { width: 100%; aspect-ratio: 1.6; object-fit: cover; }
.demo-pill { position: absolute; top: 16px; left: 16px; padding: 6px 12px; border-radius: 3px; background: #fff; color: #172336; font-size: .8125rem; font-weight: 550; }
.context-pill { background: #f6b568; color: #172336; }
.demo-open { position: absolute; right: 16px; bottom: 16px; display: grid; place-items: center; background: #f6b568; color: #172336; border-radius: 3px; width: 42px; height: 42px; font-size: 24px; }
.demo-card-body { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding-top: 22px; }
.demo-card-body .mono { font-size: .75rem; }
.demo-card-body h3 { margin-top: 8px; font-size: 1.65rem; }
.demo-description { margin-top: 12px; color: var(--muted); font-size: .9375rem; }
.comparison-notes { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 28px; border-top: 1px solid var(--line); padding-top: 26px; margin-top: 30px; }
.comparison-notes .mono { color: var(--sage); font-size: .75rem; }
.comparison-notes p { color: var(--muted); font-size: .9375rem; margin: 0; }
.opinion-section { display: flex; gap: 32px; padding-block: 72px; border-bottom: 1px solid var(--line); }
.opinion-mark { color: var(--accent); font: 7rem/.9 Georgia, serif; }
blockquote { margin: 0 0 20px; font: italic clamp(1.6rem, 2.8vw, 2.2rem)/1.4 Georgia, serif; }
.opinion-section p:not(.eyebrow) { color: var(--muted); max-width: 850px; font-size: .9375rem; }
.start-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }
.start-steps { list-style: none; padding: 0; margin: 0; }
.start-steps li { display: flex; gap: 18px; margin-bottom: 26px; }
.start-steps li > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #8b98a6; border-radius: 50%; color: var(--sage); flex-shrink: 0; font: .8125rem var(--mono); }
.start-steps h3 { font-size: 1.0625rem; margin-bottom: 7px; }
.start-steps p { color: var(--muted); font-size: .9375rem; margin: 0; }
#first-success .field-hint + .button-row { margin-top: 12px; }
.prompt-card, .code-block { min-width: 0; background: #edf1f5; border: 1px solid #c0c9d3; border-radius: 10px; overflow: hidden; }
.code-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 4px 16px; border-bottom: 1px solid var(--line); color: var(--sage); }
.code-header .mono { font-size: .6875rem; overflow-wrap: anywhere; }
.copy-button { flex-shrink: 0; font-size: .8125rem; }
.prompt-text, .code-block pre { margin: 0; padding: 20px; font: .875rem/1.8 var(--mono); color: #202b39; white-space: pre-wrap; overflow-wrap: anywhere; }
.prompt-footer { padding: 14px 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: .8125rem; }
.faq-section { display: grid; grid-template-columns: .8fr 1.5fr; gap: 72px; border-top: 1px solid var(--line); }
summary { cursor: pointer; min-height: 44px; }
.faq-list details { border-top: 1px solid var(--line); }
.faq-list details:last-child { border-bottom: 1px solid var(--line); }
.faq-list summary { padding-block: 20px; font-size: 1rem; }
.faq-list details > p { color: var(--muted); font-size: .9375rem; margin-bottom: 24px; }
.closing-section { padding-block: 50px; border-block: 1px solid var(--line); background: #293321; }
.closing-section > .container { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.closing-section .container > div:last-child > p { margin: 14px 0 0; font-size: .875rem; color: var(--muted); }
.site-footer { padding-top: 40px; }
.footer-main { display: flex; justify-content: space-between; gap: 32px; padding-bottom: 32px; }
.footer-main .brand { font-size: 22px; }
.footer-main p { color: var(--muted); font-size: .8125rem; margin: 14px 0 0; }
.footer-main nav { display: flex; flex-wrap: wrap; gap: 14px 26px; align-content: start; align-items: start; font-size: .875rem; }
.footer-main .language-switch { margin: 14px 0 0; justify-content: start; }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; padding-block: 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: .8125rem; }
.page-intro { padding-block: 56px; }
.page-lead { margin: 24px 0 0; color: var(--muted); font-size: 1.125rem; max-width: 760px; }
.docs-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 64px; align-items: start; padding-bottom: 64px; }
.docs-nav { position: sticky; top: 24px; border-top: 1px solid var(--line); padding-top: 20px; }
.docs-nav > p { font-size: .75rem; }
.docs-nav nav { display: flex; flex-direction: column; }
.docs-nav a { color: var(--muted); font-size: .875rem; padding-block: 8px; text-decoration: none; }
.docs-content { min-width: 0; max-width: 850px; }
.docs-content > section { padding: 28px 0 36px; border-top: 1px solid var(--line); }
.docs-content h2 { font-size: 1.9rem; margin-bottom: 20px; }
.docs-content h3 { margin: 26px 0 14px; }
.docs-content p, .prose-list { color: var(--muted); }
.docs-content a:not(.button) { color: var(--sage); }
.notice { padding: 20px 24px; border: 1px solid #b3c0cb; border-radius: 10px; background: #edf2f6; color: var(--muted); margin: 24px 0; font-size: .9375rem; }
.notice strong { display: block; color: var(--sage); margin-bottom: 7px; }
.notice p:last-child { margin: 0; }
.notice a { color: var(--sage); }
code { font: .875em var(--mono); color: #202b39; background: #e1e8ef; padding: 3px 5px; border-radius: 4px; overflow-wrap: anywhere; }
.code-block { margin-block: 22px; }
.code-block code { font: inherit; background: none; padding: 0; }
.prose-list { padding-left: 24px; }
.prose-list li { padding-left: 4px; margin-bottom: 12px; }
.client-option, .prompt-details { padding: 0 20px; border: 1px solid var(--line); border-radius: 10px; margin: 14px 0; }
.client-option > summary, .prompt-details > summary { padding-block: 17px; font-weight: 600; }
.client-option[open] { border-color: #829b67; }
.client-option > :last-child { margin-bottom: 22px; }
.prompt-details .prompt-text { padding: 0 0 20px; }
.auth-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: start; padding-block: 64px 80px; max-width: 1120px; }
.auth-intro > p:not(.eyebrow) { margin-top: 24px; color: var(--muted); font-size: 1.0625rem; }
.auth-decoration { display: flex; align-items: center; gap: 24px; color: var(--sage); margin-top: 40px; }
.auth-decoration > span { font-size: 80px; color: var(--accent); line-height: 1; }
.auth-decoration .mono { font-size: .8125rem; }
.auth-card, .issue-card, .admin-state-card { padding: 32px; background: var(--surface); border: 1px solid #b9c2cc; border-radius: var(--radius); }
.auth-card h2 { font-size: 1.8rem; margin-bottom: 14px; }
.auth-card > .muted { font-size: .9375rem; }
.form-field { margin-block: 22px; }
.form-field label { display: block; font-size: .9375rem; margin-bottom: 8px; }
input:not([type="checkbox"]) { display: block; width: 100%; min-width: 0; min-height: 48px; border: 1px solid #71808e; border-radius: 7px; background: #ffffff; color: var(--text); padding: 11px 12px; }
input::placeholder { color: #67727e; opacity: 1; }
.field-hint, .form-footnote { color: var(--muted); font-size: .875rem; margin: 10px 0 0; }
.form-footnote { margin-top: 22px; }
.checkbox-field { display: flex; gap: 12px; align-items: flex-start; font-size: .9375rem; }
input[type="checkbox"] { width: 20px; height: 20px; flex-shrink: 0; margin: 4px 0 0; accent-color: var(--accent); }
.form-status { font-size: .9375rem; min-height: 1.6em; margin-block: 12px; color: var(--sage); overflow-wrap: anywhere; }
.form-status[data-state="error"] { color: var(--danger); }
.account-layout, .admin-layout { padding-block: 48px 72px; }
.account-heading, .admin-state-heading { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.account-heading h1 { font-size: clamp(2.4rem, 4.5vw, 3.6rem); }
.account-heading .muted { margin: 18px 0 0; overflow-wrap: anywhere; }
.account-status-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; border-block: 1px solid var(--line); padding-block: 20px; }
.account-status-bar p { flex: 1; margin: 0; color: var(--muted); font-size: .9375rem; }
.account-status-bar a { font-size: .875rem; color: var(--sage); }
.status-badge { display: inline-flex; align-items: center; width: fit-content; max-width: 100%; padding: 5px 10px; border: 1px solid #73887c; border-radius: 20px; color: var(--sage); font-size: .8125rem; line-height: 1.4; }
.status-badge[data-state="paused"], .status-badge[data-state="expired"] { color: var(--accent); border-color: #946537; }
.status-badge[data-state="revoked"] { color: var(--muted); border-color: var(--line); }
.account-grid { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(0, 1.35fr); gap: 32px; align-items: start; margin-top: 28px; }
.account-grid > * { min-width: 0; }
.compact-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 16px; }
.compact-heading h2, .issue-card h2 { font-size: 1.55rem; }
.token-list-section > .muted { font-size: .9375rem; }
.tokens-list { display: grid; gap: 14px; }
.token-item { border: 1px solid var(--line); border-radius: 12px; padding: 20px; background: var(--surface); }
.token-item-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.token-item-head > div { min-width: 0; }
.token-item h3 { font-size: 1.0625rem; overflow-wrap: anywhere; }
.token-prefix { display: block; font: .8125rem var(--mono); color: var(--muted); margin-top: 10px; overflow-wrap: anywhere; }
.token-item dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; font-size: .875rem; margin: 20px 0 8px; }
.token-item dt { color: var(--muted); }
.token-item dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.token-item .text-button { color: var(--danger); }
.empty-state { border: 1px dashed #8b98a6; border-radius: 12px; padding: 32px 24px; text-align: center; }
.empty-state > span { display: block; font-size: 32px; color: var(--accent); margin-bottom: 10px; }
.empty-state h3 { margin-bottom: 10px; }
.empty-state p { color: var(--muted); font-size: .9375rem; margin: 0; }
.small-note-card { padding: 24px 4px; color: var(--muted); font-size: .875rem; }
.small-note-card h3 { font-size: 1rem; color: var(--text); margin-bottom: 10px; }
.account-help { display: flex; align-items: start; gap: 14px; border-top: 1px solid var(--line); margin-top: 36px; padding-top: 24px; color: var(--muted); font-size: .9375rem; }
.secret-panel { padding: 28px; border: 2px solid var(--accent); border-radius: 14px; background: #fff3e7; margin-block: 24px; }
.secret-panel h2 { font-size: 1.65rem; margin-bottom: 14px; }
.secret-panel p { color: var(--muted); }
.secret-value { font-family: var(--mono) !important; margin: 20px 0; }
.admin-layout { max-width: 940px; }
.admin-layout .page-intro { padding-block: 24px 32px; }
.admin-state-heading h2 { font-size: 1.6rem; }
.admin-state-heading .muted { margin: 10px 0 0; font-size: .875rem; }
.admin-state-card > p { color: var(--muted); }
dialog { width: min(560px, calc(100% - 32px)); max-height: calc(100% - 40px); padding: 0; border: 1px solid #71808e; border-radius: 16px; color: var(--text); background: #ffffff; box-shadow: 0 24px 80px #0009; }
dialog::backdrop { background: #141920a8; }
.dialog-content { padding: 28px; }
.dialog-content h2 { font-size: 1.7rem; margin-bottom: 20px; }
.dialog-content p { color: var(--muted); overflow-wrap: anywhere; }
.dialog-content .button-row { margin-top: 24px; }
.legal-layout { max-width: 880px; padding-block: 56px 72px; }
.legal-layout > section, .legal-content > section { border-top: 1px solid var(--line); padding-top: 28px; margin-top: 32px; }
.legal-layout h2 { font-size: 1.7rem; margin-bottom: 20px; }
.legal-layout section p, .operator-details { color: var(--muted); }
.operator-details { font-size: .9375rem; }
.game-page { padding-block: 30px 64px; }
.breadcrumb { display: flex; gap: 12px; flex-wrap: wrap; font-size: .875rem; color: var(--muted); margin-bottom: 28px; }
.game-heading { display: flex; justify-content: space-between; align-items: center; gap: 28px; }
.game-subtitle { display: block; margin-top: 12px; font-size: 1rem; font-weight: 400; letter-spacing: 0; color: var(--muted); }
.game-lead { color: var(--muted); font-size: 1.0625rem; margin: 24px 0; max-width: 850px; }
.game-toolbar { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding-block: 18px; border-top: 1px solid var(--line); }
.game-toolbar > span { font-size: .875rem; color: var(--sage); }
.game-toolbar .text-link { margin-left: auto; }
.game-stage { border: 1px solid #8b98a6; border-radius: 12px; overflow: hidden; background: var(--surface); min-height: 660px; }
.game-placeholder { position: relative; height: min(80vh, 850px); min-height: 660px; display: grid; align-items: center; }
.game-placeholder > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(.4); }
.game-placeholder-overlay { position: relative; padding: 40px; }
.game-placeholder-overlay .mono { color: var(--sage); font-size: .8125rem; }
.game-placeholder-overlay h2 { font-size: clamp(2rem, 4vw, 3.2rem); margin: 22px 0; }
.game-placeholder-overlay p { font-size: .9375rem; margin: 20px 0 0; }
.game-frame { display: block; width: 100%; height: min(80vh, 850px); min-height: 660px; border: 0; background: #e5d2b5; }
.game-bottom-bar { display: flex; align-items: start; gap: 26px; margin: 20px 0 32px; }
.game-bottom-bar p { color: var(--muted); font-size: .875rem; margin: 0; }
.game-bottom-bar button { flex-shrink: 0; }
.game-details-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 64px; padding-block: 36px; border-top: 1px solid var(--line); }
.game-details-grid > section { min-width: 0; }
.game-details-grid .mono { overflow-wrap: anywhere; }
.game-details-grid h2 { font-size: 1.8rem; margin-bottom: 22px; }
.game-details-grid p { color: var(--muted); }
.controls-list > div { display: flex; align-items: center; gap: 22px; border-bottom: 1px solid var(--line); padding-block: 12px; font-size: .9375rem; }
.controls-list dt { min-width: 140px; }
.controls-list dd { margin: 0; color: var(--muted); }
kbd { font: .875em var(--mono); border: 1px solid #8b98a6; border-bottom-width: 2px; border-radius: 4px; background: #e7edf2; padding: 3px 6px; white-space: nowrap; }
.source-details { padding: 16px 0; border-block: 1px solid var(--line); margin: 24px 0; }
.source-details p { margin: 16px 0; font-size: .875rem; }
.commit-pin { display: block; word-break: break-all; }
.workflow-page { max-width: 1000px; padding-bottom: 72px; }
.workflow-media { max-width: 720px; margin: 0 auto 48px; }
.workflow-video { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border: 1px solid var(--line); border-radius: 12px; background: #0c1009; }
.workflow-video::cue { font-family: Arial, sans-serif; font-size: clamp(14px, 1.6vw, 20px); line-height: 1.3; background: rgb(0 0 0 / 94%); color: #fff; }
.workflow-media figcaption { padding-top: 18px; color: var(--muted); font-size: .9375rem; }
.workflow-duration { display: block; color: var(--sage); font: .8125rem var(--mono); margin-bottom: 12px; }
.workflow-steps { list-style: none; padding: 0; margin: 28px 0 36px; }
.workflow-steps li { display: flex; gap: 24px; padding-block: 24px; border-top: 1px solid var(--line); }
.workflow-steps .step-number { margin: 0; min-width: 24px; color: var(--muted); }
.workflow-steps h3 { margin-bottom: 12px; }
.workflow-steps p { margin: 0; color: var(--muted); }
.workflow-page > .button { margin-top: 24px; }
.back-to-top { position: fixed; inset-inline-end: max(20px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); z-index: 10; gap: 10px; min-height: 44px; padding: 10px 16px; box-shadow: 0 4px 18px #0005; }
.back-to-top svg { flex: 0 0 auto; }
.header-actions { min-width: 12rem; justify-content: end; }
.header-actions [data-session-link] { white-space: nowrap; }
.button[data-session-link] { display: inline-grid; grid-template-columns: minmax(0, 1fr); }
.button[data-session-link] > span, .button[data-session-link]::after { grid-area: 1 / 1; }
.button[data-session-link]::after { content: attr(data-guest-text); visibility: hidden; }
@media (hover: hover) and (pointer: fine) {
  :where(button, .button):not(:disabled):not([aria-disabled="true"]):hover { filter: brightness(1.06); }
  :where(button, .button):not(:disabled):not([aria-disabled="true"]):active { filter: brightness(.96); }
  :where(input, textarea, select):not(:disabled):hover { border-color: var(--sage); }
  summary:hover { color: var(--sage); }
}
@media (prefers-reduced-motion: no-preference) {
  a { transition: color 140ms ease, text-decoration-color 140ms ease; }
  button, .button { transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease, transform 140ms ease; }
  :where(button, .button):not(:disabled):not([aria-disabled="true"]):active { transform: scale(.985); }
  :where(input, textarea, select) { transition: border-color 120ms ease, background-color 120ms ease; }
  summary { transition: color 140ms ease, background-color 140ms ease; }
  details[open] > :not(summary) { animation: content-enter 140ms ease; }
  dialog[open] .dialog-content { animation: dialog-enter 160ms ease; }
  dialog[open]::backdrop { animation: content-enter 160ms ease; }
  .token-item, .game-frame, .form-status:not(:empty) { animation: content-enter 160ms ease; }
  @media (hover: hover) and (pointer: fine) {
    .button:not(:disabled):not([aria-disabled="true"]):hover { transform: translateY(-1px); }
    .button:not(:disabled):not([aria-disabled="true"]):active { transform: scale(.985); }
  }
}
@keyframes content-enter { from { opacity: 0; } to { opacity: 1; } }
@keyframes dialog-enter { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1100px) {
  .container { width: calc(100% - 48px); }
  .header-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0 12px; min-height: 0; padding-block: 10px; }
  .header-inner > .brand { grid-column: 1; grid-row: 1; justify-self: start; min-height: 44px; }
  .header-inner > .language-switch { grid-column: 2; grid-row: 1; margin-left: 0; }
  .header-lower { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 12px; grid-column: 1 / -1; grid-row: 2; min-width: 0; }
  .header-lower .primary-nav { flex-wrap: nowrap; gap: 18px; }
  .header-lower .primary-nav a { white-space: nowrap; }
  .header-lower .primary-nav a[href="/workflow"], .header-lower .primary-nav a[href="/en/workflow"] { display: none; }
  .header-lower .header-actions { min-width: 0; margin-left: auto; }
  .header-lower .header-actions .header-login { width: auto; min-height: 44px; }
  .header-lower .header-actions [data-session-secondary] { display: none; }
  .primary-nav { gap: 18px; }
  .section-heading, .start-grid, .faq-section, .auth-layout { gap: 36px; }
  .docs-layout { gap: 40px; grid-template-columns: 180px minmax(0, 1fr); }
}
@media (max-width: 800px) {
  .section-heading, .start-grid, .faq-section, .auth-layout, .game-details-grid { grid-template-columns: 1fr; }

  .section { padding-block: 56px; }
  .section-heading { gap: 24px; margin-bottom: 30px; }
  .three-columns { gap: 24px; }
  .docs-layout { display: block; }
  .docs-nav { position: static; margin-bottom: 30px; }
  .docs-nav nav { flex-direction: row; flex-wrap: wrap; gap: 0 22px; }
  .auth-layout { padding-block: 40px 64px; max-width: 660px; }
  .auth-decoration { display: none; }
  .account-grid { grid-template-columns: 1fr; }
  .account-heading, .game-heading { align-items: start; flex-direction: column; }
  .account-status-bar p { flex-basis: 60%; }
  .account-layout, .admin-layout { padding-top: 36px; }
  .game-bottom-bar { flex-direction: column; gap: 12px; }
  .footer-main { flex-direction: column; }
}
@media (max-width: 600px) {
  .container { width: calc(100% - 36px); }
  .header-inner { gap: 0 8px; padding-block: 10px; }
  .brand { font-size: 20px; gap: 7px; }
  .brand img { width: 25px; height: 25px; }
  .language-switch { grid-column: 2; grid-row: 1; font-size: .75rem; }
  .language-switch a, .language-switch span { padding-inline: 7px; }
  .header-lower .primary-nav { gap: 12px; font-size: .8125rem; }
  .primary-nav a { padding-block: 7px; }
  .header-lower .header-actions { justify-content: end; font-size: .8125rem; min-width: 0; }
  .header-actions .button { display: none; }
  .header-actions [data-session-link] { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; font-size: .8125rem; padding: 7px 0; border: 0; background: transparent; color: var(--sage); }
  .header-actions [data-session-secondary] { display: none; }
  .header-actions .text-button { padding-block: 7px; min-height: 44px; }
  .eyebrow { margin-bottom: 18px; font-size: .6875rem; }
  .token-warning { padding: 16px; gap: 12px; }
  .token-warning .warning-icon { display: none; }





  .facts-strip > .container { display: grid; grid-template-columns: 1fr; font-size: .75rem; gap: 8px; }
  .three-columns, .demo-grid { grid-template-columns: 1fr; }
  .comparison-notes { grid-template-columns: 1fr; gap: 12px; }
  .demo-card-body { padding-top: 16px; }
  .opinion-section { padding-block: 48px; gap: 16px; }
  .opinion-mark { font-size: 4.5rem; }
  .closing-section > .container { flex-direction: column; align-items: start; gap: 24px; }
  .closing-section .button { width: 100%; }
  .closing-section .container > div { width: 100%; }
  .footer-main nav { flex-direction: column; gap: 12px; }
  .page-intro { padding-block: 36px; }
  .page-lead { font-size: 1rem; margin-top: 20px; }
  .docs-content h2 { font-size: 1.7rem; }
  .code-header { padding-inline: 12px; gap: 10px; }
  .code-block pre, .prompt-text { padding: 16px; font-size: .8125rem; }
  .notice { padding: 18px; }
  .auth-card, .issue-card, .admin-state-card { padding: 24px 20px; }
  .auth-intro h1 { font-size: 2.6rem; }
  .account-status-bar { align-items: start; }
  .account-status-bar p { flex-basis: 100%; }
  .token-item { padding: 18px; }
  .token-item-head { flex-direction: column; gap: 14px; }
  .token-item dl { grid-template-columns: 1fr; gap: 12px; }
  .token-item dl > div { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 12px; }
  .token-item dd { margin: 0; }
  .secret-panel { padding: 20px 16px; }
  .secret-panel .button-row .button { width: 100%; }
  .admin-state-heading { flex-direction: column; align-items: start; gap: 16px; }
  .dialog-content { padding: 24px 20px; }
  .dialog-content .button { width: 100%; }
  .legal-layout { padding-block: 36px 56px; }
  .game-heading h1 { font-size: 2.7rem; }
  .game-toolbar { align-items: start; gap: 12px; }
  .game-toolbar .text-link { margin-left: 0; }
  .game-stage, .game-placeholder { min-height: 660px; }
  .game-placeholder-overlay { padding: 24px; }
  .game-placeholder-overlay h2 { font-size: 2rem; }
  .game-frame, .game-placeholder { height: 700px; min-height: 660px; }
  .controls-list dt { min-width: 110px; }
  .controls-list > div { gap: 16px; }
  .workflow-steps li { gap: 16px; }
  .workflow-steps p { font-size: .9375rem; }
}
@media (max-width: 360px) {
  .container { width: calc(100% - 28px); }
  .brand { font-size: 18px; gap: 6px; }
  .brand img { width: 23px; height: 23px; }
  .language-switch { font-size: .6875rem; }
  .language-switch a, .language-switch span { padding-inline: 6px; }
  .primary-nav { gap: 15px; }
  .header-lower .primary-nav { gap: 10px; font-size: .75rem; }
  .header-actions [data-session-link] { font-size: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  html { color-scheme: light; }
  body { color: black; background: white; font-size: 12pt; }
  body[data-page="home"], .home-chapter { color-scheme: light; color: black; background: white; --text: #000; --muted: #000; --line: #777; }
  .hero h1 span:last-child { color: black; }
  .hero-art { display: none; }
  .site-header, .site-footer, .docs-nav, .button, .copy-button, .game-stage, .game-toolbar, .game-bottom-bar, .xray-controls, .back-to-top { display: none !important; }
  .container { width: 100%; max-width: none; }
  .docs-layout, .section-heading, .three-columns, .start-grid, .faq-section, .demo-grid, .account-grid { display: block; }
  .section, .page-intro, .legal-layout { padding-block: 16px; }
  p, .muted, .eyebrow, code, a { color: black !important; }
  .notice, .token-warning, .decision-xray, .xray-card { background: white; color: black; border: 1px solid #777; }
  .opinion-section { break-inside: avoid; }
}

@font-face { font-family: "Golos Text"; src: url("/assets/fonts/golos-text-variable.woff2") format("woff2"); font-style: normal; font-weight: 400 900; font-display: swap; }
body { font-size: 17px; line-height: 1.55; }
.button-danger:hover:not(:disabled) { color: #fff; background: #7c241c; border-color: #7c241c; }
.text-button, .copy-button, .text-link { color: var(--link); }
.token-warning { border-left-color: var(--accent-ink); border-radius: 0; }
.token-warning strong, .token-warning a, .warning-icon { color: var(--accent-ink); }
.warning-icon { border-color: var(--accent-ink); }
.examples-section { padding-block: 0 48px; background: transparent; border: 0; }
.examples-section .section-heading { display: block; margin-bottom: 24px; padding-top: 24px; border-top: 1px solid var(--line); }
.examples-section h2 { font-size: clamp(1.7rem, 2.35vw, 2.1rem); line-height: 1.15; max-width: 36em; }
.examples-section .section-heading p { font-size: .9375rem; line-height: 1.5; }
.demo-grid { gap: 28px; }
.demo-image { border-color: #9ba7b3; border-radius: 4px; background: #e2e8ee; }
.demo-image img { width: 100%; aspect-ratio: 1.6; object-fit: cover; }
.demo-card-body { padding-top: 18px; gap: 16px; }
.demo-card-body h3 { font-size: 1.45rem; margin: 0; }
.demo-description { font-size: .875rem; margin-top: 8px; }
.examples-section .notice { background: transparent; border: 0; border-top: 1px solid var(--line); padding: 18px 0 0; border-radius: 0; margin: 20px 0 0; font-size: .875rem; }
.decision-xray { padding-block: 40px 52px; border-top: 1px solid var(--line); }
.xray-topline { color: var(--muted); font: .75rem var(--mono); margin-bottom: 12px; }
.xray-intro { font-size: 2rem; margin-bottom: 32px; }
.xray-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.xray-card { min-width: 0; border-top: 2px solid var(--text); padding-top: 18px; }
.xray-card h3 { font-size: 1.0625rem; margin-bottom: 12px; letter-spacing: -.01em; }
.xray-card p { color: var(--muted); font-size: .9375rem; margin: 0 0 10px; line-height: 1.55; }
.xray-card .xray-question { color: var(--text); }
.xray-caption { max-width: 52em; color: var(--muted); margin: 20px 0 0; font-size: .875rem; }
.opinion-section { padding-block: 44px; border-block: 1px solid var(--line); }
.opinion-section .eyebrow { margin-bottom: 14px; }
blockquote { font: 400 clamp(1.5rem, 2.4vw, 2rem)/1.35 var(--body); max-width: 38em; margin-bottom: 14px; letter-spacing: -.02em; }
.principles .step-number, .start-steps li > span { color: var(--muted); }
.auth-card, .issue-card, .admin-state-card { background: #fff; border-color: var(--line); }
.auth-layout h1 { font-size: clamp(2.5rem, 4.5vw, 4rem); }
.auth-decoration { display: none; }
.docs-nav a { color: var(--link); text-decoration: underline; text-underline-offset: 4px; }
.docs-nav a:hover { color: var(--text); }
.notice strong, .notice a, .docs-content a:not(.button) { color: var(--link); }
.status-badge[data-state="paused"], .status-badge[data-state="expired"] { color: var(--accent-ink); }
.secret-panel { border-color: var(--accent-ink); border-radius: 6px; }
.token-item { border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; padding: 22px 0; }
.tokens-list { gap: 0; border-bottom: 1px solid var(--line); }
.empty-state { border-color: var(--line); border-radius: 5px; background: #fff; }
.game-placeholder-overlay { color: #fff; }
.game-placeholder-overlay .mono, .game-placeholder-overlay p { color: #fff; }
.game-placeholder-overlay .button { background: #fff; color: #141920; border-color: #fff; }
.game-placeholder-overlay .button:hover { background: #e8edf2; color: #141920; }
@media (max-width: 800px) {
  .xray-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
  .examples-section .section-heading { gap: 24px; }
}
@media (max-width: 600px) {
  body { font-size: 16px; }
  .examples-section { padding-bottom: 32px; }
  .examples-section .section-heading { grid-template-columns: 1fr; padding-top: 20px; gap: 12px; margin-bottom: 20px; }
  .examples-section h2 { font-size: 1.75rem; line-height: 1.15; }
  .examples-section .section-heading p { font-size: .875rem; line-height: 1.5; }
  .demo-grid { gap: 28px; }
  .demo-card-body { padding-top: 14px; gap: 12px; }
  .demo-card-body h3 { font-size: 1.25rem; }
  .demo-card-body .text-link { font-size: .8125rem; }
  .decision-xray { padding-block: 32px; }
  .xray-intro { font-size: 1.6rem; margin-bottom: 24px; }
  .xray-flow { grid-template-columns: 1fr; gap: 18px; }
  .xray-card { padding-top: 16px; }
  .xray-card p { font-size: .9375rem; }
  .opinion-section { padding-block: 32px; }
}

.primary-nav a, .header-login, .demo-card-body .text-link { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; }
.comparison-intro { max-width: 64em; margin: 24px 0 0; color: var(--muted); font-size: .9375rem; line-height: 1.55; }
@media (max-width: 600px) {
  .comparison-intro { font-size: .875rem; margin-top: 20px; }
}

.button[data-session-link] > span { align-self: stretch; display: flex; align-items: center; justify-content: center; }
.header-actions .header-login { width: 8rem; justify-content: center; }
.header-actions .header-login [data-session-label] { width: 100%; text-align: center; }

.game-placeholder-overlay .button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; box-shadow: 0 0 0 4px #141920; }

@media (forced-colors: active) {
  .game-placeholder-overlay .button:focus-visible {
    forced-color-adjust: none;
    color: CanvasText;
    background: Canvas;
    border-color: CanvasText;
    outline-color: Canvas;
    box-shadow: 0 0 0 8px CanvasText;
  }
}

/*
Copyright 2019 The Golos Text Project Authors (https://github.com/googlefonts/golos-text)

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
https://scripts.sil.org/OFL


-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------

PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.

The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.

DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.

"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).

"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).

"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.

"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.

PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:

1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.

2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.

3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.

4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.

5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.

TERMINATION
This license becomes null and void if any of the above conditions are
not met.

DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

*/

.guide-layout{max-width:1040px;padding-bottom:72px}.guide-layout .page-intro{max-width:820px}.guide-layout section{margin-block:40px;scroll-margin-top:24px}.guide-nav{display:flex;flex-wrap:wrap;gap:8px 22px;padding:18px 0;border-block:1px solid var(--line)}.guide-nav a{min-height:44px;display:inline-flex;align-items:center}.guide-recipe{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.guide-recipe h3{margin:0 0 12px}.guide-layout pre,.agent-setup pre,#home-prompt{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.guide-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.guide-roles dt{font-weight:650;margin-bottom:8px}.guide-roles dd{margin:0}.guide-advanced{border-top:1px solid var(--line);padding-top:16px}.guide-advanced summary{font-weight:650;cursor:pointer;min-height:44px}.agent-setup{max-width:900px;margin:0 0 48px;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.agent-setup h2{margin-top:0}.account-guide-link{margin-top:-12px}.primary-nav{flex-wrap:wrap}.primary-nav a{min-height:44px;display:inline-flex;align-items:center}.guide-layout :focus-visible,.agent-setup :focus-visible{outline:3px solid var(--focus);outline-offset:4px}
body[data-page="admin"] .admin-layout{max-width:1200px;padding-block:24px 56px}.analytics{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px}.analytics-heading,.analytics-section,.analytics-health-strip,.admin-access-controls{grid-column:1/-1}.analytics-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:12px}.analytics h1{font-size:1.8rem;line-height:1.2;margin:0}.admin-access-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:0 14px;font-size:.8rem;max-width:55%}.admin-access-summary strong{font-weight:600}.admin-access-summary a{grid-column:1/-1;justify-self:start;min-height:44px;display:inline-flex;align-items:center}.analytics-section-nav{grid-row:2;grid-column:1}.analytics>#analytics-refresh{grid-row:2;grid-column:2;align-self:center}.analytics>#analytics-applied,.analytics>#analytics-freshness,.analytics>#analytics-status{grid-column:1/-1;font-size:.8rem;line-height:1.5;margin:4px 0}.analytics>#analytics-status:empty{display:none}.analytics>#analytics-filters{grid-column:1/-1;margin-top:4px}.analytics p,.analytics dd,.analytics h3,.analytics h4{overflow-wrap:anywhere}.analytics-nav{display:flex;flex-wrap:wrap;gap:8px 16px;padding-block:8px}.analytics-nav a{min-height:44px;display:inline-flex;align-items:center}.analytics summary{min-height:44px;display:list-item;cursor:pointer;padding-block:10px;font-weight:550;font-size:.875rem;overflow-wrap:anywhere}.analytics label{display:grid;gap:6px;margin:10px 0;font-size:.875rem}.analytics input,.analytics select{width:100%;min-width:0;font:inherit;font-size:16px;min-height:46px;padding:10px;border:1px solid #718198;border-radius:5px;background:white;color:#111b2b}.analytics-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 16px}.analytics-fields>label{grid-row:span 2;grid-template-rows:subgrid;margin:10px 0;align-items:start}.analytics-fields input,.analytics-fields select{box-sizing:border-box;height:48px;min-height:48px;max-height:48px}.analytics form>p,.analytics-caption,.analytics-scope{font-size:.8125rem;line-height:1.5;color:#445469}.analytics-section{margin-top:28px;min-width:0;scroll-margin-top:16px}.analytics-section h2{font-size:1.25rem;margin:0 0 10px;line-height:1.3}.analytics-section h3{font-size:1rem;margin:18px 0 8px}.analytics-section h4{font-size:.875rem;margin:0 0 6px}.analytics-section>p{font-size:.875rem;line-height:1.5;max-width:90ch;margin:8px 0 16px}.analytics-snapshot{margin-top:12px}.analytics-snapshot-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.analytics-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.analytics-card{min-width:0;border:1px solid #b0bbc7;background:white;border-radius:10px;padding:14px}.analytics-card h3{font-size:.875rem;margin:0 0 10px}.analytics-snapshot-cards>.analytics-card,.analytics-cards>.analytics-card{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:10px}.analytics-snapshot-cards>.analytics-card>h3,.analytics-cards>.analytics-card>h3{margin:0}.analytics-snapshot-cards .analytics-primary-value,.analytics-cards .analytics-measure{align-self:start}.analytics-primary-value{font-size:2rem;line-height:1.1;display:block;color:#17283d;font-variant-numeric:tabular-nums}.analytics-snapshot .analytics-caption{margin:10px 0 2px}.analytics-snapshot .analytics-scope{margin:2px 0}.analytics-measure{display:grid;gap:4px;font-size:.75rem;line-height:1.4}.analytics-measure strong{font-size:1.2rem;line-height:1.2;font-variant-numeric:tabular-nums}.analytics-measure small{font-size:inherit;color:#445469}.analytics-measure span{color:#445469}.analytics #analytics-export{margin-top:12px}.analytics button,.analytics a,.analytics summary{touch-action:manipulation}.analytics button{min-height:44px}.analytics .button{font-size:.875rem;padding:10px 16px}.analytics :focus-visible{outline:3px solid #9d510c;outline-offset:3px}.analytics-health-strip{margin-top:24px;padding:16px;border:1px solid #b0bbc7;border-radius:10px;background:#edf1f5}.analytics-health-strip h2{font-size:1rem;margin:0}.analytics-health-strip>.analytics-scope{margin:6px 0}.analytics #analytics-live{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.analytics-health-item{min-width:0}.analytics-health-item>p:first-child{font-weight:600;font-size:.875rem}.analytics-health-item>p{margin:6px 0;font-size:.8125rem}.analytics-health-item>small{font-size:.75rem}.analytics #analytics-health-status{font-size:.75rem;margin:8px 0}.admin-access-controls{margin-top:20px;border-block:1px solid #b0bbc7}.admin-access-controls>summary{font-size:.95rem}.admin-access-controls .admin-state-card{max-width:none}.admin-access-controls .notice{margin-block:16px}.analytics-chart{display:block;width:100%;max-height:240px;height:auto;margin:16px 0;color:#445469;font:12px var(--body)}.analytics-axis{stroke:#8796a7;stroke-width:1}.analytics-bar-value{fill:#a65a16}.analytics-bar-track{fill:#e5eaf0}.analytics-gap{stroke:#718198;stroke-width:2;stroke-dasharray:2 3}.analytics-zero{fill:#a65a16}.analytics-bar{display:block;width:100%;height:12px;max-width:420px}.analytics-state-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.analytics-state-row{min-width:0;border-bottom:1px solid #ced5df;padding-block:10px}.analytics-state-row .analytics-bar{margin-top:10px}.analytics-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.analytics-latencies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.analytics-latency{padding:14px;border:1px solid #b0bbc7;border-radius:8px;min-width:0}.analytics-latency .analytics-caption{margin:6px 0}.analytics-quantiles{width:100%;height:30px;display:block;font:12px var(--body);fill:#445469}.analytics-quantile-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.75rem}.analytics-quantile-legend span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#a65a16}.analytics-quantile-legend .analytics-key-p95::before{background:#17283d}.analytics-quantile-p50{fill:#a65a16}.analytics-quantile-p95{fill:#17283d}.analytics-pairs{display:flex;flex-wrap:wrap;gap:8px 20px;margin:10px 0}.analytics-pairs>div{min-width:0;flex:0 1 auto}.analytics-pairs dt{font-size:.75rem;color:#445469}.analytics-pairs dd{margin:2px 0 0;font-size:.875rem;font-weight:550;font-variant-numeric:tabular-nums}.analytics-step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style-position:inside;padding:0}.analytics-step-list li{min-width:0;padding:12px;background:#edf1f5;border-radius:8px;font-size:.875rem}.analytics-step-list h3{font-size:.875rem;margin:8px 0}.analytics-step-list p{font-size:.8125rem;line-height:1.5}.analytics-step-list .analytics-bar{margin-top:14px}.analytics-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.8125rem;margin:12px 0}.analytics-table th,.analytics-table td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #ced5df;overflow-wrap:anywhere}.analytics-table th{font-weight:600}.analytics-table thead{background:#edf1f5}.analytics-table th:first-child{width:30%}.analytics-table .analytics-measure strong{font-size:1rem}.analytics-table .analytics-pairs{margin:0;gap:6px 16px}.analytics-records th:first-child{width:30%}.analytics-records th:last-child{width:36%}.analytics-records h4{font:inherit;font-family:var(--mono);line-height:1.5;margin:0}.analytics-records details summary{padding-top:0}.analytics-records form{margin-block:12px}.analytics-records form .button{width:100%}.analytics-row-list{border-top:1px solid #b0bbc7;margin-top:12px}.analytics-row-list>summary{font-weight:600}.analytics-disclosure{border-top:1px solid #ced5df;margin-top:12px}.analytics #analytics-quality-data>.analytics-card{margin:8px 0;padding:12px}.analytics #analytics-quality-data>.analytics-card p{font-size:.8125rem;margin:8px 0}.analytics [data-analytics-private]:empty{min-height:0}
@media(max-width:1100px){.analytics-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.primary-nav a{padding-block:8px}.guide-roles{grid-template-columns:1fr}.guide-layout section{margin-block:28px}.guide-recipe,.agent-setup{padding:16px}.guide-nav{gap:0 16px}.guide-layout .page-intro{padding-bottom:24px}body[data-page="admin"] .admin-layout{padding-top:16px}.analytics-heading{display:block;margin-bottom:6px}.analytics h1{font-size:1.5rem}.admin-access-summary{max-width:none;margin-top:8px;column-gap:10px;font-size:.75rem}.admin-access-summary a{min-height:44px}.analytics{gap:0 8px}.analytics-section-nav summary{font-size:.8125rem}.analytics>#analytics-refresh{font-size:.8125rem;padding:8px 12px}.analytics>#analytics-applied,.analytics>#analytics-freshness{font-size:.75rem}.analytics-snapshot-cards{gap:8px}.analytics-snapshot-cards .analytics-card{padding:10px}.analytics-snapshot-cards h3{font-size:.75rem;margin-bottom:8px}.analytics-primary-value{font-size:1.6rem}.analytics-cards,.analytics-fields,.analytics-latencies,.analytics-state-list,.analytics-outcomes{grid-template-columns:1fr}.analytics #analytics-live{grid-template-columns:1fr;gap:8px}.analytics-health-item+.analytics-health-item{border-top:1px solid #ced5df;padding-top:10px}.analytics-section{margin-top:24px}.analytics-section>p{font-size:.8125rem}.analytics-card{padding:12px}.analytics-cards .analytics-measure{grid-template-columns:1fr 1fr}.analytics-cards .analytics-measure strong{grid-column:1/-1}.analytics-table th,.analytics-table td{padding:10px 6px}.analytics-records,.analytics-records tbody,.analytics-records tr,.analytics-records th,.analytics-records td{display:block;width:100%}.analytics-records thead{display:none}.analytics-records th:first-child,.analytics-records th:last-child{width:100%}.analytics-records tr{padding-block:12px;border-bottom:1px solid #b0bbc7}.analytics-records th,.analytics-records td{border:0;padding:4px 0}.analytics-records .analytics-pairs>div{flex:1 1 110px}.analytics-records details>summary{min-height:44px}.analytics-step-list{gap:10px}.analytics-step-list li{padding:10px}.analytics .button-row{gap:8px;flex-wrap:wrap}.analytics .button-row button{flex:1 1 130px}.analytics-health-strip{padding:12px}.analytics-chart{margin-inline:0}.admin-access-controls .admin-state-heading{display:block}.analytics :focus-visible{outline-offset:2px}}
@media(prefers-reduced-motion:reduce){.guide-layout *,.agent-setup *,.analytics *{scroll-behavior:auto;transition:none;animation:none}}



.analytics-daily-plot{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 10px;margin:16px 0}.analytics-daily-scale{display:flex;flex-direction:column;justify-content:space-between;min-width:1ch;padding-bottom:2px;font-size:12px;line-height:16px;font-variant-numeric:tabular-nums;text-align:right}.analytics-daily-plot .analytics-chart{margin:0;height:clamp(96px,20vw,210px);max-height:none}.analytics-daily-dates{grid-column:2;display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:18px;font-variant-numeric:tabular-nums}

.analytics-quantile-scale{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:18px;font-variant-numeric:tabular-nums;margin-bottom:8px}

.backup-list{display:grid;gap:1rem;margin-top:1rem}.backup-card{min-width:0;padding:1rem;border:1px solid var(--border,#ccd2db);border-radius:12px}.backup-card dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem 1rem}.backup-card dd{margin:0;overflow-wrap:anywhere}.backup-checksum{display:block;overflow-wrap:anywhere;margin-bottom:1rem}.backup-card .button{max-width:100%;white-space:normal;text-align:center}@media(max-width:600px){.backup-card dl{grid-template-columns:minmax(0,1fr)}.backup-card dd{margin-bottom:.5rem}}