/* Homepage #console only; no global token overrides. */
#console.sa { --sa-ink:var(--ink-900,#08090c); --sa-muted:var(--ink-500,#5b6472); --sa-blue:var(--blue-strong,#1d4ed8); --sa-line:var(--line,#e6eaf0); color:var(--sa-ink); }
#console.sa :where(p,figure,dl,dd,h4,h5) { margin:0; }
#console.sa :where(button) { font:inherit; cursor:pointer; }
#console.sa :where(button:focus-visible,summary:focus-visible) { outline:3px solid #2563eb; outline-offset:4px; }
#console.sa :where([hidden]) { display:none!important; }
#console.sa :where(h3,h4,h5) { line-height:1.4; }
#console.sa .sa-heading { display:grid; grid-template-columns:1.15fr 1fr; column-gap:72px; align-items:end; margin-bottom:48px; }
#console.sa .sa-heading .eyebrow { grid-column:1/-1; margin-bottom:20px; }
#console.sa .sa-heading h2 { line-height:1.16; }
#console.sa .sa-heading>p { font-size:19px; color:var(--sa-muted); max-width:27em; padding-bottom:6px; }
#console.sa .sa-overview { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(0,1fr); gap:22px; align-items:stretch; }
#console.sa .sa-workspace { background:#fff; border:1px solid var(--sa-line); border-radius:22px; overflow:hidden; box-shadow:0 20px 48px -36px #24385966; min-width:0; }
#console.sa .sa-windowbar { padding:14px 20px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; border-bottom:1px solid var(--sa-line); font-size:12px; color:var(--sa-muted); }
#console.sa .sa-windowdots { color:#b4bbc6; letter-spacing:3px; font-size:10px; }
#console.sa .sa-workhead { padding:26px 26px 20px; display:flex; gap:14px; justify-content:space-between; align-items:center; }
#console.sa .sa-kicker { font-size:13px; color:var(--sa-muted); margin-bottom:6px; }
#console.sa .sa-workhead h3 { font-size:24px; letter-spacing:-.025em; }
#console.sa .sa-workmark { display:grid; place-items:center; width:40px; height:40px; flex:none; background:#08090c; color:white; border-radius:11px; font-weight:700; }
#console.sa .sa-tabs { display:none; margin:0 26px; padding:4px; background:#f1f3f7; border-radius:10px; gap:4px; }
#console.sa.sa-ready .sa-tabs { display:flex; }
#console.sa .sa-tabs button { flex:1; min-width:0; min-height:44px; border:0; border-radius:7px; padding:9px 7px; background:transparent; color:var(--sa-muted); font-size:14px; font-weight:600; }
#console.sa .sa-tabs button[aria-selected="true"] { color:var(--sa-blue); background:white; box-shadow:0 1px 5px #142a4512; }
#console.sa .sa-view { padding:24px 26px 12px; min-width:0; }
#console.sa .sa-view+.sa-view { border-top:1px solid var(--sa-line); }
#console.sa.sa-ready .sa-view { border-top:0; min-height:430px; }
#console.sa .sa-viewtitle { font-size:15px; font-weight:600; display:flex; align-items:center; flex-wrap:wrap; column-gap:14px; row-gap:4px; margin-bottom:17px; }
#console.sa .sa-viewtitle>span { font-size:12px; font-weight:400; color:var(--sa-muted); }
#console.sa .sa-metrics { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:14px; margin-bottom:22px; }
#console.sa .sa-metric { min-width:0; }
#console.sa .sa-metric dt { font-size:13px; color:var(--sa-muted); margin-bottom:8px; }
#console.sa .sa-metric dd { font-size:clamp(24px,1.8vw,30px); font-weight:520; line-height:1.12; letter-spacing:-.025em; font-variant-numeric:tabular-nums; white-space:nowrap; }
#console.sa .sa-metric--lead dd { color:var(--sa-blue); font-size:clamp(26px,2vw,32px); font-weight:560; }
#console.sa .sa-metric small { display:block; margin-top:7px; color:var(--sa-muted); font-size:12px; line-height:1.5; }
#console.sa .sa-business-detail { display:grid; grid-template-columns:minmax(0,1fr) 142px; gap:18px; padding:18px 0; border-top:1px solid var(--sa-line); border-bottom:1px solid var(--sa-line); }
#console.sa .sa-chart { min-width:0; }
#console.sa .sa-chart figcaption { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:14px; margin-bottom:12px; }
#console.sa .sa-chart figcaption span { color:var(--sa-muted); font-size:12px; }
#console.sa .sa-chart svg { display:block; width:100%; height:auto; overflow:visible; }
#console.sa .sa-chart-grid { fill:none; stroke:#e6eaf0; stroke-width:1; }
#console.sa .sa-chart-labels { fill:#5b6472; font:12px var(--font, sans-serif); }
#console.sa .sa-tasks { padding-left:18px; border-left:1px solid var(--sa-line); }
#console.sa .sa-tasks h5 { font-size:14px; margin-bottom:13px; }
#console.sa .sa-tasks>p { display:flex; gap:12px; justify-content:space-between; font-size:13px; padding:5px 0; }
#console.sa .sa-tasks>p b { font-size:17px; font-weight:560; line-height:1.3; font-variant-numeric:tabular-nums; }
#console.sa .sa-tasks>small { display:block; font-size:12px; color:var(--sa-muted); margin-top:9px; }
#console.sa .sa-event { display:flex; align-items:flex-start; gap:12px; padding-top:18px; }
#console.sa .sa-event-icon { display:grid; place-items:center; color:var(--sa-blue); background:#f0f5ff; width:30px; height:30px; border-radius:8px; flex:none; }
#console.sa .sa-event p { min-width:0; }
#console.sa .sa-event b { display:block; font-size:14px; font-weight:600; }
#console.sa .sa-event p>span { display:block; margin-top:5px; color:var(--sa-muted); font-size:13px; }
#console.sa .sa-workfoot { padding:14px 26px 20px; font-size:12px; color:var(--sa-muted); }
#console.sa .sa-asset-example { padding:20px; border-radius:12px; background:#f8f9fb; border:1px solid var(--sa-line); }
#console.sa .sa-asset-title { display:flex; flex-wrap:wrap; align-items:center; gap:11px; margin-bottom:16px; }
#console.sa .sa-asset-title h5 { font-size:16px; }
#console.sa .sa-document-icon { color:var(--sa-blue); font-size:25px; }
#console.sa .sa-tag { color:var(--sa-blue); background:#e8efff; font-size:12px; padding:3px 8px; border-radius:5px; margin-left:auto; }
#console.sa .sa-asset-example>p { font-size:14px; color:var(--sa-muted); }
#console.sa .sa-metadata { display:grid; grid-template-columns:1.6fr 1.2fr 1fr; gap:12px; margin-top:17px; padding-top:14px; border-top:1px solid var(--sa-line); font-size:12px; }
#console.sa .sa-metadata dt { color:var(--sa-muted); margin-bottom:4px; }
#console.sa .sa-ai-example { border:1px solid var(--sa-line); border-radius:12px; overflow:hidden; }
#console.sa .sa-question { padding:14px 18px; background:#f8f9fb; font-size:14px; border-bottom:1px solid var(--sa-line); }
#console.sa .sa-answer { display:flex; gap:12px; padding:18px; }
#console.sa .sa-ai-mark { color:var(--sa-blue); font-size:24px; line-height:1.2; }
#console.sa .sa-answer h5 { font-size:15px; margin-bottom:8px; }
#console.sa .sa-answer p { font-size:14px; color:var(--sa-muted); }
#console.sa .sa-sources { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; }
#console.sa .sa-sources>span { display:block; font-size:12px; background:#f0f5ff; color:var(--sa-blue); padding:4px 7px; border-radius:5px; }
#console.sa .sa-flywheel { min-width:0; border:1px solid #dce6fa; border-radius:22px; padding:25px 24px 20px; background:linear-gradient(150deg,#f0f5ff 0%,#fff 75%); }
#console.sa .sa-roadmap { font-size:12px; color:var(--sa-blue); font-weight:600; letter-spacing:.04em; }
#console.sa .sa-flywheel h3 { font-size:29px; line-height:1.25; margin-top:14px; letter-spacing:-.03em; }
#console.sa .sa-flywheel-intro { font-size:14px; color:var(--sa-muted); margin-top:13px; }
#console.sa .sa-wheel { position:relative; aspect-ratio:1; max-width:360px; margin:8px auto 4px; }
#console.sa .sa-orbit { display:block; position:absolute; inset:0; width:100%; height:100%; }
#console.sa .sa-wheel-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; align-items:center; flex-direction:column; }
#console.sa .sa-wheel-center>span { display:grid; place-items:center; background:#08090c; color:#fff; border-radius:11px; width:37px; height:37px; font-size:18px; font-weight:700; margin-bottom:7px; }
#console.sa .sa-wheel-center b { font-size:16px; }
#console.sa .sa-wheel-center small { font-size:12px; color:var(--sa-muted); margin-top:2px; white-space:nowrap; }
#console.sa .sa-wheel-nodes { list-style:none; margin:0; padding:0; }
#console.sa .sa-wheel-nodes li { position:absolute; transform:translate(-50%,-50%); }
#console.sa .sa-wheel-nodes li:nth-child(1) { left:50%; top:12%; }
#console.sa .sa-wheel-nodes li:nth-child(2) { left:85%; top:39%; }
#console.sa .sa-wheel-nodes li:nth-child(3) { left:72%; top:82%; }
#console.sa .sa-wheel-nodes li:nth-child(4) { left:28%; top:82%; }
#console.sa .sa-wheel-nodes li:nth-child(5) { left:15%; top:39%; }
#console.sa .sa-wheel-nodes button { min-width:86px; min-height:54px; padding:5px 9px; border:1px solid #dce6fa; background:#fff; color:var(--sa-ink); border-radius:10px; font-size:14px; font-weight:600; line-height:1.45; box-shadow:0 3px 10px #20396306; }
#console.sa .sa-wheel-nodes button span { display:block; color:var(--sa-muted); font-size:12px; font-weight:500; }
#console.sa .sa-wheel-nodes button[aria-pressed="true"] { background:var(--sa-blue); border-color:var(--sa-blue); color:#fff; }
#console.sa .sa-wheel-nodes button[aria-pressed="true"] span { color:#fff; }
#console.sa .sa-wheel-details { padding:15px 0 12px; border-top:1px solid #dce6fa; }
#console.sa.sa-ready .sa-wheel-details { min-height:114px; }
#console.sa .sa-wheel-details b { font-size:14px; font-weight:600; }
#console.sa .sa-wheel-details p { color:var(--sa-muted); font-size:13px; margin-top:6px; }
#console.sa .sa-wheel-details>div+div { margin-top:14px; }
#console.sa.sa-ready .sa-wheel-details>div { margin-top:0; }
#console.sa .sa-play { display:none; align-items:center; justify-content:space-between; gap:15px; width:100%; min-height:44px; padding:10px 14px; color:var(--sa-blue); background:white; border:1px solid #cbd9f5; border-radius:9px; font-size:14px; font-weight:600; }
#console.sa.sa-ready .sa-play { display:flex; }
#console.sa .sa-play>span { font-size:20px; line-height:1; }
#console.sa .sa-learning-note { margin-top:12px; font-size:12px; line-height:1.65; color:var(--sa-muted); }
#console.sa .sa-foundation { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:26px 0; padding:26px 0; border-top:1px solid var(--sa-line); border-bottom:1px solid var(--sa-line); }
#console.sa .sa-foundation article { padding:0 25px; border-left:1px solid var(--sa-line); }
#console.sa .sa-foundation article:first-child { padding-left:0; border-left:0; }
#console.sa .sa-foundation article:last-child { padding-right:0; }
#console.sa .sa-foundation-n { font-size:12px; color:var(--sa-blue); }
#console.sa .sa-foundation h3 { font-size:19px; margin:9px 0 8px; }
#console.sa .sa-foundation p { font-size:14px; color:var(--sa-muted); max-width:25em; }
#console.sa .sa-evidence { background:#fff; border:1px solid var(--sa-line); border-radius:13px; }
#console.sa .sa-evidence>summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 22px; list-style:none; }
#console.sa .sa-evidence>summary::-webkit-details-marker { display:none; }
#console.sa .sa-evidence>summary b { display:block; font-size:14px; font-weight:600; }
#console.sa .sa-evidence>summary small { display:block; font-size:12px; color:var(--sa-muted); margin-top:4px; }
#console.sa .sa-expand { font-size:22px; color:var(--sa-muted); }
#console.sa .sa-evidence[open] .sa-expand { transform:rotate(45deg); }
#console.sa .sa-evidence-body { padding:4px 22px 22px; }
#console.sa .sa-evidence-body>.dual { align-items:start; }
#console.sa .sa-status { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:22px; font-size:12px; color:var(--sa-muted); }
#console.sa .sa-status>span { display:flex; align-items:baseline; gap:10px; }
#console.sa .sa-status b { color:#2b313c; white-space:nowrap; }
@media (max-width:1150px) {
  #console.sa .sa-overview { grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:18px; }
  #console.sa .sa-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:19px; }
  #console.sa .sa-metric dd,#console.sa .sa-metric--lead dd { font-size:30px; }
  #console.sa .sa-flywheel { padding:24px 18px; }
  #console.sa .sa-workhead,#console.sa .sa-view { padding-left:20px; padding-right:20px; }
  #console.sa .sa-tabs { margin-left:20px; margin-right:20px; }
  #console.sa .sa-business-detail { grid-template-columns:minmax(0,1fr); }
  #console.sa .sa-tasks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:13px 0 0; border-left:0; border-top:1px solid var(--sa-line); }
  #console.sa .sa-tasks h5,#console.sa .sa-tasks>small { grid-column:1/-1; margin:0; }
  #console.sa .sa-tasks>p { display:block; }
  #console.sa .sa-tasks>p b { display:block; margin-top:4px; }
}
@media (max-width:850px) {
  #console.sa .sa-heading { grid-template-columns:1fr; gap:0; margin-bottom:32px; }
  #console.sa .sa-heading>p { margin-top:20px; font-size:17px; max-width:35em; }
  #console.sa .sa-overview { grid-template-columns:1fr; }
  #console.sa .sa-flywheel { display:grid; grid-template-columns:1fr 1fr; column-gap:24px; }
  #console.sa .sa-roadmap,#console.sa .sa-flywheel h3,#console.sa .sa-flywheel-intro { grid-column:1/-1; }
  #console.sa .sa-wheel { grid-row:4/8; grid-column:1; width:100%; }
  #console.sa .sa-wheel-details,#console.sa .sa-play,#console.sa .sa-learning-note { grid-column:2; }
  #console.sa .sa-wheel-details { margin-top:24px; }
  #console.sa .sa-play { align-self:start; }
  #console.sa .sa-learning-note { align-self:start; }
  #console.sa .sa-business-detail { grid-template-columns:minmax(0,1fr) 145px; }
  #console.sa .sa-tasks { display:block; border-top:0; border-left:1px solid var(--sa-line); padding:0 0 0 18px; }
  #console.sa .sa-tasks>p { display:flex; margin-top:9px; }
  #console.sa .sa-tasks>p b { margin:0; }
}
@media (max-width:620px) {
  #console.sa .sa-heading h2 { font-size:clamp(30px,8.5vw,40px); }
  #console.sa .sa-windowbar { padding:12px 16px; gap:7px; }
  #console.sa .sa-windowdots { display:none; }
  #console.sa .sa-workhead { padding:22px 17px 18px; }
  #console.sa .sa-workhead h3 { font-size:20px; }
  #console.sa .sa-workmark { display:none; }
  #console.sa .sa-tabs { margin:0 14px; }
  #console.sa .sa-view { padding:20px 17px 12px; }
  #console.sa.sa-ready .sa-view { min-height:0; }
  #console.sa .sa-viewtitle { display:block; }
  #console.sa .sa-viewtitle>span { display:block; margin-top:4px; }
  #console.sa .sa-metrics { gap:20px 12px; margin-bottom:22px; }
  #console.sa .sa-metric dd,#console.sa .sa-metric--lead dd { font-size:clamp(25px,7.2vw,29px); }
  #console.sa .sa-metric dt { font-size:14px; }
  #console.sa .sa-business-detail { grid-template-columns:1fr; gap:15px; }
  #console.sa .sa-tasks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; border-left:0; border-top:1px solid var(--sa-line); padding:13px 0 0; }
  #console.sa .sa-tasks>p { display:block; margin:0; }
  #console.sa .sa-tasks>p b { margin-top:5px; }
  #console.sa .sa-event-icon { display:none; }
  #console.sa .sa-event p>span { font-size:14px; }
  #console.sa .sa-workfoot { padding:14px 17px 20px; }
  #console.sa .sa-metadata { grid-template-columns:1fr; gap:8px; }
  #console.sa .sa-metadata>div { display:flex; gap:12px; }
  #console.sa .sa-metadata dt { margin:0; }
  #console.sa .sa-asset-example { padding:16px; }
  #console.sa .sa-asset-title { gap:8px; }
  #console.sa .sa-tag { margin-left:0; }
  #console.sa .sa-answer { padding:16px; gap:8px; }
  #console.sa .sa-flywheel { display:block; padding:24px 18px; }
  #console.sa .sa-flywheel h3 { font-size:28px; }
  #console.sa .sa-wheel { max-width:320px; margin-top:14px; }
  #console.sa .sa-wheel-nodes button { min-width:78px; padding:5px 7px; }
  #console.sa .sa-wheel-center>span { width:32px; height:32px; border-radius:9px; }
  #console.sa .sa-wheel-center b { font-size:14px; }
  #console.sa .sa-wheel-details { margin-top:0; }
  #console.sa .sa-foundation { grid-template-columns:1fr; padding:4px 0; margin:22px 0; }
  #console.sa .sa-foundation article,#console.sa .sa-foundation article:first-child,#console.sa .sa-foundation article:last-child { padding:18px 0; border-left:0; }
  #console.sa .sa-foundation article+article { border-top:1px solid var(--sa-line); }
  #console.sa .sa-foundation p { max-width:none; }
  #console.sa .sa-evidence>summary { padding:16px; }
  #console.sa .sa-evidence-body { padding:4px 12px 16px; }
  #console.sa .sa-status { display:block; }
  #console.sa .sa-status>span+span { margin-top:10px; }
}
@media (prefers-reduced-motion:reduce) { #console.sa *,#console.sa *::before,#console.sa *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media print { #console.sa .sa-tabs,#console.sa .sa-play { display:none!important; } #console.sa [data-sa-panel][hidden],#console.sa [data-sa-step-detail][hidden] { display:block!important; } #console.sa .sa-overview { display:block; } #console.sa .sa-flywheel { margin-top:20px; } }

/* Local integration fixes: feedback provenance and original-image access. */
#console.sa .sa-feedback { margin-top:16px; padding:17px 18px; border:1px solid var(--sa-line); border-radius:12px; background:#f8f9fb; }
#console.sa .sa-feedback h5 { font-size:15px; margin:5px 0 12px; }
#console.sa .sa-feedback dl { display:grid; gap:9px; font-size:14px; }
#console.sa .sa-feedback dl>div { display:grid; grid-template-columns:6em minmax(0,1fr); gap:10px; }
#console.sa .sa-feedback dt { color:var(--sa-muted); }
#console.sa .sa-feedback dd { overflow-wrap:anywhere; }
#console.sa .sa-original { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; width:fit-content; min-height:44px; margin:0 0 16px; color:var(--sa-blue); font-size:14px; text-underline-offset:3px; }
#console.sa .sa-original span { font-size:12px; color:var(--sa-muted); }
#console.sa :where(a:focus-visible,[role="tabpanel"]:focus-visible) { outline:3px solid #2563eb; outline-offset:4px; }
#console.sa .sa-evidence .steps.js-steps .step span { display:block; }
#console.sa .sa-evidence .steps.js-steps .step b { color:var(--sa-ink); }
@media(max-width:620px) { #console.sa .sa-feedback { padding:16px; } #console.sa .sa-feedback dl>div { grid-template-columns:1fr; gap:2px; } }

/* Keep scaled SVG tick labels readable on phones (12.5px at 375px). */
@media(max-width:620px) { #console.sa .sa-chart-labels { font-size:18px; } }
