/* Switchroom's shared visual system. Loaded after page styles on every route. */
@font-face {
  font-family:'DM Sans';
  src:url('/assets/fonts/dm-sans-latin-variable.woff2') format('woff2');
  font-style:normal;
  font-weight:100 1000;
  font-display:swap;
}
#sr-landing {
  --sr-font:'DM Sans',Arial,Helvetica,sans-serif;
  --sr-font-mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;
  --sr-ink:#eceeed;
  --sr-muted:#adb4b3;
  --sr-line:#303738;
  --sr-title:clamp(2.625rem,1.5rem + 3.65cqw,4.625rem);
  --sr-heading:clamp(1.875rem,1.15rem + 2.25cqw,2.875rem);
  --sr-subheading:clamp(1.375rem,1.05rem + 1cqw,1.75rem);
  --sr-section-space:clamp(3.5rem,6.25cqw,5.75rem);
  --sr-gutter:clamp(1.5rem,5cqw,4.5rem);
  font-family:var(--sr-font);
  font-size:1rem;
  line-height:1.6;
  font-weight:400;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
#sr-landing .sr-wrap { padding-inline:var(--sr-gutter); }
#sr-landing :is(h1,h2,h3,h4) { font-family:var(--sr-font); text-wrap:balance; }
#sr-landing[data-page] h1 { font-weight:500; letter-spacing:-.045em; line-height:1.08; }
#sr-landing[data-page] h2 { font-size:var(--sr-heading); font-weight:500; letter-spacing:-.035em; line-height:1.15; max-width:24ch; }
#sr-landing[data-page] h3, #sr-landing[data-page] h4 { font-weight:500; letter-spacing:-.022em; line-height:1.25; }
#sr-landing[data-page] h1 em { color:inherit; font-style:normal; }
#sr-landing p { text-wrap:pretty; }
#sr-landing .sr-mono { font-family:var(--sr-font-mono); font-size:.75rem; letter-spacing:.03em; line-height:1.55; }
#sr-landing .sr-eyebrow.sr-mono { font-family:var(--sr-font); font-size:.8125rem; font-weight:500; text-transform:none; letter-spacing:.015em; color:#aeb6b5; gap:0; margin-bottom:1.25rem; }
#sr-landing .sr-eyebrow:before { display:none; }
#sr-landing :is(.sr-hero-copy,.sr-starter-hero,.sr-enterprise-hero,.sr-topic-hero) > .sr-eyebrow { color:#d2a082; }
#sr-landing .sr-hero-copy h1 { font-size:clamp(2.625rem,6.05cqw,5.25rem); line-height:1.065; letter-spacing:-.046em; margin-bottom:1.5rem; }
#sr-landing .sr-lead { font-size:1.125rem; line-height:1.65; color:var(--sr-muted); max-width:29rem; margin-bottom:1.625rem; }
#sr-landing :is(.sr-starter-hero,.sr-enterprise-hero,.sr-topic-hero,.sr-page-hero) { padding-block:clamp(3.25rem,6.2cqw,5.5rem) 3.25rem; }
#sr-landing :is(.sr-starter-hero,.sr-enterprise-hero,.sr-topic-hero,.sr-page-hero) h1 { font-size:var(--sr-title); max-width:19ch; margin:0; }
#sr-landing :is(.sr-starter-lead,.sr-enterprise-lead,.sr-topic-lead,.sr-page-lead) { font-size:1.1875rem; line-height:1.65; max-width:37rem; color:var(--sr-muted); margin-top:1.625rem; }
#sr-landing :is(.sr-starter-hero-foot,.sr-enterprise-hero-foot,.sr-topic-hero-foot) { margin-top:2.5rem; padding-top:1.25rem; border-top-color:var(--sr-line); }
#sr-landing :is(.sr-starter-hero-foot,.sr-enterprise-hero-foot,.sr-topic-hero-foot) > p { font-size:.875rem; color:var(--sr-muted); }
#sr-landing :is(.sr-starter-section-lead,.sr-enterprise-section-lead,.sr-topic-section-lead,.sr-home-copy) { font-size:1.0625rem; line-height:1.7; margin-top:1.25rem; max-width:38rem; }
#sr-landing[data-page] .sr-section { padding-block:var(--sr-section-space); }
#sr-landing[data-page] :is(.sr-topic-feature,.sr-enterprise-connected,.sr-pilot-bundle) { padding-bottom:0; }
#sr-landing .sr-section-intro { gap:3rem; align-items:start; }
#sr-landing .sr-section-intro > p { max-width:36rem; font-size:1.0625rem; line-height:1.7; color:var(--sr-muted); }

/* Shared navigation and a consistent, usable control size. */
#sr-landing .sr-header { padding-block:1.5rem; gap:2rem; }
#sr-landing .sr-logo { font-family:Arial,Helvetica,sans-serif; font-size:1.6875rem; letter-spacing:-.062em; font-weight:500; }
#sr-landing .sr-nav { font-size:.875rem; font-weight:450; gap:1.625rem; }
#sr-landing .sr-nav > a { min-height:2.75rem; display:inline-flex; align-items:center; color:#b6bdbc; white-space:nowrap; }
#sr-landing .sr-nav > a:hover, #sr-landing .sr-nav > a[aria-current] { color:var(--sr-ink); }
#sr-landing .sr-nav > a[aria-current] { text-decoration-thickness:1px; text-underline-offset:.5rem; }
#sr-landing .sr-nav .sr-outline { font-size:.875rem; }
#sr-landing :is(.sr-primary,.sr-outline) { border-radius:3px; font-size:.9375rem; font-weight:500; min-height:3rem; padding:.6875rem 1.125rem; line-height:1.4; transition:background .18s,border-color .18s,color .18s; }
#sr-landing .sr-outline { border-color:#515a5a; }
#sr-landing .sr-outline:hover { background:#1b2021; border-color:#8d9997; }
#sr-landing .sr-primary { background:#e9ece9; border-color:#e9ece9; color:#121617; }
#sr-landing .sr-primary:hover { background:#fff; border-color:#fff; }
#sr-landing .sr-link { font-size:.9375rem; font-weight:450; min-height:2.75rem; line-height:1.5; border-color:#596261; gap:.75rem; transition:color .18s,border-color .18s; }
#sr-landing .sr-link:hover { color:#f3c2a3; border-color:#bb8e73; }
#sr-landing .sr-link > span[aria-hidden] { font-size:1.125rem; transition:transform .18s; }
#sr-landing .sr-link:hover > span[aria-hidden] { transform:translate(2px,-2px); }
#sr-landing :is(button,summary,a) { -webkit-tap-highlight-color:#ee854a25; touch-action:manipulation; }
#sr-landing [role="tabpanel"]:focus-visible { outline:2px solid var(--sr-orange); outline-offset:6px; }
#sr-landing :is(.sr-preview-tabs,.sr-capability-tabs,.sr-foundation-modes,.sr-enterprise-tabs,.sr-scenario-tabs) button { font-size:.9375rem; font-weight:450; line-height:1.5; min-height:3rem; }
#sr-landing .sr-segmented button { min-height:2.75rem; font-size:.875rem; padding:.625rem .875rem; }
#sr-landing .sr-kit-controls button { font-size:1rem; font-weight:450; line-height:1.5; }
#sr-landing :is(.sr-kit-controls button > .sr-mono,.sr-kit-stage-index,.sr-scenario-tabs button > span) { display:none; }

/* Home and offerings: the illustrations remain; decorative chrome recedes. */
#sr-landing .sr-preview-result { background:#171c1d; box-shadow:none; border-color:#3d4545; }
#sr-landing .sr-quote-match i { box-shadow:none; }
#sr-landing .sr-first-steps li > span { font-size:1rem; letter-spacing:0; color:#a3adaa; margin-bottom:1.25rem; font-variant-numeric:tabular-nums; }
#sr-landing .sr-first-steps li { font-size:1.25rem; letter-spacing:-.015em; line-height:1.5; }
#sr-landing .sr-first-steps li:before { display:none; }
#sr-landing .sr-knowledge-sketch figcaption { font-size:1.75rem; font-weight:500; letter-spacing:-.025em; }
#sr-landing .sr-work-preview { gap:3.5rem; }
#sr-landing .sr-preview-question h3 { font-size:clamp(1.75rem,2.8cqw,2.5rem); }
#sr-landing .sr-kit-stage { background:none; }
#sr-landing .sr-kit-caption-detail, #sr-landing .sr-capability-foot > p, #sr-landing .sr-foundation-foot > p { font-size:.8125rem; color:#a6b0ad; }
#sr-landing .sr-pilot-questions .sr-mono { font-family:var(--sr-font); font-size:.9375rem; text-transform:none; color:var(--sr-muted); letter-spacing:0; }
#sr-landing .sr-pilot-questions p { font-size:clamp(1.25rem,1rem + 1cqw,1.625rem); letter-spacing:-.02em; }
#sr-landing .sr-starter-price { font-size:clamp(3.25rem,5.2cqw,4.75rem); font-weight:500; letter-spacing:-.045em; line-height:1.1; font-variant-numeric:lining-nums tabular-nums; }
#sr-landing .sr-starter-price-label { font-size:.875rem; }
#sr-landing :is(.sr-topic-invitation,.sr-enterprise-conversation) { background:transparent; padding:2.5rem 0 0; border-top:1px solid var(--sr-line); margin-top:3.5rem; }
#sr-landing :is(.sr-topic-invitation,.sr-enterprise-conversation) h3 { font-size:clamp(1.75rem,1.2rem + 1.5cqw,2.25rem); max-width:27ch; }
#sr-landing .sr-topic-reading > a { grid-template-columns:minmax(0,1fr) 1.5rem; gap:1.5rem; padding-block:1.625rem; }
#sr-landing .sr-topic-reading > a > .sr-mono { display:none; }
#sr-landing .sr-topic-reading h3 { font-size:var(--sr-subheading); }
#sr-landing .sr-topic-reading p { margin-top:.5rem; max-width:45rem; }
#sr-landing .sr-enterprise-inclusions > div { grid-template-columns:1fr 1.65fr; gap:2.5rem; }
#sr-landing .sr-enterprise-inclusions dt { display:block; grid-column:auto; font-size:1.4375rem; }
#sr-landing .sr-enterprise-inclusions dt > .sr-mono { display:none; }
#sr-landing .sr-enterprise-example { min-height:0; }
#sr-landing .sr-enterprise-example h3 { font-size:clamp(1.75rem,2.8cqw,2.25rem); }
#sr-landing .sr-enterprise-example > .sr-mono { font-family:var(--sr-font); text-transform:none; font-size:.8125rem; letter-spacing:0; }
#sr-landing .sr-capability-canvas { background:#14191a; padding:2rem 2.5rem; }
#sr-landing .sr-capability-request h3 { font-size:clamp(1.625rem,2.6cqw,2.25rem); min-height:0; }
#sr-landing .sr-capability-document { background:#1b2122; box-shadow:none; border-color:#485252; border-radius:3px; }
#sr-landing .sr-capability-document:before { display:none; }
#sr-landing .sr-capability-document h4 { font-size:clamp(1.5rem,2.4cqw,2rem); min-height:0; margin-top:1.5rem; }
#sr-landing .sr-capability-answer-copy { min-height:0; }
#sr-landing .sr-capability-record-tags { min-height:0; }
#sr-landing .sr-capability-record-tags > span { background:transparent; border:0; border-left:1px solid #54605c; padding:.125rem .75rem; font-size:.8125rem; }
#sr-landing .sr-capability-request > .sr-mono, #sr-landing .sr-capability-document-head .sr-mono { font-family:var(--sr-font); text-transform:none; font-size:.8125rem; letter-spacing:0; }
#sr-landing .sr-capability-document-head > span:last-child { font-size:.8125rem; }
#sr-landing .sr-foundation-state p, #sr-landing .sr-foundation-diagram .sr-mono { font-family:var(--sr-font); text-transform:none; font-size:.8125rem; letter-spacing:0; }
#sr-landing .sr-foundation-explanation > p { min-height:0; }

/* Guides use a smaller, editorial hierarchy; detailed UI stays readable. */
#sr-landing .sr-guide-hero { padding-block:2rem 3rem; }
#sr-landing .sr-guide-hero h1 { font-size:clamp(2.375rem,1.35rem + 3.1cqw,4rem); max-width:23ch; }
#sr-landing .sr-guide-hero .sr-page-lead { font-size:1.125rem; max-width:40rem; }
#sr-landing[data-page^="guide-"] .sr-section { padding-block:3.5rem; }
#sr-landing[data-page^="guide-"] .sr-section h2 { font-size:clamp(1.75rem,1.2rem + 1.75cqw,2.375rem); max-width:25ch; }
#sr-landing .sr-breadcrumb { font-size:.875rem; margin-bottom:2rem; gap:.75rem; }
#sr-landing .sr-guide-next { gap:1.5rem; padding-block:2rem; }
#sr-landing .sr-guide-next > .sr-mono { font-family:var(--sr-font); text-transform:none; font-size:.875rem; letter-spacing:0; }
#sr-landing .sr-journey li > span, #sr-landing .sr-deploy-steps span, #sr-landing .sr-deliverable span { font-family:var(--sr-font); text-transform:none; font-size:.8125rem; letter-spacing:0; }
#sr-landing .sr-journey h3, #sr-landing .sr-boundaries-notes h3, #sr-landing .sr-beta-options h3 { font-size:1.5rem; }
#sr-landing .sr-source-credit, #sr-landing .sr-beta-label, #sr-landing .sr-beta-footnote { font-family:var(--sr-font); font-size:.8125rem; line-height:1.7; letter-spacing:0; text-transform:none; }
#sr-landing .sr-hardware-capabilities button { font-size:.9375rem; line-height:1.5; }
#sr-landing .sr-hardware-capabilities button > span { font-family:var(--sr-font-mono); font-size:.75rem; }
#sr-landing .sr-pilot-hardware-bar { font-size:.875rem; }
#sr-landing .sr-pilot-hardware-bar > span > span { font-size:.8125rem; }
#sr-landing .sr-hardware-capability h3 { font-size:1.5rem; }
#sr-landing .sr-device-specs { font-size:.9375rem; }
#sr-landing .sr-capacity-controls label { font-size:1rem; }
#sr-landing .sr-capacity-result > p, #sr-landing .sr-capacity-disclaimer { font-size:.875rem; line-height:1.65; }
#sr-landing .sr-knowledge-question > span, #sr-landing .sr-knowledge-result-label, #sr-landing .sr-knowledge-figure figcaption { font-family:var(--sr-font); font-size:.8125rem; letter-spacing:0; text-transform:none; }
#sr-landing .sr-record-location, #sr-landing .sr-record-ref, #sr-landing .sr-knowledge-sources { font-size:.75rem; }
#sr-landing .sr-knowledge-record strong { font-size:.9375rem; font-weight:500; }
#sr-landing .sr-knowledge-record p, #sr-landing .sr-knowledge-result p { font-size:.875rem; line-height:1.6; }
#sr-landing .sr-knowledge-step p { font-size:1rem; padding-left:0; }
#sr-landing .sr-knowledge-step button > .sr-mono { display:none; }
#sr-landing .sr-knowledge-result h3 { font-size:1.5rem; }
#sr-landing .sr-access-note, #sr-landing .sr-boundary-status { font-size:.8125rem; }

/* Optional answers and articles should read comfortably, without a sales-page scale. */
#sr-landing :is(.sr-starter-faq,.sr-enterprise-faq,.sr-topic-faq) h2 { font-size:clamp(1.75rem,1.3rem + 1.25cqw,2.25rem); max-width:none; }
#sr-landing .sr-faq summary { font-size:1.0625rem; line-height:1.55; font-weight:450; padding-right:2rem; }
#sr-landing .sr-faq details { padding-block:1.25rem; border-color:var(--sr-line); }
#sr-landing .sr-faq details p { color:var(--sr-muted); font-size:1rem; line-height:1.75; max-width:43rem; margin-top:1rem; }
#sr-landing .sr-faq summary:after { color:#a8b0ae; }
#sr-landing .sr-faq details[open] summary { color:var(--sr-ink); }
#sr-landing .sr-faq details[open] summary:after { color:var(--sr-orange); }
#sr-landing .sr-insight-summary h2 { font-size:clamp(1.5rem,1.05rem + 1.7cqw,2.125rem); max-width:28ch; }
#sr-landing .sr-insight-meta > span:last-child { font-family:var(--sr-font); font-size:.8125rem; color:#a1aca8; }
#sr-landing .sr-article-header h1 { font-size:clamp(2.375rem,1.4rem + 3.2cqw,4.25rem); max-width:21ch; }
#sr-landing .sr-reading-column { max-width:43.75rem; }
#sr-landing .sr-reading-column > p { font-size:1.125rem; line-height:1.8; color:#bdc4c1; }
#sr-landing .sr-reading-column h2 { font-size:1.75rem; max-width:28ch; margin-block:2.75rem 1.125rem; }
#sr-landing .sr-form label { font-size:.9375rem; }
#sr-landing .sr-form input, #sr-landing .sr-form textarea, #sr-landing .sr-form select { font-family:var(--sr-font); font-size:1rem; line-height:1.5; border-radius:3px; }
#sr-landing .sr-form-status { font-size:.875rem; line-height:1.65; }
#sr-landing .sr-footer { background:var(--sr-bg); padding-block:2rem; }
#sr-landing .sr-footer p, #sr-landing .sr-footer-bottom p { font-size:.8125rem; color:#a0aaa7; }
#sr-landing .sr-footer nav, #sr-landing .sr-motion, #sr-landing .sr-footer-actions > a { font-size:.875rem; }
#sr-landing .sr-footer nav a { display:inline-flex; align-items:center; min-height:2.75rem; }
#sr-landing .sr-motion { min-height:2.75rem; }
#sr-landing .sr-footer .sr-logo { font-size:1.5rem; }

@container (max-width:960px) {
  #sr-landing .sr-nav { display:none; }
  #sr-landing .sr-menu-toggle { display:block; border:1px solid #4a5352; border-radius:3px; padding:.5rem .875rem; min-height:2.75rem; color:var(--sr-ink); font-size:.9375rem; background:transparent; }
  #sr-landing .sr-nav.is-open { position:absolute; display:grid; grid-template-columns:1fr; top:100%; left:0; right:0; padding:1rem var(--sr-gutter) 1.5rem; background:#171c1d; border-bottom:1px solid #475251; gap:.25rem; box-shadow:0 15px 20px #0002; }
  #sr-landing .sr-nav.is-open a, #sr-landing .sr-nav.is-open a:nth-child(2), #sr-landing .sr-nav.is-open a:nth-child(3) { display:flex; font-size:1rem; padding-block:.75rem; }
  #sr-landing .sr-nav.is-open .sr-outline { justify-self:start; padding-inline:1rem; margin-top:.625rem; font-size:.9375rem; }
  #sr-landing .sr-knowledge-layout { grid-template-columns:1fr; gap:2rem; }
  #sr-landing .sr-knowledge-scene { grid-template-columns:1fr 1fr; gap:3rem; }
}
@container (max-width:760px) {
  #sr-landing .sr-header { padding-block:1.125rem; }
  #sr-landing .sr-section-intro, #sr-landing .sr-visual-split { gap:2rem; }
  #sr-landing .sr-work-preview { gap:1.75rem; }
  #sr-landing .sr-starter-hero, #sr-landing .sr-enterprise-hero, #sr-landing .sr-topic-hero { padding-block:3rem 2.5rem; }
  #sr-landing :is(.sr-starter-lead,.sr-enterprise-lead,.sr-topic-lead,.sr-page-lead) { font-size:1.125rem; }
  #sr-landing .sr-enterprise-inclusions > div { grid-template-columns:1fr; gap:.75rem; }
  #sr-landing .sr-enterprise-inclusions dd { padding-left:0; }
  #sr-landing .sr-pilot-questions li { grid-template-columns:7rem 1fr; }
  #sr-landing .sr-capability-canvas { padding:1.5rem; }
  #sr-landing .sr-capability-request h3, #sr-landing .sr-capability-document h4 { min-height:0; }
  #sr-landing .sr-capability-answer-copy, #sr-landing .sr-foundation-explanation > p { min-height:0; }
  #sr-landing .sr-article-body { padding-block:2.5rem 3.5rem; }
  #sr-landing .sr-insight-entry > a { padding-block:1.75rem; }
}
@container (max-width:540px) {
  #sr-landing .sr-hero-copy h1 { font-size:clamp(2.375rem,9cqw,3rem); }
  #sr-landing .sr-lead { font-size:1.0625rem; }
  #sr-landing :is(.sr-starter-hero,.sr-enterprise-hero,.sr-topic-hero,.sr-page-hero) h1 { font-size:clamp(2.25rem,8.8cqw,2.875rem); max-width:19ch; }
  #sr-landing .sr-guide-hero h1, #sr-landing .sr-article-header h1 { font-size:2.25rem; }
  #sr-landing .sr-first-steps li > span { font-size:1rem; margin:0; }
  #sr-landing .sr-pilot-questions li { grid-template-columns:1fr; gap:.5rem; }
  #sr-landing .sr-kit-controls { grid-template-columns:1fr; gap:0; }
  #sr-landing .sr-kit-controls button { padding-block:1rem; min-height:3.5rem; flex-wrap:nowrap; }
  #sr-landing .sr-kit-controls .sr-kit-control-mark { display:block; }
  #sr-landing .sr-capability-canvas { margin-inline:0; padding:1.25rem; }
  #sr-landing .sr-capability-document { padding:1.25rem 1rem 0; }
  #sr-landing .sr-capability-tabs, #sr-landing .sr-enterprise-tabs { gap:0 1rem; }
  #sr-landing .sr-capability-tabs button, #sr-landing .sr-enterprise-tabs button { font-size:.875rem; }
  #sr-landing .sr-topic-reading > a { grid-template-columns:1fr 1.125rem; gap:1rem; }
  #sr-landing .sr-topic-reading h3 { font-size:1.375rem; }
  #sr-landing .sr-topic-invitation, #sr-landing .sr-enterprise-conversation { padding:2rem 0 0; }
  #sr-landing .sr-knowledge-scene { grid-template-columns:1fr; gap:2rem; }
  #sr-landing .sr-knowledge-wires { display:none; }
  #sr-landing .sr-knowledge-record { padding:1rem; }
  #sr-landing .sr-knowledge-record strong { font-size:1rem; }
  #sr-landing .sr-knowledge-result { padding:1.25rem; min-height:0; }
  #sr-landing .sr-knowledge-inlet, #sr-landing .sr-knowledge-port { display:none; }
  #sr-landing .sr-reading-column > p { font-size:1.0625rem; line-height:1.8; }
  #sr-landing .sr-faq summary { font-size:1rem; }
  #sr-landing .sr-source-credit { font-size:.8125rem; }
}
@media (prefers-reduced-motion:reduce) {
  #sr-landing *, #sr-landing *:before, #sr-landing *:after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* The deeper workflow illustration uses readable text rather than miniature dashboard type. */
#sr-landing .sr-request-context { font-size:1rem; }
#sr-landing .sr-request-role, #sr-landing .sr-story-top .sr-mono { font-family:var(--sr-font); font-size:.8125rem; text-transform:none; letter-spacing:0; }
#sr-landing .sr-request-sources > span, #sr-landing .sr-request-port { font-size:.8125rem; }
#sr-landing .sr-story-example, #sr-landing .sr-specialist-label, #sr-landing .sr-record-mark { font-size:.75rem; color:#a8b4b5; }
#sr-landing .sr-lead-agent > span, #sr-landing .sr-agent-finding { font-size:.875rem; line-height:1.5; }
#sr-landing .sr-specialist > strong { font-size:.9375rem; line-height:1.4; min-height:2.625rem; }
#sr-landing .sr-source-token { font-size:.8125rem; min-height:4.5rem; }
#sr-landing .sr-agent-finding { min-height:3rem; }
#sr-landing .sr-orchestration { height:560px; }
#sr-landing .sr-story[data-phase="4"] .sr-orchestration { height:auto; min-height:0; padding-block:175px 24px; }
#sr-landing .sr-story[data-phase="4"] .sr-story-output { position:relative; inset:auto; margin-inline:2%; }
#sr-landing .sr-output-heading { font-size:.8125rem; }
#sr-landing .sr-output-heading > span:last-child { font-family:var(--sr-font); font-size:.75rem; letter-spacing:.025em; }
#sr-landing .sr-output-row, #sr-landing .sr-human-gate p { font-size:.875rem; line-height:1.55; }
#sr-landing #sr-output-note { font-size:.8125rem; line-height:1.65; }
#sr-landing .sr-story-narrative p { font-size:1rem; line-height:1.65; }
#sr-landing .sr-story-count { font-size:.75rem; }
#sr-landing .sr-story-play, #sr-landing .sr-story-next, #sr-landing .sr-story-chapters button { font-size:.875rem; min-height:2.75rem; }
#sr-landing .sr-story-chapters button > span { font-size:.75rem; color:#a1acab; }
#sr-landing .sr-story-footer > p { font-size:.8125rem; }
#sr-landing .sr-evidence-heading, #sr-landing .sr-evidence dl > div, #sr-landing #sr-evidence-note { font-size:.875rem; line-height:1.6; }
#sr-landing .sr-evidence-heading button { width:2.75rem; height:2.75rem; }
#sr-landing .sr-story-output h3 { font-size:1.5rem; }
@container (max-width:920px) {
  #sr-landing .sr-story[data-phase="4"] .sr-story-output { margin-inline:3%; }
}
@container (max-width:540px) {
  #sr-landing .sr-scenario-tabs button { font-size:.875rem; }
  #sr-landing .sr-story-scene { padding-inline:1rem; min-height:0; }
  #sr-landing .sr-orchestration { height:auto; min-height:0; padding-block:1.75rem; }
  #sr-landing .sr-story[data-phase="4"] .sr-orchestration { padding-block:1.75rem; }
  #sr-landing .sr-lead-agent { position:relative; inset:auto; transform:none; width:auto; display:grid; grid-template-columns:3.25rem 1fr; gap:0 1rem; text-align:left; }
  #sr-landing .sr-lead-orb { grid-row:span 2; width:3.25rem; height:3.25rem; margin:0; }
  #sr-landing .sr-lead-agent > strong { font-size:1rem; padding:0; }
  #sr-landing .sr-lead-agent > span { padding:0; margin:0; }
  #sr-landing .sr-specialist-label { position:static; text-align:left; margin-block:1.75rem .75rem; }
  #sr-landing .sr-story .sr-specialist:nth-of-type(n) { position:relative; inset:auto; width:100%; display:grid; grid-template-columns:2.5rem 1fr; gap:.25rem .875rem; text-align:left; margin-top:1.25rem; }
  #sr-landing .sr-story[data-phase="0"] .sr-specialist, #sr-landing .sr-story[data-phase="4"] .sr-specialist,
  #sr-landing .sr-story[data-phase="0"] .sr-specialist-label, #sr-landing .sr-story[data-phase="4"] .sr-specialist-label { display:none; }
  #sr-landing .sr-agent-orb { grid-row:span 2; width:2.5rem; height:2.5rem; margin:0; font-size:.8125rem; }
  #sr-landing .sr-specialist > strong, #sr-landing .sr-agent-finding { min-height:0; max-width:none; margin:0; padding:0; }
  #sr-landing .sr-agent-finding { grid-column:2; }
  #sr-landing .sr-source-token { grid-column:2; align-items:flex-start; text-align:left; padding:.625rem .75rem; margin-top:.5rem; min-height:0; max-width:none; }
  #sr-landing .sr-story[data-phase="1"] .sr-source-token { display:none; }
  #sr-landing .sr-story[data-phase="4"] .sr-story-output { margin:1.5rem 0 0; padding:1.125rem; }
  #sr-landing .sr-story-wires { display:none; }
  #sr-landing .sr-story-controls { padding:1rem; }
  #sr-landing .sr-story-narrative { padding:1.25rem 1rem; gap:.75rem; }
  #sr-landing .sr-output-row { grid-template-columns:1fr; gap:.25rem; padding-block:.625rem; }
  #sr-landing .sr-story-play { min-width:0; padding:.625rem .75rem; }
  #sr-landing .sr-story-chapters { gap:.5rem; }
  #sr-landing .sr-story-chapters button { font-size:.8125rem; }
}
#sr-landing .sr-insight-meta > span:last-child { display:none; }
#sr-landing .sr-routing-demo, #sr-landing .sr-zone-label { background:#14191a; }
#sr-landing .sr-routing-demo, #sr-landing .sr-private-zone { border-color:#4a5653; }
#sr-landing .sr-routing-top, #sr-landing .sr-routing-explanation { border-color:var(--sr-line); }
#sr-landing .sr-routing-top > .sr-mono, #sr-landing .sr-zone-label { color:var(--sr-muted); font-family:var(--sr-font); font-size:.8125rem; letter-spacing:0; text-transform:none; }
#sr-landing .sr-private-zone .sr-mono, #sr-landing .sr-mode-label { font-family:var(--sr-font); font-size:.8125rem; letter-spacing:0; text-transform:none; }
#sr-landing .sr-private-zone p, #sr-landing .sr-routing-explanation p { color:var(--sr-muted); font-size:1rem; }
#sr-landing .sr-private-zone strong { font-size:1.375rem; font-weight:500; }
#sr-landing .sr-external-route { opacity:.8; }
#sr-landing .sr-device-specs > div { font-size:.9375rem; }
#sr-landing .sr-timeline-work > div:first-child { background:#1c2222; }
#sr-landing .sr-capacity-result > .sr-mono { font-family:var(--sr-font); font-size:.8125rem; letter-spacing:0; text-transform:none; }
#sr-landing .sr-pilot-hardware .sr-segmented button { font-size:.875rem; }