/* Shared website system. No external font, image or UI framework dependency. */
:root {
  --ink: #242426; --muted: #626268; --paper: #ffffff; --surface: #fff;
  --line: #ebe9e8; --accent: #d93838; --accent-hover: #c3292d;
  --accent-soft: #fff0ec; --accent-border: #f3c3b9;
  --type-body: 1rem; --type-small: .875rem;
  --red: var(--accent); --red-dark: var(--accent-hover); --yellow: #e8a69b;
  --green: var(--accent); --radius: 16px; --shadow: 0 16px 48px rgba(96, 36, 24, .07);
  --sans: "PingFang SC", "Microsoft YaHei", "Alimama FangYuanTi VF", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
html { scroll-padding-top: 100px; }
body { background: var(--paper); font: 400 1rem/1.7 var(--sans); }
button, input, select, textarea { font: inherit; }
.formula, .evidence-mark, code, pre, svg text { font-family: var(--sans); }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, a { touch-action: manipulation; }
:focus-visible { outline: 3px solid var(--red); outline-offset: 4px; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.container { width: min(1160px, calc(100% - 64px)); }
[data-site-header] { position: sticky; top: 0; z-index: 40; }
.site-header { position: relative; background: rgba(255, 255, 255, .92); border-bottom: 1px solid rgba(234,229,231,.65); backdrop-filter: blur(16px); }
.nav-shell { width: min(1320px, calc(100% - 64px)); height: 76px; gap: 32px; }
.brand { gap: 10px; flex-shrink: 0; }
.brand img { width: 36px; height: 36px; border-radius: 10px; }
.brand b { font-size: 1.0625rem; letter-spacing: -.03em; }
.brand small { font-size: .75rem; letter-spacing: .08em; color: var(--muted); }
.primary-nav { gap: 32px; }
.primary-nav a { font-size: .875rem; color: var(--muted); font-weight: 500; }
.primary-nav a::after { display: none; }
.primary-nav .nav-download { background: var(--ink); color: #fff; padding: 10px 24px; border-radius: 999px; }
.primary-nav .nav-download.active { color: #fff; }
.primary-nav .nav-download:hover { background: var(--red); color: #fff; }
.button { background: var(--red); border: 1px solid var(--red); border-radius: 8px; min-height: 52px; padding: 12px 24px; font-size: .9375rem; font-weight: 600; box-shadow: none; gap: 16px; }
.button:hover { background: var(--red-dark); border-color: var(--red-dark); box-shadow: none; transform: translateY(-2px); }
.button:active, button:active { transform: translateY(1px); }
.button.secondary { color: var(--ink); border-color: #d9d1d2; background: transparent; }
.button.secondary:hover { background: #f6f3f3; border-color: #bcb1b2; }
.text-link { font: 600 .9375rem/1.5 var(--sans); background: transparent; border: 0; padding: 0; color: var(--red); cursor: pointer; min-height: 44px; display: inline-flex; align-items: center; gap: 12px; }
.text-link:hover { color: var(--red-dark); }
button { transition: background 180ms, color 180ms, transform 180ms; }
.quant-hero { padding: 48px 0 0; overflow: hidden; position: relative; isolation: isolate; background: radial-gradient(ellipse at 84% 36%, #ffece7 0, transparent 44%), radial-gradient(ellipse at 12% 70%, #fff5f0, transparent 40%), #fff; }
.quant-hero > .container { position: relative; width: min(1520px, calc(100% - 64px)); }
.hero-watermark { position: absolute; z-index: -1; left: -80px; top: 270px; font-weight: 800; font-size: clamp(80px, 11vw, 160px); letter-spacing: -.065em; line-height: .9; color: #fbece7; transform: rotate(-25deg) skew(-12deg); pointer-events: none; user-select: none; }
.hero-note-line { width: 22px; height: 2px; background: var(--red); }
.hero-note { text-align: center; font-size: .875rem; color: #625859; display: flex; align-items: center; justify-content: center; gap: 8px; }
.little-spark { color: var(--red); font-size: 24px; }
.quant-hero h1 { text-align: center; margin: 24px 0; font-size: clamp(2.75rem, 4.8vw, 4.125rem); font-weight: 700; letter-spacing: -.035em; line-height: 1.3; }
.hero-word { color: var(--accent); position: relative; white-space: nowrap; }

.quant-hero-lead { text-align: center; margin: 24px auto 28px; max-width: 720px; font-size: 1.0625rem; line-height: 1.9; color: var(--muted); }
.quant-hero-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.platform-note { font-size: .8125rem; text-align: center; color: var(--muted); margin: 16px 0 0; }
.platform-note span { color: #bcb2b3; margin: 0 8px; }
.platform-note a { text-decoration: underline; text-underline-offset: 4px; }
.hero-bottom-note { display: flex; justify-content: center; align-items: center; gap: 24px; color: var(--muted); font-size: .8125rem; padding: 32px 0; }
.hero-bottom-note i { width: 3px; height: 3px; border-radius: 50%; background: #cac0c0; }
.quant-section { padding: 104px 0; }
.quant-section h2, .closing-section h2 { font-size: clamp(2rem, 3.2vw, 3rem); letter-spacing: -.035em; line-height: 1.4; font-weight: 650; margin: 0; text-wrap: balance; }
.quant-section-head { text-align: center; margin-bottom: 48px; }
.section-kicker { color: var(--accent); font-size: .8125rem; font-weight: 600; margin: 0 0 16px; letter-spacing: .035em; }
.quant-section-head > p:last-child { margin: 18px auto 0; color: var(--muted); max-width: 660px; }
.product-section { border-top: 1px solid var(--line); }
.product-tabs { display: flex; justify-content: center; gap: 8px; margin-bottom: 48px; }
.product-tabs button { cursor: pointer; border: 1px solid transparent; border-radius: 7px; color: var(--muted); background: transparent; min-height: 48px; padding: 10px 24px; font-size: .9375rem; }
.product-tabs button[aria-selected='true'] { background: #fff0ec; border-color: #f3c3b9; color: #b72e2e; box-shadow: 0 2px 5px #361d1f08; font-weight: 600; }
.product-tabs button:hover { background: #f6f3f3; }
.product-feature { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: center; min-height: 360px; }
.feature-number { font-size: .75rem; color: var(--muted); }
.product-copy h3 { font-size: clamp(1.75rem, 2.6vw, 2.25rem); line-height: 1.45; font-weight: 600; letter-spacing: -.035em; margin: 16px 0; text-wrap: balance; }
.product-copy > p { color: var(--muted); }
.product-copy ul { list-style: none; padding: 0; margin: 24px 0; }
.product-copy li { font-size: .9375rem; margin: 10px 0; padding-left: 24px; position: relative; }
.product-copy li::before { content: '↗'; color: var(--red); position: absolute; left: 0; }
.workflow-section { background: #fff7f3; border-block: 1px solid #f8e7e0; }
.workflow-heading { display: flex; justify-content: space-between; gap: 48px; align-items: flex-end; margin-bottom: 56px; }
.workflow-heading > p { color: var(--muted); margin: 0 0 6px; }
.research-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.research-steps li { border-top: 1px solid #e3dbdc; padding-top: 20px; display: flex; flex-direction: column; }
.step-index { font: .875rem/1.5 var(--sans); color: #7a6f70; }
.research-steps h3 { font-size: 1.25rem; margin: 32px 0 12px; font-weight: 600; }
.research-steps p { color: var(--muted); font-size: .9375rem; margin: 0 0 24px; }
.research-steps a, .research-steps button { display: inline-flex; align-items: center; padding: 0; min-height: 44px; margin-top: auto; color: var(--red); background: none; border: 0; font-size: .8125rem; font-weight: 600; cursor: pointer; text-align: left; }
.evidence-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 96px; align-items: start; }
.evidence-layout > div > p:not(.section-kicker) { color: var(--muted); max-width: 450px; margin-top: 24px; }
.evidence-principles { margin: 0; }
.evidence-principles > div { padding: 24px 0; border-bottom: 1px solid var(--line); }
.evidence-principles > div:first-child { padding-top: 0; }
.evidence-principles dt { font-weight: 600; font-size: 1.125rem; }
.evidence-principles dt span { font: .75rem var(--sans); color: #887b7c; margin-right: 16px; }
.evidence-principles dd { margin: 10px 0 0 34px; color: var(--muted); font-size: .9375rem; }
.membership-section { background: #fff; border-block: 1px solid var(--line); }
.membership-table-wrap { overflow-x: auto; }
.membership-table { width: 100%; border-collapse: collapse; font-size: .9375rem; font-variant-numeric: tabular-nums; }
.membership-table th, .membership-table td { border-bottom: 1px solid var(--line); padding: 20px 24px; text-align: center; }
.membership-table th:first-child { text-align: left; font-weight: 500; width: 25%; }
.membership-table thead th { padding-bottom: 28px; }
.membership-table thead span { display: block; font-size: 1.125rem; font-weight: 600; }
.membership-table thead small { display: block; font-size: .75rem; color: var(--muted); margin-top: 6px; font-weight: 400; }
.membership-table th:nth-child(4), .membership-table td:nth-child(4) { background: #fff4ef; }
.membership-table thead th:nth-child(4) { color: #b72e2e; border-top: 2px solid var(--accent); }
.membership-table thead th:not(:nth-child(4)) { border-top: 2px solid transparent; }
.entitlement-check { color: var(--red); }
.membership-footnote { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 28px; }
.membership-footnote p { font-size: .8125rem; color: var(--muted); max-width: 600px; margin: 0; }
.membership-footnote a { flex-shrink: 0; }
.device-section-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; align-items: center; }
.device-section-layout > div > p:not(.section-kicker) { color: var(--muted); max-width: 450px; margin: 24px 0; }
.device-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.device-actions .text-link { margin: 0; }
.device-section-layout > div > small { display: block; font-size: .75rem; color: var(--muted); margin-top: 16px; }
.questions-section { border-top: 1px solid var(--line); }
.questions-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
.question-list article { padding: 24px 0; border-bottom: 1px solid var(--line); }
.question-list article:first-child { padding-top: 0; }
.question-list h3 { font-size: 1.0625rem; margin: 0 0 12px; font-weight: 600; }
.question-list p { font-size: .9375rem; color: var(--muted); margin: 0; }
.closing-section { background: radial-gradient(ellipse at 50% 0,#ffe6dc,transparent 70%), #fff8f4; border-top: 1px solid #f6e4dc; padding: 72px 0 80px; text-align: center; }
.closing-mark { font: 800 1.75rem/1 var(--sans); color: var(--accent); letter-spacing: -.06em; }
.closing-section .little-spark { font-size: 40px; }
.closing-section h2 { margin: 20px 0 32px; }
.closing-section p { font-size: .8125rem; color: var(--muted); margin: 24px 0 0; }
.site-footer { padding: 48px 0 24px; background: var(--paper); }
.footer-grid { grid-template-columns: 1.8fr 1fr 1fr; gap: 40px; }
.footer-grid > div > b, .footer-grid > div > a, .footer-brand p { font-size: .875rem; }
.footer-bottom { font-size: .75rem; color: var(--muted); gap: 24px; }
/* Existing secondary pages adopt the same typography, accent and surfaces. */
.page-hero { background: radial-gradient(ellipse at 85% 5%,#ffe9e0,transparent 62%), #fffaf7; min-height: auto; border-bottom: 1px solid #f4e6df; }
.page-hero h1, .section-heading h2, .section-head h2 { letter-spacing: -.045em; }
.eyebrow { color: var(--red); letter-spacing: .02em; text-transform: none; }
.warm-section { background: #fff7f3; }
.card, .filter-panel, .demo-shell, .result-inspector, .download-card, .chip-guide { border-radius: 16px; box-shadow: 0 4px 20px -12px #351c1e26; border-color: #eae3e4; }
.card::after, .download-card::after, .step-card::after, .evidence-grid article::after { display: none; }
.card:hover, .download-card:hover { border-color: #d6cacb; box-shadow: 0 16px 36px -22px #351c1e30; }
.download-card { transition: border-color 200ms, box-shadow 200ms; }
.card p, .prose p, .prose li { font-size: 1rem; }
.pill, .tag, .state-pill, .article-meta, .breadcrumbs, .hero-facts span, .factor-list li, .plain-list li, .data-table th, .formula, .field label, .check-line, .form-status, .notice, .timeline time, .side-nav a { font-size: .8125rem; }
.field input, .field select, .field textarea { font-size: 1rem; }
.card { background: #fff; }
.step-card, .evidence-grid article { border-radius: 12px; }
.final-cta, .cta-band { border-radius: 16px; box-shadow: none; background: #fff3ed; color: var(--ink); }
.final-cta p:not(.eyebrow), .cta-band p { color: var(--muted); }
.eyebrow.light { color: var(--red); }
.demo-steps { background: #f7f5f5; }
.demo-steps button { color: var(--muted); border-radius: 6px; }
.demo-steps button.active { background: #ffede6; color: #b72e2e; }
.demo-steps button.active > span { border-color: #e0cccd; }
.final-count { background: #f7f5f5; color: var(--ink); border-radius: 8px; }
.final-count strong { color: var(--red); }
.choice-card:has(input:checked), .result-table tbody tr:hover, .result-table tbody tr.selected { background: #fff1eb; }
.choice-card:has(input:checked) { border-color: #d6bfc1; }
.download-art::before { background: #ffece4; border-radius: 32px; }
.device-window { border-radius: 12px; background: #271e1f; box-shadow: var(--shadow); }
.download-card.is-recommended { border-color: #d1b7b9; box-shadow: var(--shadow); }
.recommended-flag { background: var(--red); border-radius: 4px; }
.notice.red { color: #843f45; background: #fff3f3; border-color: #bd656c; }
.notice.amber, .demo-note.amber { color: #665947; background: #f8f6f0; border-color: #cfbf9a; }
.notice.green, .pill.green { color: #a52d2d; background: #fff1eb; }
.pill, .tag, .state-pill { color: #a52d2d; background: #fff1eb; }
.pill.blue { color: #675758; background: #f4f1f1; }
.pill.amber { color: #665947; background: #f6f3ec; }
.formula { background: #f6f4f4; color: #492e30; border: 1px solid #e5dede; }
.download-detected { border-radius: 10px; border-color: #e6dedf; background: #fff; }
.download-card-head b { color: #6b5c5e; background: #f3efef; border-radius: 4px; }
.download-trust { color: #696162; }
.risk-callout { border-color: #e3d8d9; border-left-color: #967376; background: #fbf8f9; }
.result-table th, .data-table th { background: #f8f6f6; color: #6e6162; }
.field input, .field select, .field textarea { background: #fdfbfb; border-color: #d9cecf; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px #63242a14; }
.light-button { color: #fff; background: var(--red); border-color: var(--red); }
.light-button:hover { color: #fff; background: var(--red-dark); border-color: var(--red-dark); }
@media (max-width: 1000px) {
  .primary-nav { gap: 18px; }
  .product-feature, .evidence-layout, .questions-layout { gap: 40px; }
  .device-section-layout { gap: 32px; }
}
@media (max-width: 900px) {
  .nav-shell { height: 72px; }
  .primary-nav { top: 72px; left: 24px; right: 24px; background: #fff; border-radius: 10px; gap: 0; }
  .primary-nav .nav-download { margin-top: 8px; text-align: center; }
  .workflow-heading { flex-direction: column; align-items: flex-start; gap: 24px; }
  .research-steps { grid-template-columns: repeat(2, 1fr); gap: 40px 32px; }
  .membership-footnote { flex-direction: column; align-items: flex-start; }
  .device-section-layout { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
}
@media (max-width: 650px) {
  .container, .nav-shell { width: calc(100% - 40px); }
  .primary-nav { left: 20px; right: 20px; }
  .brand small { display: none; }
  .quant-hero { padding-top: 40px; }
  .hero-watermark { top: 280px; left: -80px; opacity: .5; font-size: 90px; }
  .quant-hero h1 { font-size: clamp(1.9rem, 8vw, 3rem); margin: 22px 0; letter-spacing: -.035em; }
  .quant-hero-lead { font-size: 1rem; margin: 28px 0; }
  .quant-hero-actions { flex-direction: column; }
  .quant-hero-actions .button { width: 100%; }
  .platform-note { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
  .hero-bottom-note { gap: 10px; font-size: .75rem; }
  .quant-section { padding: 72px 0; }
  .quant-section h2, .closing-section h2 { font-size: 2rem; }
  .quant-section-head { margin-bottom: 32px; }
  .quant-section-head > p:last-child { font-size: 1rem; }
  .product-tabs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 32px; }
  .product-tabs button { padding-inline: 12px; }
  .product-feature, .evidence-layout, .questions-layout { grid-template-columns: 1fr; gap: 32px; }
  .product-copy h3 { font-size: 1.75rem; }
  .research-steps { gap: 32px 24px; }
  .research-steps h3 { margin-top: 20px; }
  .research-steps p { font-size: .875rem; }
  .membership-table { font-size: .75rem; }
  .membership-table th, .membership-table td { padding: 16px 6px; overflow-wrap: anywhere; }
  .membership-table thead span { font-size: .875rem; }
  .membership-table th:first-child { width: 25%; }
  .membership-table thead small { font-size: .75rem; }
  .membership-footnote a { width: 100%; }
  .device-actions { gap: 12px; }
  .device-actions .button { width: 100%; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-bottom { flex-direction: column; gap: 12px; }
}
@media (prefers-reduced-transparency: reduce) { .site-header { background: #fff; backdrop-filter: none; } }
@media (prefers-contrast: more) { :root { --muted: #49393a; --line: #b7a7a8; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Five-stage research narrative and supplementary real product capture. */
.device-real-capture img, .download-real-capture img { display: block; width: 100%; height: auto; }
.research-path { padding: 32px; border-radius: 22px; background: radial-gradient(ellipse at 0 0,#ffe8df,transparent 75%), #fff8f4; border: 1px solid #f5e6df; }
.path-question { font-size: 1.375rem; font-weight: 600; line-height: 1.5; margin: 0 0 28px; }
.research-path dl { margin: 0; }
.research-path dl > div { padding: 18px 0; border-top: 1px solid #e8dfe2; display: grid; grid-template-columns: 56px 1fr; align-items: start; gap: 20px; }
.research-path dt { font-size: .8125rem; color: var(--muted); padding-top: 2px; }
.research-path dd { margin: 0; font-size: .9375rem; }
.research-path .path-next dd { color: var(--accent); font-weight: 500; }
.path-boundary { font-size: .8125rem; line-height: 1.8; margin: 20px 0 0; color: var(--muted); }
.product-feature { align-items: start; }
.product-copy h3 { font-size: clamp(1.625rem,2.3vw,2rem); }
.product-copy .text-link { margin-top: 12px; }
.workflow-return { margin: 36px 0 0; padding-top: 24px; border-top: 1px solid var(--line); font-size: .875rem; color: var(--muted); }
.workflow-return span { font-size: 1.25rem; color: var(--accent); margin-right: 12px; }
.device-real-capture { margin: 0; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; box-shadow: var(--shadow); }
.device-real-capture figcaption { font-size: .75rem; color: var(--muted); padding: 12px 16px; background: #fff; }
.download-real-capture { margin: 0; border-radius: 16px; overflow: hidden; box-shadow: 0 18px 48px -16px rgba(77,30,40,.18); border: 1px solid #e9e1e3; background: #fff; }
.download-real-capture figcaption { font-size: .75rem; color: var(--muted); padding: 12px 16px; }
.status-dot { background: var(--accent); box-shadow: 0 0 0 5px rgba(217,56,56,.08); }
.step-icon { background: #fff1eb; }
.apple-icon, .chip-guide article > span { background: var(--ink); }
.notice:not(.amber):not(.red):not(.green) { background: #faf6f7; border-color: #d7b8bf; }
@media (max-width: 650px) {
  .research-path { padding: 24px 20px; }
  .path-question { font-size: 1.25rem; }
  .research-path dl > div { gap: 12px; }
  .product-tabs button:last-child { grid-column: 1 / -1; }
}

/* A small, working product showcase; all data and report text are fictional. */
.live-demo { margin-top: 40px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: 0 24px 72px -28px #a2513a40, 0 0 0 7px #ffffff80; text-align: left; scroll-margin-top: 0; font-size: .8125rem; }
.demo-titlebar { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 10px 24px; background: #fff; border-bottom: 1px solid var(--line); }
.demo-title-brand, .demo-title-actions { display: flex; align-items: center; gap: 12px; }
.demo-title-brand img { flex-shrink: 0; }
.demo-title-brand b { font-size: .875rem; white-space: nowrap; }
.demo-badge { font-size: .75rem; font-weight: 500; border-radius: 5px; color: #a72e2e; background: #fff0e9; padding: 4px 8px; white-space: nowrap; }
.live-demo button { min-height: 44px; cursor: pointer; color: var(--ink); border: 0; background: transparent; padding: 8px 12px; font-size: .8125rem; border-radius: 7px; }
.live-demo button:hover { background: #fff1eb; }
.demo-title-actions button { color: var(--muted); padding-inline: 8px; }
.demo-title-actions button[aria-pressed='true'] { color: var(--accent); background: #fff1eb; }
.preview-app-layout { display: grid; grid-template-columns: 72px minmax(0,1fr); align-items: stretch; height: 690px; }
.preview-sidebar { grid-column: 1; grid-row: 1; border-right: 1px solid var(--line); background: #fff; padding: 12px 6px; display: flex; flex-direction: column; min-height: 0; }
.preview-nav-group { font-size: .75rem; color: var(--muted); text-align: center; margin-bottom: 8px; }
.demo-navigation { display: flex; flex-direction: column; gap: 6px; }
.demo-navigation button { min-height: 64px; padding: 8px 4px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; color: var(--muted); border: 1px solid transparent; }
.demo-navigation button b { display: block; font-size: .8125rem; font-weight: 500; color: var(--ink); }
.demo-navigation button small { display: block; font-size: .75rem; font-weight: 400; margin-top: 3px; }
.demo-navigation button em { font-style: normal; font-size: .75rem; background: #f0ebe8; padding: 0 4px; border-radius: 3px; }
.demo-navigation button svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linejoin: round; flex-shrink: 0; }
.demo-navigation button[aria-selected='true'] { color: var(--accent); border-color: var(--accent-border); background: var(--accent-soft); box-shadow: inset 2px 0 var(--accent); }
.demo-navigation button[aria-selected='true'] b { color: var(--accent); }
.preview-sidebar-note { margin: auto 0 0; border-top: 1px solid var(--line); padding-top: 16px; font-size: .6875rem; color: var(--muted); text-align: center; }
.preview-sidebar-note b { font-weight: 500; font-size: .8125rem; }
.preview-sidebar-note p { font-size: .75rem; color: var(--muted); margin: 8px 0 0; }
.demo-content { grid-column: 2; grid-row: 1; background: #f6f7fa; padding: 12px; min-height: 0; min-width: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.demo-content h3 { font-size: .9375rem; margin: 0; font-weight: 600; }
.demo-market-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-bottom: 24px; }
.demo-market-metrics > div { position: relative; border-right: 1px solid #e5e2df; padding-right: 20px; }
.demo-market-metrics > div:last-child { border: 0; }
.demo-market-metrics span, .demo-market-metrics small { color: var(--muted); font-size: .75rem; }
.demo-market-metrics b { display: block; font-size: 1.625rem; font-weight: 650; line-height: 1.4; margin: 4px 0; font-variant-numeric: tabular-nums; }
.demo-market-metrics b small { font-size: .8125rem; margin-left: 6px; font-weight: 500; }
.demo-market-metrics svg { width: 100px; height: 24px; position: absolute; right: 24px; bottom: 0; stroke: var(--accent); stroke-width: 1.5; fill: none; }
.demo-up { color: #c32a2f !important; }
.demo-down { color: #56616d !important; }
.demo-breadth { display: flex; height: 5px; border-radius: 4px; overflow: hidden; background: #cfd2d5; margin: 8px 0; max-width: 200px; }
.demo-breadth i { width: 66%; background: var(--accent); }
.demo-split { display: grid; grid-template-columns: .85fr 1.15fr; gap: 20px; align-items: start; }
.demo-card { background: #fff; padding: 14px; border: 1px solid var(--line); border-radius: 5px; min-width: 0; }
.demo-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 28px; margin-bottom: 8px; }
.demo-card-head > span { font-size: .75rem; color: var(--muted); }
.demo-card-head .demo-badge { color: #a72e2e; }
.demo-sector-list { display: grid; gap: 4px; }
.live-demo .demo-sector { display: flex; align-items: center; justify-content: space-between; gap: 8px; text-align: left; border: 1px solid transparent; padding: 10px 12px; width: 100%; min-height: 64px; }
.live-demo .demo-sector.is-selected { background: #fff3ed; border-color: #f4d6cb; }
.demo-sector span { font-weight: 600; }
.demo-sector small { display: block; color: var(--muted); font-size: .75rem; font-weight: 400; margin-top: 2px; }
.demo-sector strong { font-size: .875rem; color: #c32a2f; font-variant-numeric: tabular-nums; white-space: nowrap; }
.demo-sector i { font-style: normal; color: #a39d99; margin-left: 12px; }
.demo-sector.is-selected i { color: var(--accent); }
.demo-news { margin-top: 16px; padding: 12px 0 0; border-top: 1px solid var(--line); }
.demo-news span { font-size: .75rem; color: var(--muted); }
.demo-news p { font-size: .8125rem; margin: 8px 0 0; }
.live-demo .demo-link { color: var(--accent); padding-right: 0; }
.demo-sector-facts { display: flex; gap: 24px; border-bottom: 1px solid var(--line); padding-bottom: 12px; font-size: .75rem; color: var(--muted); }
.demo-sector-facts b { color: var(--ink); font-size: .8125rem; font-weight: 600; margin-left: 6px; }
.demo-stock-row { display: grid; grid-template-columns: 1.35fr .7fr .8fr; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.demo-stock-row:last-child { border: 0; }
.live-demo .demo-stock-name { display: inline-flex; align-items: center; font-weight: 600; min-height: 44px; padding: 0; font-size: .875rem; gap: 8px; }
.demo-stock-name span { color: var(--accent); }
.demo-stock-row small { display: block; font-size: .75rem; color: var(--muted); }
.demo-quote, .demo-row-tail { display: flex; flex-direction: column; text-align: right; font-size: .8125rem; font-variant-numeric: tabular-nums; }
.demo-row-tail > span { font-size: .75rem; color: var(--muted); }
.demo-quote b, .demo-row-tail b { font-weight: 600; }
.demo-context-note { font-size: .75rem; line-height: 1.8; color: var(--muted); margin: 12px 0 0; }
.demo-evidence-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; padding: 16px 0; }
.demo-evidence-grid small { display: block; font-size: .75rem; color: var(--muted); }
.demo-evidence-grid b { display: block; font-size: 1.5rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.demo-evidence-grid em { font-style: normal; font-size: .75rem; color: var(--muted); font-weight: 400; margin-left: 4px; }
.demo-judgement-note { margin: 4px 0 20px; font-size: .875rem; line-height: 1.9; }
.demo-risk { padding: 12px 16px; background: #faf8f6; border-left: 2px solid #d4c7bc; margin-bottom: 16px; }
.demo-risk b { font-size: .8125rem; font-weight: 600; }
.demo-risk p { color: var(--muted); font-size: .8125rem; margin: 4px 0 0; }
.live-demo .demo-primary { background: var(--accent); color: #fff; font-weight: 500; padding-inline: 16px; }
.live-demo .demo-primary:hover { background: var(--accent-hover); }
.demo-filter { display: flex; gap: 4px; flex-wrap: wrap; margin: 4px 0 12px; }
.live-demo .demo-filter button { min-height: 44px; border: 1px solid #eee7e1; padding: 6px 12px; color: var(--muted); }
.live-demo .demo-filter button[aria-pressed='true'] { color: #b72e2e; border-color: #f1c9bc; background: #fff1eb; font-weight: 600; }
.demo-footer { padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); background: #fff; }
.demo-footer p { margin: 0; font-size: .8125rem; }
.demo-footer > span { color: var(--muted); font-size: .75rem; white-space: nowrap; }
.demo-disclosure { font-size: .75rem; color: var(--muted); margin: 16px auto 0; text-align: center; max-width: 850px; }
.demo-status { margin: 0; padding: 0 24px; font-size: .8125rem; color: var(--accent); }
.demo-status:not(:empty) { padding-block: 10px; border-top: 1px solid var(--line); }
.demo-research-top { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }
.demo-research-top h3 { font-size: 1.0625rem; }
.demo-research-top h3 span { font-size: .75rem; color: var(--muted); font-weight: 400; margin-left: 10px; }
.demo-big-price { font-size: 1.75rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.demo-big-price small { font-size: .9375rem; margin-left: 8px; font-weight: 500; }
.demo-stock-actions { display: flex; align-items: center; gap: 8px; }
.demo-research-grid { grid-template-columns: 1.4fr 1fr; }
.demo-card-head .demo-filter { margin: 0; }
.demo-chart svg { display: block; width: 100%; height: auto; }
.demo-grid { fill: none; stroke: #ece8e5; stroke-dasharray: 3 4; }
.demo-chart-line { fill: none; stroke: var(--accent); stroke-width: 2; stroke-linejoin: round; }
.demo-chart-area { fill: #d938380b; }
.demo-chart-ma { fill: none; stroke: #82725a; stroke-width: 1.5; stroke-dasharray: 5 3; }
.demo-candle-up { fill: var(--accent); stroke: var(--accent); stroke-width: 1; }
.demo-candle-down { fill: #fff; stroke: #626268; stroke-width: 1; }
.demo-chart-key, .demo-chart-axis { display: flex; justify-content: space-between; gap: 8px; font-size: .75rem; color: var(--muted); }
.demo-chart-key { margin: 16px 0 4px; }
.demo-content > .demo-split { animation: demo-reveal 240ms ease-out; }
/* Desktop-client layout: narrow left rail, market strip, run matrix and detail. */
.preview-section-heading { margin-bottom: 10px; padding: 12px 14px; border: 1px solid var(--line); border-left: 3px solid var(--accent); border-radius: 5px; background: #fff; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.preview-section-heading > span { font-size: .75rem; color: var(--muted); }
.demo-content .preview-section-heading h3 { margin: 0 0 2px; font-size: 1.0625rem; line-height: 1.5; }
.preview-section-heading p { margin: 0; font-size: .8125rem; color: var(--muted); }
.preview-subtabs { display: flex; gap: 4px; flex-wrap: wrap; padding: 4px 0; border-bottom: 1px solid var(--line); width: 100%; margin-bottom: 12px; }
.live-demo .preview-subtabs button { padding: 6px 14px; min-height: 36px; color: var(--muted); }
.live-demo .preview-subtabs button[aria-pressed='true'] { background: var(--accent-soft); color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent-border); font-weight: 600; }
.demo-card-head .preview-subtabs { margin: 0; }
.preview-market-stage { display: flex; align-items: center; gap: 12px; border: 1px solid #f4d9cf; border-radius: 8px; padding: 12px 16px; margin: 0 0 16px; background: #fff4ee; }
.preview-market-stage span { font-size: .75rem; color: var(--muted); }
.preview-market-stage b { color: #b72e2e; font-size: .875rem; font-weight: 600; }
.preview-market-stage span:last-child { margin-left: auto; }
.preview-theme-columns, .live-demo .preview-theme-row { display: grid; grid-template-columns: minmax(80px,1.3fr) .6fr .7fr .7fr; align-items: center; gap: 8px; width: 100%; text-align: left; }
.preview-theme-columns { padding: 8px 10px; font-size: .75rem; color: var(--muted); }
.live-demo .preview-theme-row { border: 1px solid transparent; padding: 12px 10px; min-height: 52px; border-radius: 6px; font-size: .8125rem; }
.preview-theme-row strong { font-weight: 500; }
.preview-theme-row b { color: var(--accent); font-variant-numeric: tabular-nums; }
.preview-theme-row[aria-pressed='true'] { background: #fff1eb; border-color: #f5d3c7; }
.preview-evidence-lines { display: flex; gap: 20px; flex-wrap: wrap; }
.preview-evidence-lines span { font-size: .75rem; color: var(--muted); }
.preview-evidence-lines b { display: block; color: var(--ink); font-size: .875rem; margin-top: 4px; font-weight: 600; }
.preview-candidates, .preview-followup, .preview-report-chart { margin-top: 16px; }
.preview-result-row { display: grid; grid-template-columns: minmax(112px,.8fr) minmax(0,2fr) 64px; align-items: center; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.preview-result-row:last-child { border-bottom: 0; }
.preview-result-row > div { min-width: 0; }
.preview-result-row small, .preview-watch-row small { display: block; color: var(--muted); font-size: .75rem; }
.preview-rank { font-size: .75rem; color: #9c9590; margin-right: 8px; }
.preview-result-row > div:first-child small { margin-left: 25px; }
.preview-result-evidence { display: flex; flex-wrap: wrap; gap: 4px 6px; }
.live-demo .preview-source { min-height: 28px; padding: 3px 6px; color: #a72e2e; background: #fff4ee; border: 1px solid #f8e4d9; font-size: .75rem; text-align: left; }
.live-demo .preview-source:hover { background: #ffe7db; }
.preview-result-evidence small { width: 100%; margin-top: 4px; font-variant-numeric: tabular-nums; }
.preview-event { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.preview-event time { font-size: .75rem; font-variant-numeric: tabular-nums; color: var(--muted); }
.preview-event b { font-size: .875rem; font-weight: 500; }
.preview-event small { display: block; font-size: .75rem; color: var(--muted); margin-top: 5px; }
.preview-review-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; padding: 16px 0; }
.preview-review-stats span { display: block; font-size: .75rem; color: var(--muted); }
.preview-review-stats b { font-size: 1rem; font-weight: 600; display: block; margin-top: 6px; }
.preview-cycle { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; border-top: 1px solid var(--line); margin-top: 24px; padding-top: 16px; font-size: .75rem; color: var(--muted); }
.preview-cycle i { font-style: normal; color: var(--accent); }
.preview-watch-row { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) auto auto; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.preview-watch-row:last-child { border-bottom: 0; }
.preview-watch-state span, .preview-watch-state b { display: block; font-size: .75rem; }
.preview-watch-state span { color: var(--muted); }
.preview-watch-state b { font-weight: 500; margin-top: 4px; }
.live-demo .preview-reminder { border: 1px solid var(--line); white-space: nowrap; }
.live-demo .preview-reminder[aria-pressed='true'] { background: #fff1eb; color: #a72e2e; border-color: #f5d3c7; }
.preview-timeline { list-style: none; padding: 0; margin: 12px 0 0; }
.preview-timeline li { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 16px; padding: 12px 0; border-top: 1px solid var(--line); }
.preview-timeline time { font-size: .75rem; color: var(--muted); padding-top: 3px; }
.preview-timeline b { font-size: .8125rem; font-weight: 500; }
.preview-timeline p { font-size: .75rem; color: var(--muted); margin: 4px 0 0; }
.preview-selection-layout { display: grid; grid-template-columns: minmax(280px,.68fr) minmax(0,1.32fr); gap: 12px; align-items: start; }
.preview-library { display: flex; flex-direction: column; gap: 8px; }
.live-demo .preview-library button { text-align: left; border: 1px solid transparent; border-bottom-color: var(--line); padding: 12px 8px; background: #fff; display: grid; grid-template-columns: minmax(0,1fr) 38px 32px; gap: 12px; align-items: center; }
.preview-library strong { font-size: .8125rem; font-weight: 500; display: block; }
.preview-library small { display: block; color: var(--muted); font-size: .75rem; margin-top: 6px; }
.live-demo .preview-library button[aria-pressed='true'] { border-color: #c5d6e4; background: var(--accent-soft); }
.preview-library button[aria-pressed='true'] strong { color: var(--accent); }
.preview-method-intro { display: flex; align-items: center; gap: 20px; justify-content: space-between; margin-bottom: 12px; }
.preview-method-intro > div:first-child { min-width: 0; }
.demo-content h4 { font-size: 1.125rem; font-weight: 600; line-height: 1.6; margin: 10px 0 8px; }
.demo-content h5 { font-size: .875rem; font-weight: 600; margin: 12px 0; }
.preview-method-intro p { font-size: .8125rem; color: var(--muted); margin: 0; }
.preview-method-meta { border-left: 1px solid var(--line); padding-left: 20px; min-width: 145px; flex-shrink: 0; }
.preview-method-meta small { display: block; font-size: .75rem; color: var(--muted); }
.preview-method-meta b { display: block; font-size: .8125rem; font-weight: 500; margin: 3px 0 8px; }
.preview-pattern-chart { width: 112px; height: 96px; flex-shrink: 0; }
.preview-factor-evidence { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 20px; }
.preview-factor-evidence > div { border-top: 2px solid #ecd4c8; background: #faf8f6; padding: 12px; }
.preview-factor-evidence span { font-size: .75rem; color: #a48e80; }
.preview-factor-evidence b { font-size: .8125rem; font-weight: 500; display: block; margin: 6px 0; }
.preview-factor-evidence small { color: var(--muted); font-size: .75rem; }
.preview-method-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 16px; margin-top: 16px; border-top: 1px solid var(--line); }
.preview-method-footer p { font-size: .75rem; color: var(--muted); margin: 0; }
.preview-method-footer button { flex-shrink: 0; }
.preview-run-record { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; background: #faf8f6; border: 1px solid var(--line); border-radius: 6px; font-size: .75rem; }
.preview-run-record b { color: #a72e2e; font-weight: 500; }
.preview-record-facts { margin: 20px 0 0; }
.preview-record-facts > div { display: grid; grid-template-columns: 68px minmax(0,1fr); gap: 12px; border-top: 1px solid var(--line); padding: 12px 0; font-size: .75rem; }
.preview-record-facts dt { color: var(--muted); }
.preview-record-facts dd { margin: 0; }
.preview-analysis-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 16px; }
.preview-analysis-toolbar label { font-size: .75rem; color: var(--muted); margin-right: auto; max-width: 100%; }
.preview-analysis-toolbar select { min-height: 44px; padding: 6px 10px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink); font-size: .8125rem; margin-left: 6px; max-width: 100%; }
.preview-research-report { background: #fff; border: 1px solid #f0d1c5; border-radius: 12px; overflow: hidden; }
.preview-research-report > header { padding: 20px; background: #fff7f2; border-bottom: 1px solid #f1e5df; }
.preview-research-report p { font-size: .8125rem; color: var(--muted); margin: 0; }
.preview-report-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; padding: 20px; }
.preview-report-columns h5 { margin: 0 0 12px; }
.preview-mini-facts { margin: 16px 0 0; font-size: .75rem; }
.preview-mini-facts > div { border-top: 1px solid var(--line); padding: 8px 0; display: flex; justify-content: space-between; gap: 12px; }
.preview-mini-facts dt { color: var(--muted); }
.preview-mini-facts dd { margin: 0; text-align: right; }
.preview-report-risk { border-top: 1px solid var(--line); padding: 16px 20px; }
.preview-report-risk b { display: block; font-weight: 500; font-size: .8125rem; margin-bottom: 6px; }
.preview-sector-report p, .preview-valuation > p { color: var(--muted); font-size: .8125rem; }
.preview-valuation-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.preview-valuation-grid > div { padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: #faf8f6; }
.preview-valuation-grid > div:nth-child(2) { background: #fff4ee; border-color: #f2d1c5; }
.preview-valuation-grid span { font-size: .8125rem; }
.preview-valuation-grid b { display: block; font-size: 1.5rem; font-weight: 600; margin: 8px 0; }
.preview-valuation-grid b small { font-size: .75rem; font-weight: 400; }
.preview-valuation-grid p { font-size: .75rem; color: var(--muted); margin: 0; }
.demo-title-brand small { display: block; font-size: .75rem; color: var(--muted); }
.preview-global-search { width: min(340px,36%); position: relative; }
.preview-global-search label { display: flex; align-items: center; border: 1px solid var(--line); border-radius: 4px; padding: 0 10px; background: #fafbfd; }
.preview-global-search svg { width: 17px; height: 17px; stroke: #7e8792; fill: none; flex-shrink: 0; }
.preview-global-search input { min-width: 0; width: 100%; min-height: 36px; border: 0; background: transparent; padding: 6px 8px; font-size: .75rem; color: var(--ink); }
.preview-search-results { position: absolute; z-index: 5; left: 0; right: 0; top: calc(100% + 4px); border: 1px solid var(--line); border-radius: 4px; background: #fff; box-shadow: 0 8px 24px #24354c20; padding: 4px; }
.live-demo .preview-search-results button { width: 100%; display: flex; justify-content: space-between; gap: 8px; text-align: left; }
.preview-search-results b { font-size: .8125rem; font-weight: 500; }
.preview-search-results small { font-size: .75rem; color: var(--muted); }
.preview-search-results p { font-size: .75rem; padding: 8px; }
.preview-workspace-status { color: var(--muted); font-size: .75rem; white-space: nowrap; }
.preview-page-tools { display: flex; align-items: center; gap: 8px; font-size: .75rem; flex-shrink: 0; }
.preview-page-tools > span { padding: 6px 10px; border: 1px solid var(--line); border-radius: 4px; white-space: nowrap; }
.live-demo .preview-page-tools button { border: 1px solid var(--line); min-height: 32px; padding: 4px 10px; }
.preview-desktop-market { display: grid; grid-template-columns: 1fr 1.3fr 1.3fr 1.3fr .8fr; border: 1px solid #d9e3ec; border-left: 3px solid var(--accent); border-radius: 5px; background: #f2f7fc; margin-bottom: 10px; }
.preview-desktop-market > div { padding: 12px; border-right: 1px solid #dde6ee; }
.preview-desktop-market > div:last-child { border: 0; }
.preview-desktop-market span { display: block; font-size: .75rem; color: var(--muted); }
.preview-desktop-market b { display: block; font-size: .8125rem; font-weight: 600; margin-top: 4px; font-variant-numeric: tabular-nums; }
.preview-desktop-market em { font-size: .75rem; color: #c32a2f; font-style: normal; margin-left: 6px; font-weight: 400; }
.preview-overview-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--line); background: #fff; margin-bottom: 10px; }
.preview-overview-strip > div { padding: 10px 12px; border-right: 1px solid var(--line); }
.preview-overview-strip > div:last-child { border: 0; }
.preview-overview-strip span, .preview-overview-strip small { display: block; font-size: .75rem; color: var(--muted); }
.preview-overview-strip b { display: block; font-size: .9375rem; margin: 4px 0; font-weight: 600; }
.preview-dashboard { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(0,1fr); gap: 12px; }
.preview-emotion { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 14px; padding-top: 8px; }
.preview-emotion > div:first-child { border-right: 1px solid var(--line); padding-right: 12px; }
.preview-emotion > div:first-child > b { display: block; font-size: 2rem; color: #d64c61; font-weight: 600; line-height: 1.4; margin-bottom: 6px; }
.preview-emotion b small { font-size: .75rem; font-weight: 400; color: var(--muted); }
.preview-emotion p { font-size: .75rem; color: var(--muted); margin-bottom: 0; }
.preview-emotion > div:nth-child(2) > span { font-size: .75rem; }
.preview-emotion svg { display: block; width: 100%; height: auto; margin: 12px 0; }
.preview-emotion-factors { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.preview-emotion-factors span { font-size: .75rem; color: var(--muted); }
.preview-emotion-factors b { color: var(--ink); margin-left: 4px; font-weight: 500; }
.preview-terminal-notice { border: 1px solid #e9d9b6; background: #fff9ee; color: #866530; padding: 8px 10px; font-size: .75rem; margin-bottom: 0; }
.preview-workflow-rows { display: grid; }
.live-demo .preview-workflow-rows button { display: flex; align-items: center; justify-content: space-between; padding: 12px 8px; border-top: 1px solid var(--line); border-radius: 0; text-align: left; }
.preview-workflow-rows small { display: block; font-size: .75rem; color: var(--muted); }
.preview-workflow-rows b { color: var(--accent); font-weight: 600; }
.preview-run-columns { display: grid; grid-template-columns: minmax(0,1fr) 38px 32px; gap: 12px; padding: 8px; color: var(--muted); background: #f6f7fa; font-size: .75rem; border-block: 1px solid var(--line); }
.preview-library { gap: 0; }
.preview-success { font-size: .75rem; color: var(--accent); border: 1px solid #d7e3ec; border-radius: 4px; padding: 2px 4px; width: fit-content; }
.preview-library button > b { font-size: .8125rem; color: var(--ink); text-align: center; }
.preview-method-intro { gap: 12px; align-items: flex-start; }
.preview-method-meta { min-width: 106px; padding-left: 12px; }
.preview-method-meta b { font-size: .75rem; }
.preview-factor-evidence { gap: 8px; }
.preview-factor-evidence > div { border-top-color: #c1d3e2; background: #f5f8fc; padding: 10px; }
.preview-factor-evidence span { color: #778b9e; }
.preview-method-footer { flex-direction: column; align-items: flex-start; gap: 12px; }
.preview-result-row { grid-template-columns: minmax(90px,.8fr) minmax(0,1.5fr) 60px; gap: 10px; }
.preview-source, .live-demo .preview-source { background: var(--accent-soft); color: #356388; border-color: #dce6ef; }
.live-demo .preview-source:hover { background: #e5eef7; }
.live-demo button:hover { background: var(--accent-soft); }
.preview-theme-row[aria-pressed='true'], .preview-market-stage { background: var(--accent-soft); border-color: #d2e0ec; }
.preview-market-stage b { color: var(--accent); }
.preview-research-report { border-radius: 5px; border-color: var(--line); }
.preview-research-report > header { background: #f2f7fc; border-color: var(--line); }
.preview-valuation-grid > div:nth-child(2) { background: #f2f7fc; border-color: #c5d6e4; }
.preview-capital-columns, .preview-capital-row { display: grid; grid-template-columns: minmax(0,1fr) 1fr .8fr 110px; align-items: center; gap: 12px; font-size: .8125rem; padding: 12px 8px; border-bottom: 1px solid var(--line); }
.preview-capital-columns { font-size: .75rem; color: var(--muted); margin-top: 16px; background: #f6f7fa; }
.preview-capital-row b, .preview-capital-row strong { font-weight: 500; }
.preview-tail-group { padding: 16px 0; border-bottom: 1px solid var(--line); }
.preview-analysis-ready { padding: 20px; }
.preview-analysis-ready > p { color: var(--muted); font-size: .8125rem; }
.preview-analysis-scope { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-block: 1px solid var(--line); padding: 16px 0; margin: 20px 0; gap: 16px; }
.preview-analysis-scope span { font-size: .875rem; font-weight: 500; }
.preview-analysis-scope small { display: block; color: var(--muted); font-size: .75rem; margin-top: 6px; font-weight: 400; }
.demo-ma-key::before { content: '—'; color: #82725a; margin-right: 5px; }
.demo-entry-reason { display: flex; justify-content: space-between; gap: 12px; padding-top: 16px; border-top: 1px solid var(--line); margin-top: 16px; font-size: .8125rem; }
.demo-entry-reason span { color: var(--muted); }
.demo-entry-reason b { font-weight: 500; }
.demo-factors { margin: 8px 0 16px; }
.demo-factors > div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: .8125rem; }
.demo-factors dt { color: var(--muted); }
.demo-factors dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.live-demo .demo-ai-button { color: #b72e2e; background: #fff1eb; padding: 8px 12px; width: 100%; text-align: left; }
.demo-report { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; padding: 24px; margin-top: 20px; background: #fff; border: 1px solid #f4d6cb; border-radius: 12px; animation: demo-reveal 240ms ease-out; }
.demo-report h4 { font-size: .9375rem; margin: 12px 0 8px; }
.demo-report p { color: var(--muted); font-size: .875rem; margin: 0; }
.demo-report small { display: block; color: var(--muted); font-size: .75rem; margin-top: 12px; }
.demo-select-label { font-size: .75rem; color: var(--muted); }
.demo-select-label select { min-height: 44px; font-size: .8125rem; border: 1px solid #e8dfd8; border-radius: 6px; background: #fff; padding: 6px; color: var(--ink); margin-left: 4px; max-width: 100%; }
.demo-review-date { font-size: .9375rem; font-weight: 600; margin: 8px 0; }
.demo-review-date span { font-size: .75rem; color: var(--muted); font-weight: 400; margin-left: 8px; }
.demo-empty { padding: 32px 12px; text-align: center; }
.demo-empty b { font-size: .9375rem; }
.demo-empty p { font-size: .8125rem; color: var(--muted); }
.product-copy-actions { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.product-copy-actions .text-link:last-child { color: var(--muted); font-weight: 400; }
@keyframes demo-reveal { from { opacity: .2; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 900px) {
  .demo-titlebar { padding-inline: 16px; }
  .preview-app-layout { grid-template-columns: 64px minmax(0,1fr); }
  .preview-sidebar { padding: 12px 4px; }
  .demo-navigation button { padding: 8px 4px; gap: 4px; }
  .demo-navigation button svg { width: 18px; }
  .demo-navigation button small { font-size: .75rem; }
  .demo-market-metrics svg { display: none; }
  .demo-content { padding: 16px; }
  .demo-split { gap: 12px; }
  .demo-card { padding: 16px; }
  .preview-selection-layout { grid-template-columns: 1fr; }
  .preview-library { display: flex; }
  .preview-dashboard { grid-template-columns: 1fr; }
  .preview-desktop-market { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .preview-desktop-market > div:nth-child(4), .preview-desktop-market > div:nth-child(5) { display: none; }
  .preview-workspace-status { display: none; }
  .preview-watch-row { grid-template-columns: 1fr 1fr; }
  .preview-watch-row > button { width: fit-content; }
  .preview-factor-evidence { gap: 8px; }
  .preview-result-row { gap: 12px; }
  .demo-sector-facts { gap: 12px; }
  .demo-stock-row { grid-template-columns: 1.3fr .7fr; gap: 8px; }
  .demo-row-tail { grid-column: 1 / -1; flex-direction: row; gap: 8px; justify-content: space-between; }
}
@media (max-width: 650px) {
  .preview-history-workspace .preview-report-metrics { grid-template-columns: 1fr 1fr; }
  .live-demo { margin-top: 32px; border-radius: 12px; box-shadow: 0 16px 48px -24px #a2513a40; }
  .demo-titlebar { align-items: center; flex-direction: row; flex-wrap: wrap; gap: 8px; padding: 10px; }
  .demo-title-brand { flex-wrap: wrap; gap: 8px; }
  .demo-title-actions { margin-left: auto; gap: 0; }
  .demo-title-actions button { min-height: 44px; }
  .preview-app-layout { display: grid; grid-template-columns: 52px minmax(0,1fr); height: 660px; }
  .preview-sidebar { padding: 10px 3px; }
  .demo-navigation { display: flex; flex-direction: column; gap: 4px; }
  .demo-navigation button { padding: 6px 2px; min-height: 60px; font-size: .75rem; gap: 4px; }
  .demo-navigation button b { font-size: .75rem; }
  .demo-navigation button small, .preview-sidebar-note { display: none; }
  .demo-navigation button svg { width: 16px; height: 16px; }
  .demo-content { padding: 8px; }
  .preview-global-search { width: 100%; order: 3; }
  .demo-title-brand small { display: none; }
  .demo-title-actions button { font-size: .75rem; padding: 4px; }
  .preview-section-heading { flex-direction: column; align-items: flex-start; gap: 8px; padding: 10px; }
  .preview-section-heading p { font-size: .75rem; }
  .preview-desktop-market { grid-template-columns: 1fr; }
  .preview-desktop-market > div { padding: 8px 10px; border-right: 0; }
  .preview-desktop-market > div:nth-child(2), .preview-desktop-market > div:nth-child(3) { display: none; }
  .preview-desktop-market > div:first-child { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
  .preview-desktop-market b { margin: 0; }
  .preview-overview-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .preview-overview-strip > div { border-bottom: 1px solid var(--line); padding: 8px; }
  .preview-overview-strip b { font-size: .8125rem; }
  .preview-overview-strip small { display: none; }
  .preview-subtabs { gap: 2px; }
  .live-demo .preview-subtabs button { font-size: .75rem; padding: 4px 8px; min-height: 36px; }
  .preview-emotion { grid-template-columns: 1fr; }
  .preview-emotion > div:first-child { border-right: 0; padding: 0; }
  .preview-emotion > div:first-child > b { display: inline-block; margin-right: 8px; }
  .preview-capital-columns, .preview-capital-row { grid-template-columns: 1fr 1fr; gap: 6px; padding-inline: 0; }
  .preview-capital-columns span:nth-child(3), .preview-capital-columns span:nth-child(4) { display: none; }
  .preview-capital-row button { width: fit-content; }
  .demo-market-metrics { grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
  .demo-market-metrics > div { border: 0; padding: 0; }
  .demo-market-metrics > div:last-child { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid var(--line); }
  .demo-market-metrics b { font-size: 1.375rem; }
  .demo-market-metrics b small { display: block; margin-left: 0; }
  .demo-market-metrics > div:last-child b { display: inline-block; margin-right: 12px; }
  .demo-market-metrics > div:last-child b small { display: inline; }
  .demo-split, .demo-report { grid-template-columns: 1fr; gap: 12px; }
  .demo-content .preview-section-heading h3 { font-size: 1.125rem; }
  .preview-section-heading p { font-size: .8125rem; }
  .preview-market-stage { flex-wrap: wrap; gap: 4px 12px; padding: 12px; }
  .preview-market-stage span:last-child { width: 100%; margin-left: 0; }
  .preview-theme-columns, .live-demo .preview-theme-row { grid-template-columns: minmax(76px,1.3fr) .6fr .7fr .7fr; padding-inline: 4px; gap: 6px; }
  .preview-result-row { grid-template-columns: minmax(0,1fr) 60px; gap: 4px 8px; }
  .preview-result-evidence { grid-column: 1 / -1; grid-row: 2; padding: 2px 0 4px; }
  .preview-result-row > button { grid-column: 2; grid-row: 1; }
  .preview-result-row > div:first-child small { display: inline; margin-left: 8px; }
  .preview-event { grid-template-columns: 40px minmax(0,1fr); gap: 8px; }
  .preview-event > button { grid-column: 2; width: fit-content; }
  .preview-review-stats { grid-template-columns: 1fr; gap: 12px; }
  .preview-review-stats > div { display: flex; align-items: center; justify-content: space-between; }
  .preview-review-stats b { margin: 0; font-size: .875rem; }
  .preview-cycle { gap: 6px; }
  .preview-cycle span { font-size: .75rem; }
  .preview-method-intro { flex-wrap: wrap; gap: 12px; }
  .preview-method-meta { min-width: 0; border: 0; padding: 0; display: grid; grid-template-columns: auto auto; gap: 4px 12px; }
  .preview-method-meta b { margin: 0; }
  .preview-pattern-chart { width: 100px; }
  .preview-factor-evidence { grid-template-columns: 1fr; gap: 6px; }
  .preview-factor-evidence > div { display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 0 8px; padding: 10px; border-top-width: 1px; }
  .preview-factor-evidence b { margin: 0; }
  .preview-factor-evidence small { grid-column: 2; }
  .preview-method-footer { flex-direction: column; align-items: flex-start; gap: 12px; }
  .preview-report-columns { grid-template-columns: 1fr; gap: 24px; padding: 16px; }
  .preview-research-report > header, .preview-report-risk { padding: 16px; }
  .preview-analysis-toolbar label { margin: 0; display: flex; align-items: center; width: 100%; }
  .preview-analysis-toolbar select { min-width: 0; flex: 1; }
  .preview-valuation-grid { grid-template-columns: 1fr; }
  .preview-analysis-scope { grid-template-columns: 1fr; }
  .preview-valuation-grid > div { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; }
  .preview-valuation-grid b { margin: 0; font-size: 1.25rem; }
  .preview-valuation-grid p { grid-column: 1 / -1; }
  .demo-card { padding: 12px; }
  .demo-card-head { gap: 8px; flex-wrap: wrap; }
  .demo-research-top { align-items: flex-start; flex-direction: column; gap: 12px; }
  .demo-research-top h3 span { display: block; margin: 4px 0 0; }
  .demo-stock-actions { flex-wrap: wrap; }
  .demo-evidence-grid { gap: 8px; }
  .demo-evidence-grid b { font-size: 1.25rem; }
  .demo-evidence-grid em { display: block; margin: 0; }
  .demo-review-date span { display: block; margin: 4px 0 0; }
  .demo-footer { padding: 12px; gap: 8px; flex-direction: column; align-items: flex-start; }
  .demo-footer > span { font-size: .75rem; }
  .demo-status { padding-inline: 12px; }
  .demo-report { padding: 16px; }
  .demo-disclosure { text-align: left; }
  .demo-entry-reason { flex-wrap: wrap; }
}

/* Native desktop entry points and independent valuation workspace. */
.preview-detail-evidence { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid #dce2e8; border-radius: 4px; margin: 10px 0; }
.preview-detail-evidence > section { padding: 12px; border-right: 1px solid #e6ebf0; min-width: 0; }
.preview-detail-evidence > section:last-child { border: 0; }
.preview-detail-evidence h5 { margin: 0 0 8px; font-size: 14px; }
.preview-detail-evidence :is(p,small) { font-size: 12px; line-height: 1.65; margin: 4px 0; }
.preview-detail-evidence small { color: #6c7480; }
.preview-history-workspace .preview-report-workspace { grid-template-columns: minmax(0,1fr); }
.preview-history-workspace .preview-report-evidence { border-left: 0; border-top: 1px solid #dce2e8; }
.preview-history-workspace .preview-report-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); }
.live-demo .preview-member-table { min-width: 560px; }
.live-demo .preview-sector-matrix { min-width: 600px; }
.preview-sector-report .preview-report-evidence p { font-size: 12px; color: #5f6976; }
.live-demo .preview-sidebar { overflow-y: auto; scrollbar-width: thin; }
.preview-system-nav { display: flex; justify-content: center; gap: 2px; }
.live-demo .preview-system-nav button { min-width: 20px; min-height: 30px; padding: 3px; color: #6c7480; border-radius: 4px; }
.preview-system-nav svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.live-demo .preview-system-nav button[aria-selected='true'] { background: var(--accent-soft); color: var(--accent-hover); }
.preview-workbench-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; }
.live-demo .preview-workbench-tabs .preview-subtabs { flex: 1; width: auto; margin: 0; border-bottom: 0; }
.live-demo .preview-workbench-tabs > button { font-size: 12px; min-height: 32px; padding: 4px 10px; }
.preview-workbench-tabs > span { color: #6c7480; font-size: 12px; }
.live-demo button:disabled { opacity: .6; cursor: not-allowed; }
.preview-valuation-workspace { display: grid; grid-template-columns: 200px minmax(0,1fr); gap: 10px; }
.preview-valuation-history { border: 1px solid #dce2e8; border-radius: 4px; background: #f7f9fc; min-width: 0; }
.live-demo .preview-valuation-history > button { width: calc(100% - 12px); display: block; border: 1px solid transparent; padding: 10px 8px; margin: 0 6px 5px; border-radius: 4px; text-align: left; }
.preview-valuation-history button > :is(b,span,small) { display: block; margin: 4px 0; font-size: 12px; }
.preview-valuation-history button > b { font-size: 13px; font-weight: 600; }
.preview-valuation-history button > :is(span,small) { color: #6c7480; }
.live-demo .preview-valuation-history button[aria-pressed='true'] { border-color: #bfd0e0; background: var(--accent-soft); }
.preview-valuation-main { min-width: 0; display: grid; gap: 10px; }
.preview-valuation-hero .preview-result-heading h4 { margin: 0; }
.preview-valuation-hero h4 small { font-size: 12px; font-weight: 400; color: #6c7480; margin-left: 10px; }
.preview-valuation-hero .preview-report-metrics { border-top: 0; margin-top: 8px; }
.preview-report-metrics small { display: block; font-size: 12px; color: #6c7480; }
.preview-valuation-range { display: flex; gap: 12px; align-items: center; font-size: 12px; margin: 8px 0; }
.preview-valuation-range > div { height: 7px; flex: 1; position: relative; border-radius: 4px; background: #dce7f1; }
.preview-valuation-range i { position: absolute; display: block; width: 3px; height: 17px; top: -5px; background: #356388; }
.preview-valuation-range > span { white-space: nowrap; }
.preview-valuation-hero p { font-size: 12px; margin: 10px 0 0; color: #6c7480; }
.preview-valuation-body { display: grid; grid-template-columns: minmax(0,1fr) 252px; gap: 10px; }
.preview-valuation-body > div { min-width: 0; display: grid; gap: 10px; }
.preview-model-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.preview-model-grid article { min-width: 0; border-left: 2px solid #c7d7e5; padding-left: 10px; }
.preview-model-grid article > span { display: flex; justify-content: space-between; gap: 6px; font-size: 13px; font-weight: 500; }
.preview-model-grid article > b { display: block; font-size: 22px; margin: 6px 0; font-weight: 500; font-variant-numeric: tabular-nums; }
.preview-model-grid :is(p,small) { font-size: 12px; color: #6c7480; margin: 5px 0; }
.preview-valuation-boundary { background: #f7f9fc; }
.preview-valuation-boundary h5 { margin: 0 0 8px; }
.preview-valuation-boundary h5:not(:first-child) { margin-top: 18px; }
.preview-valuation-boundary p { font-size: 12px; color: #5f6976; margin: 8px 0; }
.live-demo .preview-valuation-boundary button { font-size: 12px; min-height: 34px; margin-top: 10px; }
.live-demo .preview-peer-table { min-width: 660px; }
.live-demo .preview-peer-table thead th:not(:first-child) { text-align: right; }
.live-demo .preview-sector-components { min-width: 820px; }
.preview-sector-monitor { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 10px; margin-bottom: 10px; }
.preview-sector-monitor .preview-price-chart svg { height: 200px; }
.preview-sector-monitor .preview-volume-chart { height: 45px; }
.preview-sector-monitor aside p { font-size: 12px; color: #5f6976; margin: 10px 0; }
.live-demo .preview-catalog-table { min-width: 660px; }
.preview-catalog-table td:first-child small, .preview-catalog-table th:first-child small { display: block; color: #6c7480; font-size: 12px; font-weight: 400; }
.preview-catalog-table thead th:first-child { width: 200px; }
.preview-catalog-table thead th:nth-child(3) { width: 100px; }
.preview-catalog-table thead th:nth-child(4) { width: 72px; text-align: right; }
.preview-catalog-table thead th:last-child { width: 130px; }
.live-demo .preview-catalog-table tbody td { padding-block: 12px; }
.live-demo .preview-catalog-table button { font-size: 12px; padding: 3px; min-height: 28px; text-align: left; }
.preview-empty-valuation { padding: 20px; }
.preview-empty-valuation > p { color: #6c7480; }
.live-demo[data-density='comfortable'] .preview-dense-table :is(th,td) { padding-block: 12px; }
.live-demo .preview-flat-panel > .button { font-size: 13px; padding: 8px 14px; min-height: 36px; margin-top: 12px; }
@media (max-width: 1100px) {
  .preview-valuation-body { grid-template-columns: minmax(0,1fr); }
  .preview-valuation-workspace { grid-template-columns: 180px minmax(0,1fr); }
  .preview-model-grid { grid-template-columns: minmax(0,1fr); }
  .preview-model-grid article { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 12px; }
  .preview-model-grid article > b { grid-column: 2; grid-row: 1 / span 2; font-size: 19px; margin: 0; }
  .preview-model-grid article > p { grid-column: 1; margin: 0; }
  .preview-model-grid article > small { grid-column: 1 / -1; }
}
@media (max-width: 850px) {
  .preview-detail-evidence { grid-template-columns: 1fr 1fr; }
  .preview-detail-evidence > section:nth-child(2) { border-right: 0; }
  .preview-detail-evidence > section:nth-child(-n+2) { border-bottom: 1px solid #e6ebf0; }
  .preview-valuation-workspace, .preview-sector-monitor { grid-template-columns: minmax(0,1fr); }
  .preview-valuation-history { display: flex; flex-wrap: wrap; overflow: hidden; }
  .preview-valuation-history .preview-rail-title { width: 100%; }
  .live-demo .preview-valuation-history > button { width: calc(50% - 12px); }
  .preview-workbench-tabs > span { display: none; }
}
@media (max-width: 650px) {
  .preview-valuation-hero .preview-report-metrics { grid-template-columns: 1fr 1fr; }
  .preview-valuation-hero .preview-report-metrics b { font-size: 17px; }
  .preview-valuation-range { gap: 5px; }
  .preview-system-nav { flex-direction: column; align-items: center; }
  .live-demo .preview-system-nav button { padding: 6px; width: 30px; }
  .preview-workbench-tabs > .preview-subtabs { flex-basis: 100%; }
}

/* Research workspace: a quiet method rail, result table and evidence inspector. */
.preview-workbench { display: grid; grid-template-columns: 212px minmax(0,1fr); border: 1px solid #dce2e8; border-radius: 6px; background: #fff; overflow: hidden; }
.preview-method-rail { min-width: 0; background: #f7f9fc; border-right: 1px solid #dce2e8; }
.preview-rail-title { display: flex; justify-content: space-between; align-items: center; padding: 14px 12px 10px; }
.preview-rail-title h3 { margin: 0; }
.preview-rail-title > span { color: #6c7480; font-size: 12px; }
.preview-method-list { display: grid; padding: 0 6px; gap: 3px; }
.live-demo .preview-method-list button { display: grid; grid-template-columns: 20px minmax(0,1fr) 24px; text-align: left; gap: 6px; align-items: center; min-height: 66px; border: 1px solid transparent; padding: 8px 5px; border-radius: 4px; }
.preview-method-index { color: #7a8797; font-size: 12px; font-variant-numeric: tabular-nums; }
.preview-method-list strong { font-size: 13px; font-weight: 600; display: block; }
.preview-method-list small { font-size: 12px; display: block; line-height: 1.5; color: #6c7480; }
.preview-method-list b { font-size: 15px; font-weight: 500; text-align: center; }
.preview-method-list b small { font-size: 12px; font-weight: 400; }
.live-demo .preview-method-list button[aria-pressed='true'] { border-color: #bfd0e0; background: var(--accent-soft); color: var(--accent-hover); box-shadow: inset 2px 0 #356388; }
.preview-rail-foot { border-top: 1px solid #dce2e8; padding: 12px; margin-top: 12px; color: #6c7480; font-size: 12px; }
.preview-rail-foot > span { display: block; margin-bottom: 4px; }
.preview-rail-foot p { margin: 8px 0 0; }
.preview-method-content { min-width: 0; }
.live-demo .preview-method-content .preview-method-intro { min-height: 94px; margin: 0; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid #dce2e8; background: #fff; }
.preview-method-intro > div:first-child { min-width: 0; }
.preview-method-intro span, .preview-method-intro p { font-size: 12px; color: #6c7480; margin: 2px 0; }
.live-demo .preview-method-content .preview-method-intro h4 { font-size: 18px; margin: 3px 0; }
.preview-method-count { text-align: right; flex-shrink: 0; }
.preview-method-count b { display: block; font-size: 26px; line-height: 1.2; font-weight: 500; color: var(--accent-hover); }
.preview-method-count small { font-size: 12px; margin-left: 4px; color: #6c7480; }
.preview-result-body { display: grid; grid-template-columns: minmax(0,1fr) 292px; }
.preview-result-pane { min-width: 0; padding: 12px; }
.preview-result-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 28px; margin-bottom: 8px; }
.preview-result-heading h5 { margin: 0; }
.preview-result-heading > span { font-size: 12px; color: #6c7480; }
.live-demo .preview-selection-table { min-width: 545px; }
.preview-selection-table th:nth-child(n+2):nth-child(-n+5) { text-align: right; }
.preview-selection-table th:first-child { width: 105px; }
.preview-selection-table th:nth-child(2) { width: 78px; }
.preview-selection-table th:nth-child(3), .preview-selection-table th:nth-child(4) { width: 44px; }
.preview-selection-table th:nth-child(5) { width: 62px; }
.live-demo .preview-selection-table td { padding-block: 10px; }
.preview-selection-table td:last-child { min-width: 132px; }
.preview-selection-table td small { display: block; font-size: 12px; font-weight: 400; margin-top: 2px; }
.preview-selection-table .preview-source { display: inline-block; font-size: 12px; padding: 1px 3px; min-height: 24px; }
.preview-selection-table tr[data-inspected='true'] { background: #edf4fb; box-shadow: inset 2px 0 #356388; }
.preview-selection-table td:first-child button { text-align: left; }
.live-demo .preview-result-pane .preview-method-footer { margin-top: 12px; border-top: 0; padding: 0; display: flex; align-items: flex-start; flex-direction: column; gap: 8px; }
.preview-result-pane .preview-method-footer p { color: #6c7480; margin: 0; }
.preview-stock-inspector { min-width: 0; border-left: 1px solid #dce2e8; padding: 12px; background: #fbfcfe; }
.preview-inspector-title > :is(span,small) { display: block; color: #6c7480; font-size: 12px; }
.preview-inspector-title b { display: block; font-size: 17px; margin: 4px 0; font-weight: 600; }
.preview-inspector-quote { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; padding: 7px 0 12px; }
.preview-inspector-quote > b { font-size: 23px; font-weight: 500; }
.preview-inspector-factors { margin-bottom: 12px; }
.live-demo .preview-inspector-factors h5 { margin: 0 0 6px; font-size: 13px; }
.live-demo .preview-inspector-factors .preview-factor-table { min-width: 0; }
.live-demo .preview-inspector-factors th { font-size: 12px; }
.live-demo .preview-inspector-factors :is(th,td) { padding: 6px 3px; }
.preview-inspector-factors .preview-table-scroll::after { display: none; }
.preview-criteria h5, .preview-inspector-sources h5 { margin: 10px 0 6px; }
.preview-criteria > div { display: flex; align-items: center; gap: 8px; padding: 3px 0; }
.preview-criteria > div > span { color: #8a99aa; font-size: 12px; }
.preview-criteria p { font-size: 12px; margin: 0; }
.preview-inspector-sources { border-top: 1px solid #e3e9ef; margin-top: 10px; }
.live-demo .preview-inspector-sources .preview-source { font-size: 12px; padding: 2px 4px; margin: 2px; min-height: 24px; }
.preview-inspector-risk { margin: 12px 0; border-left: 2px solid #bfa27b; padding-left: 8px; font-size: 12px; color: #776044; }
.live-demo .preview-inspector-cta { width: 100%; padding: 7px; min-height: 34px; font-size: 13px; }
.preview-shape-evidence { display: flex; align-items: center; gap: 8px; background: #f1f5f9; margin: 0 -4px 10px; padding: 6px; }
.preview-shape-evidence .preview-pattern-chart { flex: 0 0 86px; width: 86px; height: 90px; }
.preview-shape-evidence :is(span,p) { display: block; font-size: 12px; color: #6c7480; margin: 4px 0; }
.preview-execution-block { margin-bottom: 18px; }

/* Stock detail and research report use the same fictional input snapshot. */
.preview-stock-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; color: #6c7480; font-size: 12px; align-items: center; margin-bottom: 10px; }
.preview-stock-breadcrumb > span:last-child { margin-left: auto; }
.preview-stock-header { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 16px; background: #fff; border: 1px solid #dce2e8; border-bottom: 0; }
.live-demo .preview-stock-header h3 { font-size: 20px; margin: 0; font-weight: 600; }
.preview-stock-header h3 small { font-size: 12px; font-weight: 400; color: #6c7480; margin-left: 10px; }
.preview-stock-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin-top: 3px; font-variant-numeric: tabular-nums; }
.preview-stock-price b { font-size: 32px; font-weight: 500; }
.preview-stock-price > span:last-child { font-size: 12px; color: #6c7480; }
.preview-stock-actions { display: flex; gap: 8px; }
.live-demo .preview-stock-actions button { font-size: 13px; padding: 6px 12px; min-height: 34px; }
.preview-quote-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); margin: 0 0 10px; padding: 8px 16px; gap: 10px 16px; border: 1px solid #dce2e8; background: #fff; }
.preview-quote-grid > div { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; }
.preview-quote-grid dt { color: #6c7480; font-size: 12px; }
.preview-quote-grid dd { font-size: 13px; margin: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
.preview-stock-overview { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 10px; margin-bottom: 10px; }
.preview-flat-panel { min-width: 0; border: 1px solid #dce2e8; border-radius: 4px; background: #fff; padding: 12px; }
.preview-stock-overview .preview-subtabs { margin: 0; }
.preview-stock-overview .demo-chart { margin-top: 0; }
.preview-stock-overview .demo-chart svg { height: 188px; }
.preview-chart-caption { display: flex; justify-content: space-between; gap: 8px; border-top: 1px solid #e7ecf1; padding-top: 6px; color: #6c7480; font-size: 12px; }
.preview-price-chart { position: relative; }
.preview-chart-range { position: absolute; inset: 6px auto 24px 8px; display: flex; flex-direction: column; justify-content: space-between; color: #6c7480; font-size: 12px; pointer-events: none; }
.preview-volume-label { display: flex; justify-content: space-between; color: #6c7480; font-size: 12px; border-top: 1px solid #e7ecf1; padding-top: 4px; }
.live-demo .preview-stock-overview .preview-volume-chart { height: 48px; }
.preview-price-chart path { vector-effect: non-scaling-stroke; }
.demo-chart-ma20 { fill: none; stroke: #8d78ad; stroke-width: 1.6; }
.demo-ma20-key { color: #8d78ad; }
.preview-stock-context dl { margin: 0; }
.preview-stock-context dl > div { display: flex; gap: 8px; justify-content: space-between; border-bottom: 1px solid #e7ecf1; padding: 6px 0; }
.preview-stock-context dt { color: #6c7480; font-size: 12px; }
.preview-stock-context dd { font-size: 12px; margin: 0; font-variant-numeric: tabular-nums; }
.preview-stock-context p { font-size: 12px; margin: 8px 0; color: #6c7480; }
.preview-ai-entry { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 12px; background: var(--accent-soft); border: 1px solid #ccdce9; border-radius: 4px; margin-bottom: 10px; }
.preview-ai-entry span { display: block; font-size: 12px; color: #5f6976; margin-top: 2px; }
.live-demo .preview-ai-entry button { font-size: 13px; min-height: 34px; white-space: nowrap; padding: 6px 12px; }
.preview-full-factors { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; }
.preview-full-factors > section { min-width: 0; }
.preview-full-factors h5 { display: flex; justify-content: space-between; margin: 0 0 7px; padding-bottom: 6px; border-bottom: 1px solid #dce2e8; }
.preview-full-factors h5 > span { font-size: 12px; font-weight: 400; color: #6c7480; }
.live-demo .preview-technical-table { min-width: 400px; }
.preview-technical-table th:first-child { width: 94px; white-space: nowrap; }
.preview-technical-table th:nth-child(2) { width: 95px; text-align: right; }
.preview-technical-table td:last-child { color: #5f6976; }
.preview-rule-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 0 0 16px; }
.preview-rule-summary > div { border-left: 2px solid #bfd0e0; padding-left: 10px; }
.preview-rule-summary p { font-size: 12px; margin: 4px 0 0; color: #5f6976; }
.preview-stock-risk { display: flex; gap: 10px; align-items: baseline; background: #f8f5ef; border: 1px solid #e7dcc8; padding: 10px 12px; font-size: 12px; margin-top: 10px; }
.preview-stock-risk b { white-space: nowrap; color: #776044; }
.live-demo .preview-detail-data > .preview-financial-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; margin-bottom: 16px; }
.live-demo .preview-financial-table { min-width: 570px; }
.preview-financial-table th:not(:first-child) { text-align: right; }
.live-demo .preview-signal-table { min-width: 650px; }
.preview-signal-table td:last-child { white-space: nowrap; }
.preview-research-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 20px; }
.preview-research-inputs > section { min-width: 0; }
.preview-research-inputs h5 { margin: 0 0 8px; }
.preview-research-inputs p { font-size: 12px; color: #6c7480; margin: 12px 0; }
.live-demo .preview-research-report { border-radius: 5px; }
.live-demo .preview-research-report > header { padding: 18px 20px 0; background: #fff; border-bottom: 1px solid #dce2e8; }
.preview-report-topline { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 12px; color: #6c7480; }
.live-demo .preview-research-report > header h4 { font-size: 21px; line-height: 1.5; margin: 12px 0 6px; }
.live-demo .preview-research-report > header p { font-size: 13px; margin-bottom: 14px; color: #5f6976; }
.preview-report-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #e4eaf0; }
.preview-report-metrics > div { padding: 10px 0; }
.preview-report-metrics span { display: block; font-size: 12px; color: #6c7480; }
.preview-report-metrics b { font-size: 19px; font-variant-numeric: tabular-nums; font-weight: 500; }
.preview-report-workspace { display: grid; grid-template-columns: minmax(0,1fr) 282px; }
.preview-report-main { min-width: 0; padding: 4px 20px 0; }
.preview-report-main > section { padding: 16px 0; border-bottom: 1px solid #e3e9ef; }
.preview-report-main p { font-size: 13px; line-height: 1.8; margin: 10px 0; }
.preview-report-section-title { display: flex; gap: 8px; align-items: baseline; margin-bottom: 10px; }
.preview-report-section-title > span { color: #597d9b; font-variant-numeric: tabular-nums; font-size: 12px; }
.preview-report-section-title h5 { margin: 0; flex: 1; }
.preview-report-section-title small { font-size: 12px; color: #6c7480; white-space: nowrap; }
.preview-report-main .preview-interpretation { font-size: 12px; border-left: 2px solid #bfd0e0; padding-left: 10px; color: #5f6976; }
.preview-factor-readings { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.preview-factor-readings h5 { font-size: 13px; margin: 0; }
.preview-factor-readings p { font-size: 12px; color: #5f6976; }
.preview-report-evidence { min-width: 0; border-left: 1px solid #e3e9ef; background: #f7f9fc; padding: 20px 16px; }
.preview-report-evidence > h5 { margin: 0 0 10px; }
.preview-report-evidence > div:not(.preview-report-boundary) { padding: 10px 0; border-bottom: 1px solid #e3e9ef; }
.preview-report-evidence :is(span,small) { display: block; color: #6c7480; font-size: 12px; }
.preview-report-evidence b { display: block; font-size: 13px; margin: 4px 0; }
.preview-report-evidence > h5:not(:first-child) { margin-top: 20px; }
.preview-report-evidence ol { margin: 0; padding-left: 18px; color: #5f6976; font-size: 12px; }
.preview-report-evidence li { margin-bottom: 10px; line-height: 1.7; }
.preview-report-boundary { background: #f4f0e9; padding: 10px; border-left: 2px solid #bfa27b; margin: 18px 0; }
.preview-report-boundary p { margin: 4px 0 0; font-size: 12px; color: #776044; }
.live-demo .preview-report-evidence button { min-height: 34px; font-size: 13px; margin-bottom: 6px; }
.preview-report-raw { padding: 18px 20px; border-top: 1px solid #dce2e8; }
.preview-report-disclosure { padding: 12px 20px; border-top: 1px solid #dce2e8; background: #f7f9fc; font-size: 12px; color: #6c7480; }
@media (max-width: 1250px) {
  .preview-workbench { grid-template-columns: 202px minmax(0,1fr); }
  .preview-result-body { grid-template-columns: minmax(0,1fr); }
  .preview-stock-inspector { border-left: 0; border-top: 1px solid #dce2e8; display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
  .preview-inspector-factors, .preview-inspector-sources { grid-row: span 2; }
  .preview-stock-overview { grid-template-columns: minmax(0,1fr) 270px; }
  .preview-quote-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 950px) {
  .preview-workbench { grid-template-columns: minmax(0,1fr); }
  .preview-method-rail { border-right: 0; border-bottom: 1px solid #dce2e8; }
  .live-demo .preview-method-rail.preview-run-matrix { max-height: none; overflow: visible; }
  .preview-method-list { grid-template-columns: repeat(3,minmax(0,1fr)); padding-bottom: 8px; }
  .preview-rail-foot { display: none; }
  .preview-stock-overview, .preview-report-workspace { grid-template-columns: minmax(0,1fr); }
  .preview-report-evidence { border-left: 0; border-top: 1px solid #e3e9ef; }
  .preview-full-factors { grid-template-columns: minmax(0,1fr); }
  .preview-quote-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 650px) {
  .quant-hero > .container { width: calc(100% - 24px); }
  .preview-method-list { display: flex; overflow-x: auto; }
  .live-demo .preview-method-list button { flex: 0 0 196px; min-height: 62px; }
  .preview-rail-title { padding: 10px; }
  .preview-result-pane { padding: 10px; }
  .live-demo .preview-method-content .preview-method-intro { padding: 10px; min-height: 94px; }
  .live-demo .preview-method-content .preview-method-intro h4 { font-size: 17px; }
  .preview-method-count b { font-size: 22px; }
  .preview-stock-inspector { display: block; padding: 10px; }
  .preview-quote-grid { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 10px; gap: 8px 12px; }
  .preview-quote-grid > div { display: block; }
  .preview-quote-grid dd { margin-top: 2px; }
  .preview-stock-header { padding: 10px; flex-wrap: wrap; gap: 8px; }
  .preview-stock-price b { font-size: 27px; }
  .preview-stock-actions { flex-wrap: wrap; }
  .preview-stock-breadcrumb > span:last-child { margin-left: 0; }
  .preview-rule-summary, .preview-research-inputs, .preview-factor-readings { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .preview-ai-entry { align-items: flex-start; flex-direction: column; }
  .preview-stock-risk { align-items: flex-start; }
  .live-demo .preview-research-report > header { padding: 12px 10px 0; }
  .live-demo .preview-research-report > header h4 { font-size: 18px; }
  .preview-report-main, .preview-report-raw { padding-inline: 10px; }
  .preview-report-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .preview-report-topline, .preview-report-section-title, .preview-chart-caption { flex-wrap: wrap; }
  .preview-report-disclosure { padding-inline: 10px; }
  .preview-stock-overview .demo-chart svg { height: auto; }
  .live-demo .preview-detail-data > .preview-financial-facts { grid-template-columns: minmax(0,1fr); }
}

/* Dense research terminal: one type scale, aligned tables, restrained motion. */
.live-demo { font-size: 13px; line-height: 1.5; }
.live-demo .demo-content :is(h3,h5) { font-size: 14px; line-height: 1.5; }
.live-demo .demo-content h4 { font-size: 16px; line-height: 1.5; margin: 6px 0; }
.live-demo .demo-content .preview-stock-header h3 { font-size: 20px; }
.live-demo .demo-content .preview-research-report > header h4 { font-size: 21px; margin: 12px 0 6px; }
.live-demo .demo-content .preview-result-heading .preview-subtabs { width: auto; border: 0; margin: 0; flex-shrink: 0; }
.preview-stock-overview .preview-result-heading h5 { white-space: nowrap; }
.live-demo .preview-section-heading h3 { font-size: 17px; line-height: 1.3; }
.live-demo .demo-content :is(p,dl) { line-height: 1.6; }
.live-demo .demo-card { padding: 12px; }
.live-demo .demo-card-head { min-height: 26px; margin-bottom: 6px; }
.live-demo .preview-section-heading { padding: 6px 12px; gap: 12px; }
.live-demo .preview-section-heading p { line-height: 1.4; }
.live-demo .preview-desktop-market > div { padding: 6px 12px; }
.live-demo .preview-desktop-market span { line-height: 1.3; }
.live-demo .preview-desktop-market b { line-height: 1.3; margin-top: 2px; }
.live-demo .preview-overview-strip > div { padding: 8px 12px; }
.live-demo .preview-overview-strip b { font-size: 16px; margin: 2px 0; }
.live-demo .preview-subtabs { margin-bottom: 10px; }
.live-demo .preview-subtabs button { padding: 5px 12px; font-size: 13px; }
.live-demo .preview-storybar { border-block: 1px solid var(--line); background: #f9fbfd; padding: 8px 14px 0; position: relative; }
.preview-story-heading { display: flex; align-items: center; gap: 14px; }
.preview-story-heading b { font-size: 13px; font-weight: 600; }
.preview-story-heading > span { color: var(--muted); font-size: 12px; }
.live-demo .preview-story-heading button { margin-left: auto; color: var(--accent); padding: 2px 6px; min-height: 24px; font-size: 12px; }
.preview-story-steps { display: flex; gap: 6px; overflow-x: auto; margin-top: 5px; padding-bottom: 6px; scrollbar-width: thin; }
.live-demo .preview-story-steps button { display: flex; align-items: center; gap: 6px; padding: 4px 10px; min-height: 30px; white-space: nowrap; font-size: 12px; border: 1px solid transparent; }
.preview-story-steps button > span { color: #748395; font-variant-numeric: tabular-nums; }
.live-demo .preview-story-steps button[aria-pressed='true'] { background: var(--accent-soft); border-color: var(--accent-border); color: var(--accent-hover); }
.preview-story-progress { height: 2px; position: absolute; bottom: 0; left: 0; width: 100%; background: #e2eaf1; }
.preview-story-progress i { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; background: #356388; transition: transform 350ms ease; }
.preview-market-facts { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); background: #fff; border: 1px solid var(--line); margin-bottom: 10px; }
.preview-market-facts > div { padding: 6px 10px; border-right: 1px solid var(--line); min-width: 0; }
.preview-market-facts > div:last-child { border-right: 0; }
.preview-market-facts :is(span,small) { display: block; font-size: 12px; line-height: 1.3; color: var(--muted); }
.preview-market-facts b { display: block; margin: 2px 0; font-size: 17px; line-height: 1.3; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.live-demo .preview-dashboard { grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); }
.live-demo .preview-workflow-rows { grid-template-columns: 1fr 1fr; gap: 4px 8px; }
.live-demo .preview-workflow-rows button { padding: 7px 4px; min-height: 58px; }
.live-demo .preview-workflow-rows small { font-size: 12px; line-height: 1.4; }
.live-demo .preview-emotion { padding-top: 4px; }
.live-demo .preview-emotion > div:first-child > b { font-size: 30px; color: #c32a2f; margin: 3px 0 5px; }
.live-demo .preview-emotion svg { height: 60px; margin: 4px 0; }
.live-demo .preview-terminal-notice { padding: 6px 8px; margin-top: 8px; }
.live-demo .preview-candidates, .live-demo .preview-followup { margin-top: 10px; }
.live-demo .demo-split { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 10px; }
.preview-theme-table { overflow-x: auto; scrollbar-width: thin; }
.live-demo .preview-theme-columns, .live-demo .preview-theme-row { grid-template-columns: minmax(90px,1fr) 36px 68px 62px 90px; min-width: 390px; gap: 6px; padding: 7px 6px; }
.live-demo .preview-theme-row { min-height: 37px; border-radius: 3px; font-size: 12px; font-variant-numeric: tabular-nums; }
.live-demo .preview-theme-row > :not(:first-child), .preview-theme-columns > :not(:first-child) { text-align: right; }
.preview-theme-columns { border-bottom: 1px solid var(--line); background: #f7f9fc; }
.preview-data-foot { color: var(--muted); font-size: 12px; border-top: 1px solid var(--line); padding-top: 8px; margin-top: 6px; }
.preview-table-scroll { min-width: 0; max-width: 100%; overflow-x: auto; scrollbar-width: thin; }
.preview-table-scroll:focus-visible { outline: 2px solid #356388; outline-offset: 2px; }
.live-demo .preview-dense-table { width: 100%; border-collapse: collapse; font-size: 12px; line-height: 1.5; text-align: left; margin: 0; }
.live-demo .preview-dense-table th { font-weight: 500; }
.live-demo .preview-dense-table thead th { background: #f4f7fa; color: #5f6976; white-space: nowrap; border-block: 1px solid var(--line); }
.live-demo .preview-dense-table :is(th,td) { padding: 7px 6px; border-bottom: 1px solid #e7ecf1; vertical-align: middle; }
.preview-dense-table tbody tr:hover { background: #f8fbfe; }
.preview-number { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; font-weight: 500; }
.live-demo .preview-results .preview-dense-table { min-width: 500px; }
.live-demo .preview-dense-table .preview-result-row { display: table-row; }
.preview-results th:first-child { width: 100px; }
.preview-results th:nth-child(2), .preview-results th:nth-child(4) { width: 40px; text-align: right; }
.preview-results th:nth-child(5) { width: 80px; }
.preview-results th:last-child { width: 54px; }
.live-demo .preview-dense-table .demo-stock-name { font-size: 13px; min-height: 24px; font-weight: 600; white-space: nowrap; }
.live-demo .preview-dense-table .demo-link { font-size: 12px; min-height: 28px; white-space: nowrap; padding: 2px 0; }
.preview-result-row td > small { display: block; color: var(--muted); font-size: 12px; white-space: nowrap; }
.live-demo .preview-result-evidence { display: flex; gap: 3px 4px; flex-wrap: wrap; }
.live-demo .preview-result-evidence .preview-source { padding: 1px 4px; min-height: 22px; font-size: 12px; }
.live-demo .preview-result-evidence small { font-size: 12px; margin: 0; line-height: 1.4; }
.preview-risk-label { color: #776044; font-size: 12px; white-space: nowrap; }
.preview-source-details { width: 100%; font-size: 12px; }
.preview-source-details summary { cursor: pointer; color: #356388; padding: 2px 0; width: fit-content; }
.preview-source-details > div { display: flex; flex-wrap: wrap; gap: 3px; padding: 5px 0; }
.preview-source-details summary:focus-visible { outline: 2px solid #356388; outline-offset: 2px; }
.live-demo .preview-library button { padding: 9px 6px; gap: 8px; }
.live-demo .preview-library small { margin-top: 3px; }
.preview-batch-summary { border-top: 1px solid var(--line); margin-top: 10px; padding-top: 8px; }
.preview-batch-summary span { display: flex; justify-content: space-between; gap: 8px; color: var(--muted); font-size: 12px; padding: 4px 0; }
.preview-batch-summary b { font-weight: 500; color: var(--ink); }
.live-demo .preview-factor-evidence { grid-template-columns: 1fr; gap: 2px; margin-bottom: 10px; }
.live-demo .preview-factor-evidence > div { display: flex; align-items: center; gap: 8px; border: 0; border-left: 2px solid #c1d3e2; padding: 5px 8px; }
.live-demo .preview-factor-evidence b { font-size: 12px; margin: 0; font-weight: 500; }
.preview-factor-heading { margin-top: 12px; }
.preview-factor-table { min-width: 300px; }
.live-demo .preview-method-footer { flex-direction: row; align-items: center; gap: 10px; margin-top: 12px; padding-top: 10px; }
.live-demo .preview-method-footer button { font-size: 12px; min-height: 34px; }
.live-demo .preview-method-footer p { font-size: 12px; }
.live-demo .preview-watch-row { gap: 10px; padding: 10px 0; }
.live-demo .preview-watch-row .demo-stock-name { font-size: 13px; min-height: 26px; }
.live-demo .preview-watch-row small { font-size: 12px; }
.live-demo .preview-watch-row > button { min-height: 34px; padding: 4px 7px; font-size: 12px; }
.live-demo .preview-timeline li { padding: 8px 0; }
.live-demo .preview-analysis-toolbar { gap: 8px; margin-bottom: 10px; }
.live-demo .preview-analysis-toolbar :is(select,button) { min-height: 34px; font-size: 13px; }
.live-demo .preview-research-report > header { padding: 12px 14px; }
.live-demo .preview-report-columns { padding: 12px 14px; gap: 18px; }
.live-demo .preview-report-columns > section { min-width: 0; }
.live-demo .preview-report-columns h5 { margin: 0 0 8px; }
.live-demo .preview-report-columns p { margin-top: 10px; font-size: 12px; }
.live-demo .preview-report-risk { padding: 10px 14px; }
.preview-financial-facts { margin: 0; }
.preview-financial-facts > div { display: flex; gap: 10px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); padding: 6px 0; font-size: 12px; }
.preview-financial-facts dt { color: #5f6976; }
.preview-financial-facts dd { margin: 0; font-weight: 500; font-variant-numeric: tabular-nums; }
.live-demo .preview-analysis-ready { padding: 12px; }
.preview-review-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.preview-review-notes p { font-size: 12px; color: var(--muted); }
.live-demo .preview-review-stats { padding: 8px 0 14px; }
.live-demo .preview-cycle { padding-top: 10px; margin-top: 12px; }
.live-demo .demo-footer { padding: 10px 14px; }
.live-demo .demo-footer p { font-size: 12px; line-height: 1.6; }
.live-demo .demo-content > :not(.preview-section-heading,.preview-desktop-market,.preview-subtabs) { animation: preview-screen-enter 280ms ease-out; }
.live-demo .demo-content .preview-tour-focus { outline: 2px solid #7a9dbb; outline-offset: -2px; animation: preview-focus 900ms ease-out; }
.preview-emotion .demo-chart-line { stroke-dasharray: 1; stroke-dashoffset: 0; animation: preview-chart-draw 900ms ease-out; }
.preview-pattern-chart g { transform-origin: center; animation: preview-candle-enter 450ms ease-out; }
.live-demo .demo-candle-up { fill: #c32a2f; stroke: #c32a2f; }
@keyframes preview-screen-enter { from { opacity: .45; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes preview-focus { from { outline-color: #356388; } to { outline-color: #7a9dbb; } }
@keyframes preview-chart-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes preview-candle-enter { from { opacity: .3; transform: scaleY(.88); } to { opacity: 1; transform: scaleY(1); } }
@media (max-width: 1050px) {
  .preview-market-facts { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .preview-market-facts > div:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .live-demo .preview-selection-layout { grid-template-columns: minmax(230px,.7fr) minmax(0,1.3fr); }
  .live-demo .preview-method-footer { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 900px) {
  .live-demo .preview-selection-layout, .live-demo .preview-dashboard, .live-demo .demo-split { grid-template-columns: 1fr; }
  .preview-story-heading > span { display: none; }
  .live-demo .preview-run-matrix { max-height: 310px; overflow-y: auto; scrollbar-width: thin; }
  .live-demo .preview-watch-row { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .preview-market-facts b { font-size: 16px; }
}
@media (max-width: 650px) {
  .preview-market-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .preview-result-heading { flex-wrap: wrap; }
  .live-demo .demo-content .preview-research-report > header h4 { font-size: 18px; }
  .preview-market-facts > div { padding: 8px; border-bottom: 1px solid var(--line); }
  .preview-story-heading { flex-wrap: wrap; gap: 4px; }
  .preview-story-heading b { font-size: 12px; }
  .live-demo .preview-story-steps button { min-height: 36px; padding: 5px 8px; }
  .live-demo .demo-card { padding: 10px; }
  .live-demo .preview-section-heading { padding: 8px; }
  .live-demo .preview-emotion { grid-template-columns: 1fr; }
  .live-demo .preview-emotion > div:first-child > b { display: inline; margin-right: 8px; }
  .live-demo .preview-emotion p { display: inline; margin-left: 6px; }
  .live-demo .preview-overview-strip > div { padding: 7px; }
  .live-demo .preview-overview-strip b { font-size: 14px; }
  .live-demo .preview-report-columns { grid-template-columns: 1fr; gap: 14px; padding: 10px; }
  .preview-review-notes { grid-template-columns: 1fr; gap: 0; }
  .live-demo .preview-method-footer { flex-direction: column; align-items: flex-start; }
  .preview-table-scroll { padding-bottom: 6px; }
  .preview-table-scroll::after { content: '左右滑动，查看完整数据'; display: block; padding-top: 6px; font-size: 12px; color: var(--muted); }
  .live-demo .demo-footer { padding: 10px; }
}

/* Homepage editorial polish: one visual system from product story to conversion. */
.product-section,
.workflow-section,
.evidence-block,
.membership-section,
.devices-section,
.questions-section { position: relative; isolation: isolate; overflow: hidden; }
.product-section::before,
.membership-section::before,
.questions-section::before { content: ''; position: absolute; z-index: -1; width: 460px; height: 460px; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.product-section::before { top: -280px; right: -190px; background: radial-gradient(circle,rgba(217,56,56,.08),transparent 68%); }
.membership-section::before { top: 90px; left: -320px; background: radial-gradient(circle,rgba(217,56,56,.07),transparent 70%); }
.questions-section::before { bottom: -300px; right: -250px; background: radial-gradient(circle,rgba(53,99,136,.06),transparent 70%); }

.product-section { border-top: 1px solid #f0e9e7; background: linear-gradient(180deg,#fff 0,#fffaf8 100%); }
.product-section .quant-section-head { max-width: 760px; margin-inline: auto; }
.product-tabs { width: fit-content; max-width: 100%; margin: 0 auto 36px; padding: 6px; border: 1px solid #eadfdd; border-radius: 12px; background: rgba(255,255,255,.84); box-shadow: 0 14px 36px -30px rgba(73,25,31,.4); }
.product-tabs button { min-height: 44px; border-radius: 8px; padding-inline: 20px; }
.product-tabs button[aria-selected='true'] { border-color: #f0c8bf; background: #fff0eb; box-shadow: 0 5px 14px -10px rgba(129,38,43,.5); }
.product-feature { min-height: 420px; gap: clamp(40px,6vw,88px); padding: clamp(28px,4vw,52px); border: 1px solid #eadfdd; border-radius: 28px; background: rgba(255,255,255,.94); box-shadow: 0 30px 90px -56px rgba(88,34,38,.42), inset 0 1px rgba(255,255,255,.9); }
.research-path { position: relative; overflow: hidden; min-height: 318px; padding: 36px; border: 0; border-radius: 20px; background: linear-gradient(145deg,#fff0ea 0,#fff9f6 58%,#f7f8fb 100%); box-shadow: inset 0 0 0 1px #f0ded8; }
.research-path::after { content: ''; position: absolute; width: 126px; height: 126px; border: 28px solid rgba(217,56,56,.055); border-radius: 50%; right: -60px; top: -62px; }
.path-question { max-width: 360px; font-size: 1.5rem; letter-spacing: -.025em; }
.product-copy { padding-block: 10px; }
.feature-number { display: inline-flex; align-items: center; gap: 10px; color: #a63b3b; font-weight: 600; letter-spacing: .055em; }
.feature-number::before { content: ''; width: 24px; height: 2px; background: currentColor; }
.product-copy li { padding-left: 22px; }
.product-copy li::before { content: ''; top: .72em; width: 8px; height: 8px; border: 2px solid var(--red); border-radius: 50%; }

.workflow-section { border-block-color: #eee4e1; background: linear-gradient(155deg,#fff8f5 0,#f8f5f5 100%); }
.workflow-heading { align-items: end; }
.workflow-heading > p { max-width: 430px; padding-left: 24px; border-left: 2px solid #e7c8c2; }
.research-steps { position: relative; gap: 38px; padding-top: 12px; }
.research-steps::before { content: ''; position: absolute; z-index: -1; top: 35px; left: 3%; right: 3%; height: 1px; background: linear-gradient(90deg,#e5b9b2,#dad7da 75%,transparent); }
.research-steps li { position: relative; min-height: 300px; padding: 28px 22px 22px; border: 0; border-radius: 18px; background: rgba(255,255,255,.76); box-shadow: 0 18px 46px -40px rgba(74,30,35,.7); }
.research-steps li:nth-child(even) { transform: translateY(26px); }
.step-index { display: grid; place-items: center; width: 38px; height: 38px; margin-top: -48px; border-radius: 50%; color: #fff; background: var(--accent); box-shadow: 0 0 0 7px #fff8f5; font-weight: 600; }
.research-steps h3 { margin: 42px 0 12px; }
.workflow-return { max-width: 760px; margin: 76px auto 0; border: 0; padding: 16px 20px; border-radius: 10px; text-align: center; background: rgba(255,255,255,.72); }

.evidence-block { background: #fff; }
.evidence-layout { position: relative; gap: clamp(48px,8vw,108px); padding: clamp(40px,6vw,72px); border-radius: 30px; background: linear-gradient(135deg,#282427 0,#35292b 100%); color: #fff; box-shadow: 0 30px 80px -48px rgba(47,22,25,.72); }
.evidence-layout::after { content: 'EVIDENCE'; position: absolute; right: 30px; bottom: -18px; color: rgba(255,255,255,.035); font-size: clamp(4rem,9vw,8rem); font-weight: 800; line-height: 1; letter-spacing: -.06em; pointer-events: none; }
.evidence-layout .section-kicker,
.evidence-layout .text-link { color: #ffaaa1; }
.evidence-layout > div > p:not(.section-kicker),
.evidence-principles dd { color: #cfc7c9; }
.evidence-principles > div { border-color: rgba(255,255,255,.13); }
.evidence-principles dt span { display: inline-grid; place-items: center; width: 30px; height: 30px; margin-right: 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; color: #ffaaa1; }
.evidence-principles dd { margin-left: 46px; }

.membership-section { border-block-color: #efe8e7; background: linear-gradient(180deg,#faf8f8 0,#fff 100%); }
.membership-section .quant-section-head { text-align: left; display: grid; grid-template-columns: minmax(0,.8fr) minmax(360px,.55fr); gap: 64px; align-items: end; }
.membership-section .quant-section-head .section-kicker { grid-column: 1 / -1; margin-bottom: -40px; }
.membership-section .quant-section-head > p:last-child { margin: 0; max-width: 520px; }
.membership-table-wrap { overflow-x: auto; border: 1px solid #e4dddd; border-radius: 20px; background: rgba(255,255,255,.96); box-shadow: 0 24px 64px -48px rgba(70,28,32,.6); scrollbar-width: thin; }
.membership-table { min-width: 980px; }
.membership-table th,
.membership-table td { padding: 16px 18px; }
.membership-table thead th { position: relative; padding-block: 22px; background: #f8f5f5; border-bottom-color: #ded5d6; }
.membership-table thead th:first-child { width: 14%; }
.membership-table thead th:nth-child(2) { width: 29%; text-align: left; }
.membership-table tbody + tbody tr:first-child > * { border-top: 2px solid #e1d8d9; }
.membership-table tbody th[scope='row'] { text-align: left; font-weight: 500; }
.membership-table .membership-category { width: 14%; vertical-align: top; color: #8f393d; font-size: .8125rem; font-weight: 600; letter-spacing: .02em; background: #fcf8f7; }
.membership-table th:nth-child(4),
.membership-table td:nth-child(4) { background: transparent; }
.membership-table th:nth-child(5),
.membership-table td:nth-child(5) { background: #fff5f1; }
.membership-table thead th:nth-child(4) { color: inherit; border-top-color: transparent; }
.membership-table thead th:nth-child(5) { color: #b72e2e; border-top: 3px solid var(--accent); }
.membership-table tbody tr:hover > * { background-color: #fffaf8; }
.membership-table tbody tr:hover > *:nth-child(5) { background-color: #ffefe9; }
.membership-table .entitlement-check { display: inline-grid; place-items: center; min-width: 24px; min-height: 24px; border-radius: 50%; color: #b52329; background: #ffeae4; font-weight: 700; }
.membership-footnote { padding-inline: 4px; }

.devices-section { background: linear-gradient(180deg,#fff 0,#fbf8f7 100%); }
.device-section-layout { grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr); gap: clamp(48px,7vw,96px); }
.device-real-capture { position: relative; overflow: visible; border: 0; border-radius: 20px; background: #fff; box-shadow: 0 30px 80px -42px rgba(57,29,34,.5); }
.device-real-capture::before { content: ''; position: absolute; z-index: -1; inset: -22px 32px 34px -28px; border-radius: 26px; background: linear-gradient(145deg,#f4ded8,#f4f2f3); transform: rotate(-2.4deg); }
.device-real-capture img { border: 1px solid #ded8d8; border-radius: 18px 18px 0 0; }
.device-real-capture figcaption { border: 1px solid #ded8d8; border-top: 0; border-radius: 0 0 18px 18px; }

.questions-section { border-top-color: #eee8e6; background: #fbfaf9; }
.questions-layout { grid-template-columns: minmax(240px,.55fr) minmax(0,1.45fr); gap: clamp(48px,8vw,112px); }
.questions-layout > div:first-child { position: sticky; top: 120px; align-self: start; }
.question-list { counter-reset: question; display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.question-list article { counter-increment: question; position: relative; min-height: 180px; padding: 28px 0 24px 50px; border-bottom-color: #dfd9d8; }
.question-list article::before { content: counter(question,decimal-leading-zero); position: absolute; left: 0; top: 29px; color: #a33a3d; font-size: .75rem; font-weight: 700; letter-spacing: .06em; }
.question-list h3 { font-size: 1.125rem; }

.closing-section { padding: 0 0 88px; border: 0; background: #fbfaf9; }
.closing-section .container { position: relative; overflow: hidden; padding: 72px 32px; border-radius: 30px; background: radial-gradient(circle at 86% 0,rgba(255,255,255,.22),transparent 32%), linear-gradient(135deg,#d93838,#b82831); color: #fff; box-shadow: 0 32px 74px -48px rgba(102,19,27,.85); }
.closing-section .container::before { content: ''; position: absolute; width: 260px; height: 260px; border: 52px solid rgba(255,255,255,.055); border-radius: 50%; left: -100px; bottom: -150px; }
.closing-mark { color: #ffd8d2; }
.closing-section .button { border-color: #fff; background: #fff; color: #9f252b; }
.closing-section .button:hover { background: #fff3ef; border-color: #fff3ef; }
.closing-section .button.secondary { border-color: rgba(255,255,255,.55); background: transparent; color: #fff; }
.closing-section .button.secondary:hover { background: rgba(255,255,255,.1); }
.closing-section p { color: #f7d9d7; }

/* Let each research view breathe without forcing constant inner scrolling. */
.preview-app-layout { height: clamp(820px,98vh,980px); }

@media (max-width: 900px) {
  .product-feature { gap: 34px; padding: 30px; }
  .research-steps { gap: 56px 24px; }
  .research-steps::before { display: none; }
  .research-steps li:nth-child(even) { transform: none; }
  .membership-section .quant-section-head { grid-template-columns: 1fr; gap: 18px; }
  .membership-section .quant-section-head .section-kicker { grid-column: auto; margin-bottom: 0; }
  .questions-layout > div:first-child { position: static; }
}

@media (max-width: 650px) {
  .product-tabs { width: 100%; padding: 4px; }
  .product-feature { padding: 20px; border-radius: 20px; }
  .research-path { min-height: 0; padding: 26px 22px; }
  .research-steps { grid-template-columns: 1fr; gap: 34px; }
  .research-steps li { min-height: 0; }
  .workflow-return { margin-top: 38px; text-align: left; }
  .evidence-layout { padding: 34px 22px; border-radius: 22px; }
  .evidence-principles dd { margin-left: 0; }
  .membership-table-wrap { margin-inline: -20px; border-radius: 0; border-inline: 0; }
  .membership-footnote { align-items: stretch; }
  .device-real-capture::before { inset: -12px 18px 20px -10px; }
  .question-list { grid-template-columns: 1fr; }
  .question-list article { min-height: 0; }
  .closing-section { padding-bottom: 48px; }
  .closing-section .container { width: calc(100% - 32px); padding: 54px 20px; border-radius: 22px; }
  .preview-app-layout { height: 760px; }
}

/* 2026-10-07: desktop-faithful product preview, concrete product evidence and compact downloads. */
body,
button,
input,
select,
textarea { font-family: var(--sans); }

.product-preview-shell { margin-top: 40px; }
.preview-guide { position: relative; padding: 16px 18px 12px; border: 1px solid #eadfdd; border-radius: 14px; background: rgba(255,255,255,.86); box-shadow: 0 14px 36px -32px rgba(73,25,31,.45); text-align: left; }
.preview-guide .preview-story-heading { justify-content: space-between; gap: 24px; }
.preview-guide .preview-story-heading > div:first-child { min-width: 0; }
.preview-guide .preview-story-heading b { display: block; color: var(--ink); font-size: 14px; }
.preview-guide .preview-story-heading span { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; }
.preview-guide .preview-story-heading > div:last-child { display: flex; flex: none; gap: 8px; }
.preview-guide button { min-height: 34px; padding: 6px 11px; border: 1px solid #e1d5d4; border-radius: 7px; background: #fff; color: #923337; cursor: pointer; font-size: 12px; }
.preview-guide button:hover { border-color: #ddb3ae; background: #fff5f2; }
.preview-guide .preview-story-steps { margin-top: 10px; }
.preview-guide .preview-story-steps button { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 4px 9px; white-space: nowrap; }
.preview-guide .preview-story-steps button[aria-pressed='true'] { border-color: #e3bcb7; background: #fff0eb; color: #a52e33; }
.preview-guide .preview-story-progress { background: #eee5e4; }
.preview-guide .preview-story-progress i { background: var(--accent); }
.product-preview-shell .live-demo { margin-top: 16px; }

.demo-titlebar { min-height: 58px; padding: 8px 16px; }
.demo-title-brand { gap: 10px; }
.demo-title-brand img { width: 32px; height: 32px; border-radius: 7px; }
.demo-title-brand b { display: block; color: #262b33; font-size: 14px; line-height: 1.2; }
.demo-title-brand small { margin-top: 2px; font-size: 10px; line-height: 1.2; }
.preview-global-search { width: min(390px,38%); }
.preview-global-search label { min-height: 36px; border-radius: 6px; }
.preview-global-search kbd { flex: none; padding: 2px 6px; border: 1px solid #dce2e8; border-radius: 4px; background: #fff; color: #7e8792; font: 10px/1.4 var(--sans); box-shadow: 0 1px 1px #24354c0d; }
.demo-title-actions { gap: 10px; }
.preview-workspace-status { display: inline-flex; align-items: center; gap: 6px; }
.preview-workspace-status i { width: 7px; height: 7px; border-radius: 50%; background: #2d9b6d; box-shadow: 0 0 0 3px #2d9b6d1f; }
.preview-notification { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #dce2e8; border-radius: 6px; color: #65707c; }
.preview-notification svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.live-demo .preview-membership-entry { display: grid; grid-template-columns: auto auto auto 10px; align-items: center; gap: 7px; min-height: 36px; padding: 5px 8px 5px 10px; border: 1px solid #e3d8d7; background: #fff8f5; }
.live-demo .preview-membership-entry:hover { background: #fff0eb; }
.preview-membership-entry b { color: #a72e2e; font-size: 12px; }
.preview-membership-entry span,
.preview-membership-entry small { color: #6c7480; font-size: 10px; }
.preview-membership-entry i { color: #9b7373; font-style: normal; }

.product-feature { display: block; min-height: 0; padding: clamp(22px,3vw,38px); }
.product-capture-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.5fr); gap: 16px; }
.product-capture-grid figure,
.product-capture-details { min-width: 0; }
.product-capture-grid figure,
.workflow-shots figure,
.product-capture-main { margin: 0; overflow: hidden; border: 1px solid #ded7d6; border-radius: 16px; background: #fff; box-shadow: 0 18px 46px -36px rgba(74,30,35,.65); }
.product-capture-main img { display: block; width: 100%; height: auto; }
.product-capture-grid figcaption,
.workflow-shots figcaption { display: flex; flex-wrap: wrap; gap: 6px 12px; padding: 12px 14px; border-top: 1px solid #e9e3e2; color: var(--muted); font-size: 12px; line-height: 1.5; }
.product-capture-grid figcaption b,
.workflow-shots figcaption b { color: var(--ink); }
.product-capture-details { display: grid; grid-template-rows: 1fr 1fr; gap: 16px; }
.product-capture-details figure { display: grid; grid-template-rows: minmax(0,1fr) auto; }
.capture-crop,
.workflow-crop { min-height: 0; overflow: hidden; background: #eef1f5; }
.capture-crop img,
.workflow-crop img { display: block; width: 100%; height: 100%; object-fit: cover; }
.capture-crop-market img { object-position: 50% 18%; }
.capture-crop-sector img { object-position: 50% 86%; }
.product-feature-body { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: clamp(36px,6vw,76px); align-items: center; margin-top: 34px; }
.product-feature-body .research-path { min-height: 0; }

.workflow-proof { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr); gap: clamp(34px,5vw,68px); align-items: stretch; }
.workflow-shots { display: grid; grid-template-rows: 1fr 1fr; gap: 16px; }
.workflow-shots figure { display: grid; grid-template-rows: minmax(0,1fr) auto; min-height: 230px; }
.workflow-crop-monitor img { object-position: 50% 42%; }
.workflow-crop-review img { object-position: 50% 86%; }
.workflow-proof .research-steps { display: grid; grid-template-columns: 1fr; gap: 0; padding: 0; border-top: 1px solid #e1d8d7; }
.workflow-proof .research-steps::before { display: none; }
.workflow-proof .research-steps li,
.workflow-proof .research-steps li:nth-child(even) { display: grid; grid-template-columns: 42px minmax(0,1fr); column-gap: 14px; min-height: 0; padding: 18px 0; border: 0; border-bottom: 1px solid #e1d8d7; border-radius: 0; background: transparent; box-shadow: none; transform: none; }
.workflow-proof .step-index { grid-row: 1 / span 3; width: 34px; height: 34px; margin: 0; border-radius: 9px; box-shadow: none; font-size: 12px; }
.workflow-proof .research-steps h3 { margin: 0 0 5px; font-size: 17px; }
.workflow-proof .research-steps p { margin: 0 0 8px; font-size: 13px; line-height: 1.65; }
.workflow-proof .research-steps button { min-height: 32px; margin: 0; font-size: 12px; }
.workflow-return { margin-top: 34px; }

/* A readable AI report specimen replaces multiple illegible screenshot crops. */
.ai-report-showcase { overflow: hidden; border: 1px solid #d9dfe6; border-radius: 18px; background: #fff; box-shadow: 0 26px 64px -48px rgba(44,30,34,.7); }
.ai-report-showcase > header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 24px; padding: clamp(22px,3vw,36px); border-bottom: 1px solid #e1e6eb; background: linear-gradient(135deg,#fff 0%,#fff8f5 100%); }
.ai-report-showcase > header > div:first-child { display: flex; align-items: center; gap: 12px; }
.ai-report-showcase > header small { color: var(--muted); font-size: 12px; }
.ai-report-label { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 9px; border: 1px solid #efc4bb; border-radius: 999px; background: #fff0eb; color: #a52e33; font-size: 12px; font-weight: 700; }
.ai-report-showcase > header h3,
.ai-report-showcase > header p,
.ai-report-showcase > header dl { grid-column: 1 / -1; }
.ai-report-showcase > header h3 { margin: 10px 0 0; font-size: clamp(23px,3vw,34px); line-height: 1.3; letter-spacing: -.025em; }
.ai-report-showcase > header p { max-width: 820px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.ai-report-showcase > header dl { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 12px 0 0; border-top: 1px solid #e3e5e9; }
.ai-report-showcase > header dl > div { padding: 16px 12px 0 0; }
.ai-report-showcase dt { color: var(--muted); font-size: 12px; }
.ai-report-showcase dd { margin: 5px 0 0; font-size: 22px; font-weight: 650; font-variant-numeric: tabular-nums; }
.ai-report-body { display: grid; grid-template-columns: minmax(0,1fr) 310px; }
.ai-report-main { padding: 4px clamp(20px,3vw,34px); }
.ai-report-main > section { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 12px; padding: 22px 0; border-bottom: 1px solid #e5e9ed; }
.ai-report-main > section:last-child { border-bottom: 0; }
.ai-report-main > section > span { color: #8e5d5d; font-size: 12px; font-variant-numeric: tabular-nums; }
.ai-report-main h4,
.ai-report-body aside h4 { margin: 0 0 8px; font-size: 17px; }
.ai-report-main p,
.ai-report-body aside p { margin: 0; color: #5f6976; font-size: 13px; line-height: 1.75; }
.ai-inline-data { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 13px; }
.ai-inline-data b { color: #3f4853; font-size: 12px; }
.ai-factor-bars { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 15px; }
.ai-factor-bars span { position: relative; overflow: hidden; min-height: 31px; padding: 8px 9px; border-radius: 5px; background: #eef1f4; }
.ai-factor-bars i { position: absolute; inset: 0 auto 0 0; background: #e8c8c3; }
.ai-factor-bars b { position: relative; z-index: 1; font-size: 11px; }
.ai-report-body aside { padding: 26px 22px; border-left: 1px solid #e1e6eb; background: #f7f9fb; }
.ai-report-body aside ol { margin: 0; padding-left: 19px; color: #4e5864; font-size: 13px; line-height: 1.7; }
.ai-report-body aside li { margin-bottom: 10px; }
.ai-report-body aside > div { margin-top: 22px; padding: 13px; border-left: 3px solid #bd9a72; background: #f3eee6; }
.ai-report-body aside > div b { display: block; margin-bottom: 5px; font-size: 13px; }
.ai-research-path { grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 28px; }
.ai-research-path::before { top: 41px; }

.device-mode-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.device-mode-grid article { min-height: 180px; padding: 24px; border: 1px solid #e2dbda; border-radius: 16px; background: rgba(255,255,255,.72); }
.device-mode-grid span { color: var(--accent); font-size: 12px; font-weight: 700; }
.device-mode-grid h3 { margin: 26px 0 8px; font-size: 20px; }
.device-mode-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }

/* Keep dense desktop scenes inside one coherent window instead of a page-long stack. */
.live-demo .preview-method-list { max-height: 408px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
@media (min-width: 951px) {
  [data-live-demo][data-scene='algorithm'] .preview-workbench,
  [data-live-demo][data-scene='pattern'] .preview-workbench,
  [data-live-demo][data-scene='strategy'] .preview-workbench { height: 535px; }
  [data-live-demo][data-scene='algorithm'] .preview-method-rail,
  [data-live-demo][data-scene='pattern'] .preview-method-rail,
  [data-live-demo][data-scene='strategy'] .preview-method-rail { display: flex; flex-direction: column; overflow: hidden; }
  [data-live-demo][data-scene='algorithm'] .preview-method-list,
  [data-live-demo][data-scene='pattern'] .preview-method-list,
  [data-live-demo][data-scene='strategy'] .preview-method-list { flex: 1; max-height: none; }
  [data-live-demo][data-scene='algorithm'] .preview-method-content,
  [data-live-demo][data-scene='pattern'] .preview-method-content,
  [data-live-demo][data-scene='strategy'] .preview-method-content { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
  [data-live-demo][data-scene='algorithm'] .preview-rail-foot,
  [data-live-demo][data-scene='pattern'] .preview-rail-foot,
  [data-live-demo][data-scene='strategy'] .preview-rail-foot { margin-top: 0; }
}
[data-live-demo][data-scene='store'] .preview-catalog-scroll { max-height: 508px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
[data-live-demo][data-scene='store'] .preview-catalog-scroll .preview-table-scroll { overflow-x: auto; overflow-y: visible; }
.preview-settings-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr); gap: 12px; min-height: 520px; }
.preview-settings-grid > * { min-width: 0; }
.preview-settings-help { display: flex; flex-direction: column; }
.preview-settings-help > h5 { margin: 0 0 10px; }
.preview-settings-help > p { color: #5f6976; font-size: 12px; line-height: 1.7; }
.preview-settings-help > :is(button,.button,.text-link) { margin-top: auto; align-self: flex-start; }
.preview-settings-cards { display: grid; gap: 8px; margin-top: 14px; }
.preview-settings-cards > div { padding: 12px; border: 1px solid #e1e6eb; border-radius: 5px; background: #f7f9fc; }
.preview-settings-cards :is(span,small) { display: block; color: #6c7480; font-size: 12px; }
.preview-settings-cards b { display: block; margin: 4px 0; font-size: 14px; }
.preview-feedback-types { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 6px 0 24px; }
.preview-feedback-types span { padding: 12px; border: 1px solid #e1e6eb; border-radius: 5px; background: #fff; color: #4f5a66; font-size: 12px; }
[data-live-demo][data-scene='watchlist'] .preview-followup > .demo-card { min-height: 246px; }

.download-simple { min-height: calc(100vh - 96px); background: linear-gradient(180deg,#fff 0,#fbf8f7 100%); }
.download-simple-hero { padding: 72px 0 44px; text-align: center; }
.download-simple-hero .breadcrumbs { justify-content: center; }
.download-simple-hero > .container > img { display: block; margin: 0 auto 18px; border-radius: 15px; }
.download-simple-hero .eyebrow { justify-content: center; margin-bottom: 14px; }
.download-simple-hero h1 { margin: 0; font-size: clamp(40px,6vw,66px); line-height: 1.15; letter-spacing: -.045em; }
.download-simple-hero p:not(.eyebrow) { max-width: 620px; margin: 18px auto 0; color: var(--muted); font-size: 16px; }
.download-simple-hero .download-detected { margin-top: 20px; }
.download-simple-section { padding: 0 0 96px; }
.download-simple-layout { max-width: 900px; }
.download-simple-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 18px; }
.download-simple-heading h2 { margin: 0; font-size: 28px; letter-spacing: -.025em; }
.download-simple-heading p { max-width: 480px; margin: 0; color: var(--muted); font-size: 13px; text-align: right; }
.download-list { overflow: hidden; border: 1px solid #dfd8d8; border-radius: 18px; background: #fff; box-shadow: 0 24px 64px -48px rgba(70,28,32,.6); }
.download-row { position: relative; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; gap: 18px; align-items: center; min-height: 122px; padding: 22px 24px; border-bottom: 1px solid #e7e1e1; }
.download-row:last-child { border-bottom: 0; }
.download-row.is-recommended { background: #fff8f5; }
.download-row-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 12px; background: #242426; color: #fff; font-size: 20px; font-weight: 700; }
.download-row-windows { grid-template-columns: 1fr 1fr; gap: 2px; padding: 10px; }
.download-row-windows i { width: 12px; height: 12px; background: #fff; }
.download-row-title { display: flex; align-items: center; gap: 10px; }
.download-row h3 { margin: 0; font-size: 17px; }
.download-row-title b { padding: 3px 7px; border-radius: 999px; background: #f6efe5; color: #8e6817; font-size: 10px; }
.download-row.is-ready .download-row-title b { background: #e7f3ee; color: #287052; }
.download-row p { margin: 5px 0 2px; color: var(--muted); font-size: 12px; }
.download-row small { color: #91898a; font-size: 10px; }
.download-row .download-button { min-width: 150px; min-height: 42px; padding: 8px 16px; text-transform: none; letter-spacing: 0; font-size: 12px; }
.download-row .recommended-flag { display: none; top: 10px; right: 10px; }
.download-row.is-recommended .recommended-flag { display: block; }
.download-simple-note { display: flex; justify-content: space-between; gap: 28px; margin-top: 18px; padding: 16px 18px; border: 1px solid #e7e1e1; border-radius: 12px; background: rgba(255,255,255,.7); font-size: 12px; }
.download-simple-note p { margin: 0; color: var(--muted); }
.download-simple-note a { flex: none; color: var(--accent); font-weight: 600; }

@media (max-width: 900px) {
  .preview-guide .preview-story-heading { align-items: flex-start; }
  .preview-workspace-status { display: none; }
  .product-capture-grid,
  .product-feature-body,
  .workflow-proof { grid-template-columns: 1fr; }
  .product-capture-details { grid-template-columns: 1fr 1fr; grid-template-rows: 220px; }
  .workflow-shots { grid-template-columns: 1fr 1fr; grid-template-rows: 260px; }
  .workflow-shots figure { min-height: 0; }
  .ai-report-body,
  .preview-settings-grid { grid-template-columns: 1fr; }
  .ai-report-body aside { border-left: 0; border-top: 1px solid #e1e6eb; }
  .ai-research-path { grid-template-columns: 1fr 1fr; }
  .ai-research-path::before { display: none; }
  .live-demo .preview-method-list { max-height: none; }
  .preview-settings-grid { min-height: 0; }
}

@media (max-width: 650px) {
  .product-preview-shell { margin-top: 30px; }
  .preview-guide { padding: 14px 12px 10px; border-radius: 10px; }
  .preview-guide .preview-story-heading { display: block; }
  .preview-guide .preview-story-heading > div:last-child { margin-top: 10px; }
  .preview-guide .preview-story-heading span { display: block; }
  .demo-titlebar { min-height: 0; }
  .demo-title-brand img { width: 28px; height: 28px; }
  .preview-notification,
  .preview-membership-entry span,
  .preview-membership-entry small { display: none; }
  .live-demo .preview-membership-entry { grid-template-columns: auto 8px; min-height: 32px; }
  .preview-global-search kbd { display: none; }
  .product-capture-details,
  .workflow-shots { grid-template-columns: 1fr; grid-template-rows: auto; }
  .product-capture-details figure { min-height: 220px; }
  .workflow-shots figure { min-height: 240px; }
  .product-feature-body { margin-top: 24px; }
  .ai-report-showcase > header { display: block; }
  .ai-report-showcase > header > button { margin-top: 12px; }
  .ai-report-showcase > header dl { grid-template-columns: 1fr 1fr; }
  .ai-report-body { display: block; }
  .ai-factor-bars,
  .ai-research-path,
  .device-mode-grid { grid-template-columns: 1fr; }
  .download-simple-hero { padding: 48px 0 32px; }
  .download-simple-section { padding-bottom: 64px; }
  .download-simple-heading { display: block; }
  .download-simple-heading p { margin-top: 8px; text-align: left; }
  .download-row { grid-template-columns: 42px minmax(0,1fr); padding: 18px 16px; }
  .download-row-icon { width: 42px; height: 42px; }
  .download-row .download-button { grid-column: 1 / -1; width: 100%; }
  .download-row .recommended-flag { position: static; grid-column: 1 / -1; width: fit-content; }
  .download-simple-note { display: block; }
  .download-simple-note a { display: inline-block; margin-top: 10px; }
}

/* Code-rendered desktop feature pages: no screenshots. */
.product-section .product-feature { min-height: 0; padding: 12px; border-radius: 22px; background: #edf1f5; }
.product-workspace { overflow: hidden; border: 1px solid #cfd7df; border-radius: 14px; background: #f7f9fb; box-shadow: 0 24px 60px -44px rgba(37,48,60,.65); color: #27303a; text-align: left; }
.feature-desktop-page { min-height: 720px; background: #f7f9fb; font-size: 12px; }
.feature-page-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 22px 26px 18px; border-bottom: 1px solid #d8e0e7; background: #fff; }
.feature-page-title > div:first-child { min-width: 0; }
.feature-page-title span { color: #8b5558; font-size: 11px; }
.feature-page-title h3 { margin: 4px 0 3px; font-size: 23px; line-height: 1.25; letter-spacing: -.02em; }
.feature-page-title p { margin: 0; color: #697481; font-size: 12px; }
.feature-page-title > div:last-child { display: flex; align-items: center; gap: 12px; flex: none; }
.feature-page-title small { color: #7a8590; }
.feature-page-title button,
.feature-panel button { min-height: 34px; padding: 6px 11px; border: 1px solid #cfd8e1; border-radius: 5px; background: #fff; color: #385c78; cursor: pointer; font-size: 12px; }
.feature-page-title button:hover,
.feature-panel button:hover { border-color: #9fb3c4; background: #eef4f8; }
.feature-page-tabs { display: flex; gap: 4px; overflow-x: auto; padding: 9px 24px 0; border-bottom: 1px solid #d8e0e7; background: #fff; color: #6d7782; scrollbar-width: thin; }
.feature-page-tabs :is(span,b) { flex: none; min-width: 62px; padding: 8px 12px 10px; border-bottom: 2px solid transparent; text-align: center; font-weight: 500; }
.feature-page-tabs b { border-color: var(--accent); color: var(--accent-hover); }
.feature-market-strip { display: grid; grid-template-columns: 1.1fr repeat(4,1fr); margin: 0; border-bottom: 1px solid #d8e0e7; background: #fff; }
.feature-market-strip > div { min-width: 0; padding: 13px 16px; border-right: 1px solid #e0e6ec; }
.feature-market-strip > div:last-child { border-right: 0; }
.feature-market-strip dt { color: #74808c; font-size: 11px; }
.feature-market-strip dd { margin: 3px 0 1px; font-size: 16px; font-weight: 650; font-variant-numeric: tabular-nums; }
.feature-market-strip small { color: #89929c; }
.feature-market-strip em,
.is-up { color: #bc3037; font-style: normal; }
.is-down { color: #27866b; }
.feature-monitor-grid,
.feature-judgement-grid { display: grid; grid-template-columns: minmax(0,1.32fr) minmax(310px,.68fr); gap: 10px; padding: 10px 10px 0; }
.feature-panel { min-width: 0; border: 1px solid #d7dfe7; border-radius: 6px; background: #fff; box-shadow: 0 3px 10px rgba(42,58,74,.035); }
.feature-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 14px 16px 10px; }
.feature-panel > header h4 { margin: 0; font-size: 14px; }
.feature-panel > header p { margin: 3px 0 0; color: #78838f; font-size: 11px; }
.feature-panel > header > span { color: #7a8590; font-size: 11px; }
.feature-emotion header > span { padding: 3px 7px; border-radius: 4px; background: #fff0ec; color: #b72e2e; }
.feature-emotion-body { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 18px; align-items: center; padding: 2px 16px 10px; }
.feature-emotion-body > div { padding-right: 16px; border-right: 1px solid #e0e6ec; }
.feature-emotion-body > div > b { color: #c42f36; font-size: 32px; }
.feature-emotion-body > div > small { color: #7d8792; }
.feature-emotion-body p { margin: 6px 0 0; color: #7d8792; line-height: 1.6; }
.feature-emotion-body strong { color: #4b5864; }
.feature-emotion-body svg { width: 100%; height: 105px; }
.feature-emotion footer { display: flex; justify-content: space-around; gap: 12px; padding: 10px 16px; border-top: 1px solid #e1e7ed; color: #76828d; }
.feature-emotion footer b { margin-left: 4px; color: #37434f; }
.feature-workflow > div { display: grid; grid-template-columns: 1fr 1fr; padding: 0 12px 12px; }
.feature-workflow article { position: relative; min-height: 76px; padding: 12px; border-top: 1px solid #e1e6ec; }
.feature-workflow article:nth-child(odd) { border-right: 1px solid #e1e6ec; }
.feature-workflow article span,
.feature-workflow article small { display: block; }
.feature-workflow article b { position: absolute; top: 12px; right: 12px; color: #356388; }
.feature-workflow article small { margin-top: 6px; color: #89939d; }
.feature-wide-table { margin: 10px; overflow: hidden; }
.feature-wide-table > header { border-bottom: 1px solid #e0e6ec; }
.feature-wide-table > table,
.feature-method-detail table { width: 100%; border-collapse: collapse; font-size: 12px; }
.feature-wide-table :is(th,td),
.feature-method-detail :is(th,td) { padding: 10px 12px; border-bottom: 1px solid #e4e9ee; text-align: left; font-variant-numeric: tabular-nums; }
.feature-wide-table thead th,
.feature-method-detail thead th { background: #f4f7f9; color: #66727e; font-weight: 500; }
.feature-wide-table tbody th { font-weight: 600; }
.feature-wide-table tbody tr:last-child > * { border-bottom: 0; }
.feature-wide-table tbody tr:hover,
.feature-wide-table tbody tr.is-active { background: #f0f5f9; }
.judgement-strip { grid-template-columns: repeat(4,1fr); }
.feature-judgement-grid { grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr); }
.feature-sector-columns,
.feature-sector-list > button { display: grid; grid-template-columns: minmax(110px,1fr) 52px 52px 64px; gap: 10px; align-items: center; width: 100%; }
.feature-sector-columns { padding: 8px 13px; border-block: 1px solid #e0e6ec; background: #f5f7f9; color: #7d8792; }
.feature-sector-list > button { min-height: 52px; padding: 8px 13px; border: 0; border-bottom: 1px solid #e5e9ed; border-radius: 0; color: #4c5863; text-align: left; }
.feature-sector-list > button.is-selected { background: var(--accent-soft); box-shadow: inset 3px 0 var(--accent); }
.feature-sector-list > button span { text-align: center; }
.feature-sector-list > button em { padding: 3px 5px; border-radius: 3px; background: #e9f3ef; color: #2e7a60; font-style: normal; text-align: center; }
.feature-sector-list > button em.is-risk { background: #fff0ec; color: #a93338; }
.feature-matrix { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 26px; padding: 10px 18px 18px; }
.feature-matrix > div { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; }
.feature-matrix > div > span { color: #6f7a85; }
.feature-matrix > div > b { font-size: 15px; }
.feature-matrix i { grid-column: 1 / -1; overflow: hidden; height: 6px; border-radius: 9px; background: #e8edf1; }
.feature-matrix i em { display: block; height: 100%; border-radius: inherit; background: #678aa5; }
.feature-matrix small { grid-column: 1 / -1; color: #8c959e; }
.feature-judgement-note { margin: 0 18px 18px; padding: 13px 14px; border-left: 3px solid #b99b70; background: #f7f2e9; }
.feature-judgement-note b { display: block; margin-bottom: 4px; }
.feature-judgement-note p { margin: 0; color: #6b6258; line-height: 1.7; }
.source-chip { display: inline-flex; margin: 2px; padding: 2px 5px; border: 1px solid #cad7e2; border-radius: 3px; background: #f1f6fa; color: #446983; white-space: nowrap; }
.status-confirmed { color: #a42c32 !important; background: #fff0ec !important; }
.feature-candidate-table em { padding: 3px 6px; border-radius: 3px; background: #eef2f5; color: #66727d; font-style: normal; }
.feature-screen-tabs { padding-left: 24px; }
.feature-screen-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 10px; padding: 10px; }
.feature-method-list { overflow: hidden; }
.feature-method-list > button { display: grid; grid-template-columns: 28px minmax(0,1fr) 24px; gap: 8px; align-items: center; width: 100%; min-height: 66px; border: 0; border-top: 1px solid #e3e8ed; border-radius: 0; text-align: left; }
.feature-method-list > button > span { color: #8d969f; }
.feature-method-list > button b,
.feature-method-list > button small { display: block; }
.feature-method-list > button small { margin-top: 3px; color: #8a949e; }
.feature-method-list > button > em { font-style: normal; text-align: center; }
.feature-method-list > button.is-selected { background: var(--accent-soft); box-shadow: inset 3px 0 var(--accent); }
.feature-method-list > footer { padding: 12px; border-top: 1px solid #e1e6eb; color: #8a6f70; text-align: center; }
.feature-method-detail { overflow: hidden; }
.feature-method-detail > header { align-items: center; border-bottom: 1px solid #e0e6ec; }
.feature-method-detail > header span { color: #9c4a4e; font-size: 11px; }
.feature-method-detail > header h4 { margin-top: 3px; font-size: 18px; }
.feature-method-detail > header > button { background: var(--accent); color: #fff; }
.feature-run-strip { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; border-bottom: 1px solid #e0e6ec; }
.feature-run-strip > div { padding: 11px 14px; border-right: 1px solid #e3e8ed; }
.feature-run-strip > div:last-child { border-right: 0; }
.feature-run-strip dt { color: #7e8994; }
.feature-run-strip dd { margin: 3px 0 0; font-weight: 600; }
.feature-rule-line { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 10px 14px; border-bottom: 1px solid #e0e6ec; }
.feature-rule-line span { margin-right: 4px; color: #7d8792; }
.feature-rule-line b { padding: 4px 7px; border-radius: 3px; background: #f0f4f7; color: #536574; font-weight: 500; }
.feature-method-detail > .feature-wide-table { margin: 0; border: 0; border-radius: 0; box-shadow: none; overflow-x: auto; }
.feature-method-detail td button { border: 0; color: #356388; }
.feature-method-detail > footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 14px; border-top: 1px solid #e0e6ec; color: #7d8792; }

/* Full AI stock-analysis result page, faithfully rebuilt with HTML/CSS. */
.ai-result-page { overflow: hidden; border: 1px solid #d7dde4; border-radius: 18px; background: #f5f7fa; box-shadow: 0 28px 72px -50px rgba(39,47,57,.65); color: #29323c; text-align: left; }
.ai-result-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 52px; padding: 8px 14px; border-bottom: 1px solid #dce2e8; background: #fff; color: #74808c; font-size: 11px; }
.ai-result-toolbar > div { display: flex; align-items: center; gap: 10px; }
.ai-result-toolbar button,
.ai-result-footer button { min-height: 34px; padding: 6px 11px; border: 1px solid #d2dae2; border-radius: 5px; background: #fff; color: #3e647f; cursor: pointer; }
.ai-result-toolbar button:hover,
.ai-result-footer button:hover { background: #edf4f8; }
.ai-result-state { display: inline-flex; align-items: center; gap: 6px; color: #35745f; }
.ai-result-state i { width: 7px; height: 7px; border-radius: 50%; background: #2e9872; box-shadow: 0 0 0 3px rgba(46,152,114,.12); }
.ai-result-stockbar { display: grid; grid-template-columns: minmax(250px,.55fr) minmax(0,1fr); align-items: center; gap: 30px; padding: 18px 22px; border-bottom: 1px solid #dce2e8; background: #fff; }
.ai-result-stockbar > div { display: grid; grid-template-columns: auto auto 1fr; align-items: baseline; gap: 8px 12px; }
.ai-stock-code { grid-column: 1 / -1; color: #8a5559; font-size: 11px; }
.ai-result-stockbar h3 { margin: 0; font-size: 23px; }
.ai-result-stockbar small { color: #7b8691; }
.ai-result-stockbar dl { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; }
.ai-result-stockbar dl > div { padding: 3px 16px; border-left: 1px solid #e1e6eb; }
.ai-result-stockbar dt { color: #7d8792; font-size: 11px; }
.ai-result-stockbar dd { margin: 3px 0 0; font-size: 15px; font-weight: 650; font-variant-numeric: tabular-nums; }
.ai-up { color: #bb3036; }
.ai-result-nav { display: flex; gap: 3px; overflow-x: auto; padding: 8px 18px 0; border-bottom: 1px solid #dce2e8; background: #fff; scrollbar-width: thin; }
.ai-result-nav a { flex: none; padding: 8px 13px 10px; border-bottom: 2px solid transparent; color: #66727e; font-size: 12px; }
.ai-result-nav a:first-child { border-color: #9b3a3f; color: #96363b; font-weight: 600; }
.ai-result-nav a:hover { color: #96363b; }
.ai-result-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(400px,.72fr); gap: 32px; align-items: end; margin: 14px; padding: 26px 28px; border: 1px solid #e3d8d6; border-radius: 10px; background: linear-gradient(135deg,#fff 0%,#fff8f4 100%); }
.ai-result-hero > div > small { margin-left: 10px; color: #7c8792; font-size: 11px; }
.ai-result-hero h3 { margin: 14px 0 8px; font-size: clamp(24px,3vw,34px); line-height: 1.3; letter-spacing: -.025em; }
.ai-result-hero p { max-width: 760px; margin: 0; color: #64707b; font-size: 13px; line-height: 1.8; }
.ai-result-hero dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border: 1px solid #e2d9d7; border-radius: 7px; background: rgba(255,255,255,.72); }
.ai-result-hero dl > div { padding: 12px 14px; border-right: 1px solid #e6dfdd; border-bottom: 1px solid #e6dfdd; }
.ai-result-hero dl > div:nth-child(even) { border-right: 0; }
.ai-result-hero dl > div:nth-last-child(-n+2) { border-bottom: 0; }
.ai-result-hero dt,
.ai-result-hero small { color: #7f8993; font-size: 10px; }
.ai-result-hero dd { margin: 3px 0; color: #4b3d3f; font-size: 17px; font-weight: 650; }
.ai-result-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 12px; align-items: start; padding: 0 14px 14px; }
.ai-result-main { display: grid; gap: 12px; min-width: 0; }
.ai-result-section { scroll-margin-top: 100px; overflow: hidden; border: 1px solid #dce2e8; border-radius: 8px; background: #fff; }
.ai-result-section > header { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; gap: 10px; align-items: start; padding: 16px 18px 12px; border-bottom: 1px solid #e2e7ec; }
.ai-result-section > header > span { color: #99545a; font-size: 11px; }
.ai-result-section > header h4 { margin: 0; font-size: 16px; }
.ai-result-section > header p { margin: 3px 0 0; color: #77828d; font-size: 11px; }
.ai-result-section > header > small { color: #7f8993; font-size: 11px; }
.ai-section-summary { padding: 15px 18px; border-bottom: 1px solid #e2e7ec; background: #fbfcfd; }
.ai-section-summary b { display: block; margin-bottom: 5px; font-size: 13px; }
.ai-section-summary p { margin: 0; color: #697580; font-size: 12px; line-height: 1.7; }
.ai-data-table-wrap { overflow-x: auto; }
.ai-data-table { width: 100%; min-width: 650px; border-collapse: collapse; font-size: 12px; }
.ai-data-table :is(th,td) { padding: 10px 14px; border-bottom: 1px solid #e6ebef; text-align: left; font-variant-numeric: tabular-nums; }
.ai-data-table thead th { background: #f5f7f9; color: #66727e; font-weight: 500; }
.ai-data-table tbody th { font-weight: 600; }
.ai-data-table tbody tr:last-child > * { border-bottom: 0; }
.ai-factor-summary { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid #e2e7ec; }
.ai-factor-summary article { padding: 15px 18px; border-right: 1px solid #e2e7ec; }
.ai-factor-summary article:last-child { border-right: 0; }
.ai-factor-summary span { color: #8a5559; font-size: 11px; }
.ai-factor-summary b { display: block; margin: 5px 0; font-size: 14px; }
.ai-factor-summary p { margin: 0; color: #75808b; font-size: 11px; line-height: 1.6; }
.ai-valuation-grid { display: grid; grid-template-columns: minmax(380px,.9fr) minmax(0,1.1fr); gap: 22px; padding: 18px; }
.ai-valuation-grid dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border: 1px solid #e1e6eb; border-radius: 6px; }
.ai-valuation-grid dl > div { padding: 11px 13px; border-right: 1px solid #e1e6eb; border-bottom: 1px solid #e1e6eb; }
.ai-valuation-grid dl > div:nth-child(even) { border-right: 0; }
.ai-valuation-grid dl > div:nth-last-child(-n+2) { border-bottom: 0; }
.ai-valuation-grid dt { color: #7d8792; font-size: 11px; }
.ai-valuation-grid dd { margin: 3px 0 0; font-weight: 650; }
.ai-valuation-grid > p { margin: 0; color: #66727d; font-size: 12px; line-height: 1.8; }
.ai-signal-ledger { padding: 4px 18px 12px; }
.ai-signal-ledger > div { display: grid; grid-template-columns: 58px 120px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 11px 0; border-bottom: 1px solid #e4e9ed; }
.ai-signal-ledger > div:last-child { border-bottom: 0; }
.ai-signal-ledger span { color: #8f565a; }
.ai-signal-ledger p { margin: 0; color: #6c7782; }
.ai-signal-ledger time { color: #89939d; font-size: 11px; }
.ai-raw-factors { display: grid; grid-template-columns: repeat(4,1fr); }
.ai-raw-factors > div { padding: 11px 14px; border-right: 1px solid #e5eaee; border-bottom: 1px solid #e5eaee; }
.ai-raw-factors > div:nth-child(4n) { border-right: 0; }
.ai-raw-factors > div:nth-last-child(-n+4) { border-bottom: 0; }
.ai-raw-factors span { display: block; color: #7e8994; font-size: 10px; }
.ai-raw-factors b { display: block; margin-top: 3px; font-size: 13px; font-variant-numeric: tabular-nums; }
.ai-result-aside { display: grid; gap: 12px; position: sticky; top: 92px; }
.ai-result-aside > section { padding: 16px; border: 1px solid #dce2e8; border-radius: 8px; background: #fff; }
.ai-result-aside h4 { margin: 0 0 12px; font-size: 14px; }
.ai-result-aside section:first-child > div { padding: 10px 0; border-top: 1px solid #e4e9ed; }
.ai-result-aside :is(span,b,small) { display: block; }
.ai-result-aside span,
.ai-result-aside small { color: #7d8792; font-size: 10px; }
.ai-result-aside b { margin: 3px 0; font-size: 13px; }
.ai-result-aside ol { margin: 0; padding-left: 18px; color: #606c77; font-size: 11px; line-height: 1.8; }
.ai-result-aside li { margin-bottom: 7px; }
.ai-result-aside .ai-result-boundary { border-left: 3px solid #b79b75; background: #f7f2ea; }
.ai-result-boundary p { margin: 6px 0 0; color: #6d645a; font-size: 11px; line-height: 1.7; }
.ai-result-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 16px; border-top: 1px solid #dce2e8; background: #fff; color: #76818c; font-size: 11px; }
.ai-result-footer button { border-color: var(--accent); background: var(--accent); color: #fff; }

@media (max-width: 900px) {
  .feature-market-strip { grid-template-columns: repeat(3,1fr); }
  .feature-market-strip > div { border-bottom: 1px solid #e0e6ec; }
  .feature-monitor-grid,
  .feature-judgement-grid,
  .feature-screen-layout { grid-template-columns: 1fr; }
  .feature-method-list { display: grid; grid-template-columns: repeat(4,minmax(180px,1fr)); overflow-x: auto; }
  .feature-method-list > header,
  .feature-method-list > footer { display: none; }
  .feature-method-list > button { border-top: 0; border-right: 1px solid #e3e8ed; }
  .ai-result-stockbar,
  .ai-result-hero,
  .ai-result-layout { grid-template-columns: 1fr; }
  .ai-result-aside { grid-template-columns: repeat(3,1fr); position: static; }
  .ai-result-stockbar dl { border-top: 1px solid #e2e7ec; padding-top: 12px; }
  .ai-result-stockbar dl > div:first-child { border-left: 0; }
}

@media (max-width: 650px) {
  .product-section .product-feature { padding: 6px; border-radius: 14px; }
  .product-workspace { border-radius: 10px; }
  .feature-desktop-page { min-height: 0; }
  .feature-page-title { display: block; padding: 18px 16px 14px; }
  .feature-page-title > div:last-child { margin-top: 12px; justify-content: space-between; }
  .feature-page-tabs { padding-left: 10px; }
  .feature-market-strip,
  .judgement-strip { grid-template-columns: 1fr 1fr; }
  .feature-market-strip > div { padding: 11px; }
  .feature-emotion-body { grid-template-columns: 1fr; }
  .feature-emotion-body > div { display: flex; align-items: baseline; gap: 5px 12px; border-right: 0; }
  .feature-emotion-body > div p { margin-left: auto; }
  .feature-workflow > div,
  .feature-matrix { grid-template-columns: 1fr; }
  .feature-workflow article:nth-child(odd) { border-right: 0; }
  .feature-wide-table { overflow-x: auto; }
  .feature-wide-table table { min-width: 680px; }
  .feature-sector-list { overflow-x: auto; }
  .feature-sector-columns,
  .feature-sector-list > button { min-width: 500px; }
  .feature-method-detail > header { display: block; }
  .feature-method-detail > header > button { margin-top: 10px; }
  .feature-run-strip { grid-template-columns: 1fr 1fr; }
  .feature-run-strip > div:nth-child(even) { border-right: 0; }
  .feature-method-detail > footer { align-items: flex-start; flex-direction: column; }
  .ai-result-toolbar { align-items: flex-start; flex-direction: column; }
  .ai-result-toolbar > div:last-child { width: 100%; flex-wrap: wrap; }
  .ai-result-stockbar { padding: 16px; }
  .ai-result-stockbar dl { grid-template-columns: 1fr 1fr; }
  .ai-result-stockbar dl > div:nth-child(odd) { border-left: 0; }
  .ai-result-hero { margin: 8px; padding: 20px 16px; }
  .ai-result-hero dl,
  .ai-factor-summary,
  .ai-result-aside { grid-template-columns: 1fr; }
  .ai-result-hero dl > div { border-right: 0; }
  .ai-result-hero dl > div:nth-last-child(2) { border-bottom: 1px solid #e6dfdd; }
  .ai-result-layout { padding: 0 8px 8px; }
  .ai-factor-summary article { border-right: 0; border-bottom: 1px solid #e2e7ec; }
  .ai-valuation-grid { grid-template-columns: 1fr; padding: 14px; }
  .ai-signal-ledger > div { grid-template-columns: 48px 1fr; }
  .ai-signal-ledger p,
  .ai-signal-ledger time { grid-column: 2; }
  .ai-raw-factors { grid-template-columns: 1fr 1fr; }
  .ai-raw-factors > div:nth-child(4n) { border-right: 1px solid #e5eaee; }
  .ai-raw-factors > div:nth-child(2n) { border-right: 0; }
  .ai-raw-factors > div:nth-last-child(-n+4) { border-bottom: 1px solid #e5eaee; }
  .ai-raw-factors > div:nth-last-child(-n+2) { border-bottom: 0; }
  .ai-result-footer { align-items: flex-start; flex-direction: column; }
}

/* Desktop-faithful product workspaces (2026-10 refresh). */
.preview-sidebar { justify-content: flex-start; }
.feature-radar-title,
.feature-research-command {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-height: 68px;
  padding: 12px 18px;
  border-bottom: 1px solid #dce3e9;
  background: #fff;
}
.feature-radar-title > div,
.feature-research-command > div { display: flex; align-items: center; gap: 9px; }
.feature-radar-title h3 { margin: 1px 0; font-size: 19px; line-height: 1.25; }
.feature-radar-title p,
.feature-research-command small { margin: 0; color: #7b8792; font-size: 10px; }
.feature-radar-title span { color: #8c555a; font-size: 10px; }
.feature-live-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #ce383e; box-shadow: 0 0 0 4px rgba(206,56,62,.12); }
.feature-date-control,
.feature-market-status { padding: 6px 8px; border: 1px solid #d8e0e6; border-radius: 4px; background: #f8fafb; color: #67737f !important; white-space: nowrap; }
.feature-market-status { border-color: #d7e7df; background: #f0f8f4; color: #307359 !important; }
.feature-radar-title button,
.feature-research-command button,
.feature-product-inspector button,
.feature-selection-results button {
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid #cfd8df;
  border-radius: 4px;
  background: #fff;
  color: #345e7f;
  font-size: 11px;
}
.feature-radar-title button.primary,
.feature-stock-decision .primary,
.feature-product-inspector button.primary { border-color: var(--accent); background: var(--accent); color: #fff; }
.feature-index-strip { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid #dce3e9; background: #fff; }
.feature-index-strip article { padding: 9px 14px; border-right: 1px solid #e5eaee; }
.feature-index-strip article:last-child { border-right: 0; }
.feature-index-strip span,
.feature-index-strip small { display: block; color: #84909a; font-size: 9px; }
.feature-index-strip b { display: block; margin: 2px 0; font-size: 13px; font-variant-numeric: tabular-nums; }
.feature-index-strip em { margin-left: 5px; color: #ba3037; font-style: normal; font-size: 10px; }
.feature-kpi-strip { display: grid; grid-template-columns: repeat(7,1fr); margin: 0; border-bottom: 1px solid #dce3e9; background: #fbfcfd; }
.feature-kpi-strip > div { min-width: 0; padding: 9px 11px; border-right: 1px solid #e5eaee; }
.feature-kpi-strip > div:last-child { border-right: 0; }
.feature-kpi-strip dt,
.feature-kpi-strip small { overflow: hidden; color: #7c8791; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.feature-kpi-strip dd { margin: 3px 0 1px; font-size: 13px; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.feature-kpi-strip em { color: #ba3037; font-style: normal; }
.feature-page-tabs small { margin-left: auto; padding: 9px 0 0; color: #8a949d; font-size: 9px; white-space: nowrap; }
.feature-monitor-grid { grid-template-columns: minmax(0,1.16fr) minmax(240px,.55fr) minmax(250px,.62fr); }
.feature-capital-pulse dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0 12px; border-block: 1px solid #e2e7ec; }
.feature-capital-pulse dl > div { padding: 10px; border-right: 1px solid #e2e7ec; border-bottom: 1px solid #e2e7ec; }
.feature-capital-pulse dl > div:nth-child(even) { border-right: 0; }
.feature-capital-pulse dl > div:nth-last-child(-n+2) { border-bottom: 0; }
.feature-capital-pulse dt { color: #7d8791; font-size: 10px; }
.feature-capital-pulse dd { margin: 3px 0 0; font-size: 13px; font-weight: 650; }
.feature-capital-pulse footer { padding: 9px 12px; color: #7a8590; font-size: 10px; }
.feature-sector-table { margin: 10px; overflow: hidden; }
.feature-sector-table > header { align-items: center; border-bottom: 1px solid #e0e6eb; }
.feature-sector-head,
.feature-sector-summary { display: grid; grid-template-columns: minmax(180px,1.5fr) .55fr .65fr .8fr .85fr .55fr .7fr; gap: 10px; align-items: center; }
.feature-sector-head { padding: 7px 13px; background: #f3f6f8; color: #7b8690; font-size: 9px; }
.feature-sector-summary { min-height: 39px; padding: 7px 13px; border-top: 1px solid #e7ebef; font-variant-numeric: tabular-nums; }
.feature-sector-head + .feature-sector-row .feature-sector-summary { border-top: 0; }
.feature-sector-summary b { font-size: 11px; }
.feature-sector-summary b i { display: inline-block; width: 15px; color: #557690; font-style: normal; }
.feature-sector-summary em { color: #ba3037; font-style: normal; }
.feature-sector-summary small { width: fit-content; padding: 2px 5px; border-radius: 3px; background: #eef3f6; color: #62717e; }
.feature-sector-summary .is-risk { background: #fff0ed; color: #ac3238; }
.feature-sector-row.is-expanded { background: #fbfdff; box-shadow: inset 3px 0 var(--accent); }
.feature-sector-expansion { margin: 0 13px 10px 37px; border: 1px solid #dbe4eb; border-radius: 5px; background: #fff; }
.feature-sector-expansion dl { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; border-bottom: 1px solid #e3e8ed; }
.feature-sector-expansion dl > div { padding: 8px 10px; border-right: 1px solid #e3e8ed; }
.feature-sector-expansion dl > div:last-child { border-right: 0; }
.feature-sector-expansion dt { color: #828d97; font-size: 9px; }
.feature-sector-expansion dd { margin: 2px 0 0; font-weight: 650; }
.feature-sector-expansion nav { display: flex; gap: 4px; padding: 6px 8px 0; border-bottom: 1px solid #e6eaee; }
.feature-sector-expansion nav :is(b,span) { padding: 5px 8px 7px; border-bottom: 2px solid transparent; color: #71808b; font-size: 9px; font-weight: 500; }
.feature-sector-expansion nav b { border-color: var(--accent); color: var(--accent-hover); }
.feature-sector-stocks { display: grid; grid-template-columns: repeat(4,1fr); }
.feature-sector-stocks article { display: grid; grid-template-columns: 1fr auto; gap: 2px 7px; padding: 8px 10px; border-right: 1px solid #e6eaee; }
.feature-sector-stocks article:last-child { border-right: 0; }
.feature-sector-stocks b { font-size: 10px; }
.feature-sector-stocks code,
.feature-sector-stocks span { color: #84909a; font-size: 8px; }
.feature-sector-stocks em { grid-column: 2; grid-row: 1 / 3; align-self: center; color: #ba3037; font-style: normal; font-weight: 650; }

/* ResearchWorkbenchView structure. */
.feature-research-page { background: #f3f6f8; }
.feature-research-command b { display: block; font-size: 15px; }
.feature-research-command > div:last-child { color: #7c8791; font-size: 10px; }
.feature-research-status { display: flex; align-items: center; gap: 9px; padding: 7px 14px; border-bottom: 1px solid #dce3e9; background: #fff; }
.feature-research-status span { color: #7c8791; font-size: 9px; }
.feature-research-status b { color: #3f5f78; font-size: 10px; }
.feature-research-status small { margin-left: auto; color: #8b959e; font-size: 9px; }
.feature-decision-band { display: grid; grid-template-columns: 1fr 1.25fr .85fr; gap: 8px; padding: 8px; }
.feature-decision-band > article { min-width: 0; padding: 11px 12px; border: 1px solid #d8e0e6; border-radius: 5px; background: #fff; }
.feature-decision-band > article > span { color: #7d8892; font-size: 9px; }
.feature-regime-card > div { display: flex; align-items: baseline; justify-content: space-between; margin: 5px 0; }
.feature-regime-card > div b { font-size: 17px; }
.feature-regime-card > div em { color: #ba3037; font-style: normal; }
.feature-regime-card p { margin: 0 0 8px; color: #66727d; font-size: 10px; line-height: 1.45; }
.feature-regime-card dl,
.feature-budget-card dl { display: grid; grid-template-columns: repeat(3,1fr); margin: 0; }
.feature-regime-card dl > div,
.feature-budget-card dl > div { padding-right: 7px; border-right: 1px solid #e4e8ec; }
.feature-regime-card dl > div:last-child,
.feature-budget-card dl > div:last-child { border-right: 0; }
.feature-regime-card dt,
.feature-budget-card dt { color: #87919a; font-size: 8px; }
.feature-regime-card dd,
.feature-budget-card dd { margin: 2px 0 0; font-size: 10px; font-weight: 650; }
.feature-evidence-card ol { display: grid; gap: 4px; margin: 6px 0 0; padding: 0; list-style: none; }
.feature-evidence-card li { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; gap: 6px; align-items: center; padding: 5px 0; border-top: 1px solid #e7ebef; }
.feature-evidence-card li b { color: #7b8791; font-size: 9px; }
.feature-evidence-card li p { margin: 0; font-size: 9px; }
.feature-evidence-card li em { padding: 2px 4px; border-radius: 3px; background: #edf5f1; color: #39765f; font-style: normal; font-size: 8px; }
.feature-evidence-card li em.is-risk { background: #fff0ed; color: #a73339; }
.feature-budget-card strong { display: block; margin: 5px 0; font-size: 15px; }
.feature-budget-meter { overflow: hidden; height: 5px; margin: 7px 0 10px; border-radius: 8px; background: #e8edf1; }
.feature-budget-meter i { display: block; height: 100%; background: #5d8099; }
.feature-budget-card dl { grid-template-columns: 1fr; gap: 4px; }
.feature-budget-card dl > div { display: flex; justify-content: space-between; padding: 2px 0; border-right: 0; }
.feature-budget-card > small { display: block; margin-top: 5px; color: #929ba3; font-size: 8px; }
.feature-research-workspace { display: grid; grid-template-columns: minmax(220px,.7fr) minmax(235px,.75fr) minmax(310px,1.05fr); gap: 8px; padding: 0 8px 8px; }
.feature-theme-rail,
.feature-candidate-column,
.feature-stock-decision { min-width: 0; overflow: hidden; border: 1px solid #d8e0e6; border-radius: 5px; background: #fff; }
.feature-theme-rail > header,
.feature-candidate-column > header,
.feature-stock-decision > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 10px; border-bottom: 1px solid #e2e7eb; }
.feature-theme-rail header b,
.feature-theme-rail header small,
.feature-candidate-column header b,
.feature-candidate-column header small { display: block; }
.feature-theme-rail header small,
.feature-candidate-column header small { margin-top: 2px; color: #85909a; font-size: 8px; }
.feature-theme-rail button,
.feature-candidate-column button,
.feature-stock-decision button { border: 1px solid #d5dde4; border-radius: 3px; background: #fff; color: #536d82; font-size: 9px; }
.feature-theme-filter,
.feature-candidate-filters { display: flex; gap: 3px; padding: 6px 8px; background: #f6f8fa; }
.feature-theme-filter button,
.feature-candidate-filters button { padding: 3px 6px; border: 0; background: transparent; color: #77828d; }
.feature-theme-filter button.is-active,
.feature-candidate-filters button.is-active { background: #fff; color: var(--accent-hover); box-shadow: 0 0 0 1px #d8e1e8; }
.feature-theme-rail > article,
.feature-candidate-column > article { padding: 9px 10px; border-top: 1px solid #e6eaee; }
.feature-theme-rail > article.is-selected,
.feature-candidate-column > article.is-selected { background: var(--accent-soft); box-shadow: inset 3px 0 var(--accent); }
.feature-theme-rail article > div,
.feature-theme-rail article p,
.feature-candidate-column article > div { display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.feature-theme-rail article em { padding: 2px 4px; border-radius: 3px; background: #edf5f1; color: #32745b; font-style: normal; font-size: 8px; }
.feature-theme-rail article p { margin: 5px 0; color: #68747f; font-size: 9px; }
.feature-theme-rail article > i { display: block; overflow: hidden; height: 4px; border-radius: 5px; background: #e6ebef; }
.feature-theme-rail article > i u { display: block; height: 100%; background: #63849c; text-decoration: none; }
.feature-theme-rail article > small { display: block; margin-top: 5px; color: #88929b; font-size: 8px; }
.feature-candidate-column article > div { justify-content: flex-start; }
.feature-candidate-column article code { color: #8a949d; font-size: 8px; }
.feature-candidate-column article em { margin-left: auto; color: #8c353a; font-style: normal; font-weight: 700; }
.feature-candidate-column article p { display: flex; gap: 3px; margin: 5px 0; }
.feature-candidate-column article p span { padding: 2px 4px; border: 1px solid #d5e0e8; border-radius: 3px; color: #4e6c83; font-size: 8px; }
.feature-candidate-column article > small { color: #7d8892; font-size: 8px; }
.feature-stock-decision > header div { display: flex; align-items: center; gap: 5px; }
.feature-stock-decision > header code { color: #87919a; font-size: 8px; }
.feature-stock-decision > header span { padding: 2px 4px; border-radius: 3px; background: #eef3f6; font-size: 8px; }
.feature-stock-quote { display: flex; align-items: baseline; gap: 7px; padding: 9px 10px; }
.feature-stock-quote b { font-size: 20px; }
.feature-stock-quote em { color: #ba3037; font-style: normal; font-weight: 650; }
.feature-stock-quote span { color: #8b959e; font-size: 8px; }
.feature-stock-decision > nav { display: flex; gap: 4px; padding: 0 8px; border-bottom: 1px solid #e3e8ec; }
.feature-stock-decision > nav :is(b,span) { padding: 6px 7px; border-bottom: 2px solid transparent; color: #7b8690; font-size: 9px; }
.feature-stock-decision > nav b { border-color: var(--accent); color: var(--accent-hover); }
.feature-stock-decision > article { padding: 10px; border-bottom: 1px solid #e6eaee; }
.feature-stock-decision > article span { color: #8a949d; font-size: 8px; }
.feature-stock-decision > article h4 { margin: 4px 0; font-size: 13px; }
.feature-stock-decision > article p { margin: 0; color: #66727d; font-size: 9px; line-height: 1.55; }
.feature-stock-decision > dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border-bottom: 1px solid #e4e9ed; }
.feature-stock-decision > dl > div { padding: 7px 10px; border-right: 1px solid #e4e9ed; border-bottom: 1px solid #e4e9ed; }
.feature-stock-decision > dl > div:nth-child(even) { border-right: 0; }
.feature-stock-decision > dl > div:nth-last-child(-n+2) { border-bottom: 0; }
.feature-stock-decision dt { color: #87919a; font-size: 8px; }
.feature-stock-decision dd { margin: 2px 0 0; font-size: 9px; font-weight: 650; }
.feature-stock-decision dd em { float: right; color: #39765f; font-style: normal; font-size: 8px; }
.feature-stock-decision > section { display: grid; gap: 5px; padding: 9px 10px; }
.feature-stock-decision > section > b { margin-bottom: 2px; }
.feature-stock-decision label { color: #66727d; font-size: 9px; }
.feature-stock-decision label i { display: inline-grid; place-items: center; width: 14px; height: 14px; margin-right: 4px; border-radius: 50%; background: #edf5f1; color: #36765d; font-style: normal; }
.feature-stock-decision > footer { display: flex; justify-content: flex-end; gap: 6px; padding: 8px 10px; border-top: 1px solid #e4e9ed; }

/* Strategy / algorithm / pattern workbench. */
.feature-screen-tabs { display: flex; gap: 3px; padding: 8px 16px 0; border-bottom: 1px solid #dce3e9; background: #fff; }
.feature-screen-tabs button { min-width: 74px; padding: 7px 12px 9px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #697681; font-size: 11px; }
.feature-screen-tabs button[aria-selected="true"] { border-color: var(--accent); color: var(--accent-hover); font-weight: 650; }
.feature-screen-tabs small { margin-left: auto; padding-top: 8px; color: #8a949d; font-size: 9px; }
.feature-selection-overview { display: grid; grid-template-columns: repeat(5,1fr); margin: 0; border-bottom: 1px solid #dce3e9; background: #fbfcfd; }
.feature-selection-overview > div { padding: 9px 12px; border-right: 1px solid #e4e9ed; }
.feature-selection-overview > div:last-child { border-right: 0; }
.feature-selection-overview dt,
.feature-selection-overview small { color: #84909a; font-size: 8px; }
.feature-selection-overview dd { margin: 2px 0; font-size: 13px; font-weight: 650; }
.feature-run-matrix { display: grid; grid-template-columns: minmax(380px,.9fr) minmax(340px,1.1fr); gap: 8px; padding: 8px; }
.feature-run-list,
.feature-product-inspector,
.feature-selection-results { overflow: hidden; border: 1px solid #d8e0e6; border-radius: 5px; background: #fff; }
.feature-run-list > header,
.feature-product-inspector > header,
.feature-selection-results > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 11px; border-bottom: 1px solid #e2e7eb; }
.feature-run-list header b,
.feature-run-list header small { display: block; }
.feature-run-list header small { margin-top: 2px; color: #84909a; font-size: 8px; }
.feature-run-list header button { border: 1px solid #d5dde4; border-radius: 3px; background: #fff; color: #617586; font-size: 9px; }
.feature-run-head,
.feature-run-list > button { display: grid; grid-template-columns: minmax(140px,1.3fr) .65fr .4fr .85fr; gap: 8px; align-items: center; width: 100%; }
.feature-run-head { padding: 6px 10px; background: #f4f7f9; color: #7c8791; font-size: 8px; }
.feature-run-list > button { min-height: 44px; padding: 7px 10px; border: 0; border-top: 1px solid #e5eaee; background: #fff; color: #53606b; text-align: left; }
.feature-run-list > button.is-selected { background: var(--accent-soft); box-shadow: inset 3px 0 var(--accent); }
.feature-run-list > button span b,
.feature-run-list > button span small { display: block; }
.feature-run-list > button span small { color: #87919a; font-size: 8px; }
.feature-run-list > button em { color: #34745c; font-style: normal; font-size: 9px; }
.feature-run-list > button strong { font-size: 11px; text-align: center; }
.feature-run-list > button time { color: #7d8892; font-size: 8px; }
.feature-product-inspector > header span { color: #87919a; font-size: 8px; }
.feature-product-inspector > header h4 { display: inline-block; margin: 3px 7px 0 0; font-size: 15px; }
.feature-product-inspector > header small { padding: 2px 4px; border-radius: 3px; background: #fff0ed; color: #9f3237; font-size: 8px; }
.feature-product-inspector > p { margin: 0; padding: 9px 11px; border-bottom: 1px solid #e4e9ed; color: #66727d; font-size: 9px; line-height: 1.55; }
.feature-product-inspector > dl { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; border-bottom: 1px solid #e4e9ed; }
.feature-product-inspector > dl > div { padding: 8px 10px; border-right: 1px solid #e4e9ed; }
.feature-product-inspector > dl > div:last-child { border-right: 0; }
.feature-product-inspector dt { color: #87919a; font-size: 8px; }
.feature-product-inspector dd { margin: 2px 0 0; font-size: 9px; font-weight: 650; }
.feature-product-inspector > section { padding: 9px 11px; }
.feature-product-inspector > section > b { display: block; margin-bottom: 6px; font-size: 9px; }
.feature-product-inspector > section > div { display: flex; flex-wrap: wrap; gap: 4px; }
.feature-product-inspector > section span { padding: 4px 6px; border-radius: 3px; background: #f0f4f7; color: #566876; font-size: 8px; }
.feature-product-inspector > footer { display: flex; align-items: center; justify-content: space-between; padding: 8px 11px; border-top: 1px solid #e4e9ed; color: #87919a; font-size: 8px; }
.feature-selection-results { margin: 0 8px 8px; }
.feature-selection-results header b,
.feature-selection-results header small { display: block; }
.feature-selection-results header small { margin-top: 2px; color: #85909a; font-size: 8px; }
.feature-selection-results header > div:last-child { display: flex; align-items: center; gap: 7px; color: #6e7a85; font-size: 9px; }
.feature-selection-results table { width: 100%; border-collapse: collapse; }
.feature-selection-results th,
.feature-selection-results td { padding: 8px 11px; border-bottom: 1px solid #e5eaee; text-align: left; font-size: 9px; }
.feature-selection-results thead th { background: #f4f7f9; color: #717d88; font-weight: 500; }
.feature-selection-results tbody tr:last-child > * { border-bottom: 0; }
.feature-selection-results tbody th { display: grid; grid-template-columns: 20px auto 1fr; gap: 6px; align-items: center; }
.feature-selection-results tbody th > span { color: #9aa3ab; }
.feature-selection-results tbody th code { color: #89939c; font-size: 8px; }

/* Current desktop AI workbench and report. */
.ai-desktop-demo { overflow: hidden; border: 1px solid #ced7df; border-radius: 14px; background: #f3f6f8; box-shadow: 0 32px 78px -56px rgba(32,45,56,.75); color: #28323c; text-align: left; }
.ai-demo-page-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 64px; padding: 11px 15px; border-bottom: 1px solid #dbe2e8; background: #fff; }
.ai-demo-page-header > div:first-child { display: flex; align-items: center; gap: 9px; }
.ai-demo-brain { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 6px; background: #8f3338; color: #fff; }
.ai-demo-page-header h3 { margin: 0; font-size: 17px; }
.ai-demo-page-header p { margin: 2px 0 0; color: #7b8792; font-size: 9px; }
.ai-demo-service-tags { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.ai-demo-service-tags span { padding: 4px 6px; border: 1px solid #dbe2e8; border-radius: 3px; background: #f8fafb; color: #6d7883; font-size: 8px; }
.ai-demo-service-tags .online { border-color: #d8e8e0; color: #30765b; }
.ai-demo-tabs { display: flex; gap: 3px; padding: 7px 14px 0; border-bottom: 1px solid #dbe2e8; background: #fff; }
.ai-demo-tabs :is(b,span) { padding: 6px 10px 8px; border-bottom: 2px solid transparent; color: #707c87; font-size: 9px; font-weight: 500; }
.ai-demo-tabs b { border-color: var(--accent); color: var(--accent-hover); }
.ai-demo-tabs em { margin-left: 3px; color: #9a5559; font-style: normal; font-size: 8px; }
.ai-demo-workbench { display: grid; grid-template-columns: 230px minmax(0,1fr); align-items: start; min-height: 920px; }
.ai-demo-query-panel { position: sticky; top: 0; display: grid; align-content: start; gap: 7px; min-height: 100%; padding: 11px; border-right: 1px solid #dbe2e8; background: #fff; }
.ai-demo-query-panel > header { display: flex; justify-content: space-between; margin-bottom: 3px; padding-bottom: 9px; border-bottom: 1px solid #e3e8ec; }
.ai-demo-query-panel > header span,
.ai-demo-query-panel label { color: #7c8791; font-size: 8px; }
.ai-demo-stock-input,
.ai-demo-select { display: flex; align-items: center; gap: 6px; min-height: 34px; padding: 6px 8px; border: 1px solid #d6dee5; border-radius: 4px; font-size: 9px; }
.ai-demo-stock-input code { margin-left: auto; color: #87929c; font-size: 8px; }
.ai-demo-select span { margin-left: auto; }
.ai-demo-query-panel > button { min-height: 34px; border: 0; border-radius: 4px; background: #8f3338; color: #fff; font-weight: 650; }
.ai-demo-quota,
.ai-demo-query-note { display: flex; gap: 7px; padding: 8px; border-radius: 4px; background: #f3f7fa; color: #60717f; }
.ai-demo-quota p,
.ai-demo-query-note p { margin: 0; font-size: 8px; line-height: 1.5; }
.ai-demo-quota :is(b,small) { display: block; }
.ai-demo-quota small { color: #87929c; }
.ai-demo-query-panel > section { margin-top: 3px; padding-top: 9px; border-top: 1px solid #e3e8ec; }
.ai-demo-query-panel > section > strong { font-size: 9px; }
.ai-demo-query-panel dl { margin: 6px 0 0; }
.ai-demo-query-panel dl > div { display: flex; justify-content: space-between; padding: 5px 0; border-top: 1px solid #edf0f3; }
.ai-demo-query-panel dt { color: #87919a; font-size: 8px; }
.ai-demo-query-panel dd { margin: 0; font-size: 8px; font-weight: 650; }
.ai-result-page.ai-desktop-report { border: 0; border-radius: 0; background: #f3f6f8; box-shadow: none; }
.ai-summary-strip { display: grid; grid-template-columns: auto minmax(0,1fr) 125px; gap: 13px; align-items: center; padding: 12px 14px; border-bottom: 1px solid #dce3e8; background: #fff; }
.ai-score-ring { display: grid; place-items: center; width: 66px; height: 66px; border-radius: 50%; background: radial-gradient(circle,#fff 57%,transparent 59%),conic-gradient(#a83b40 82%,#eceff2 0); }
.ai-score-ring b { margin-top: 9px; font-size: 18px; line-height: 1; }
.ai-score-ring span { margin-bottom: 9px; color: #7d8892; font-size: 7px; }
.ai-summary-copy > div { display: flex; align-items: center; gap: 6px; }
.ai-summary-copy h3 { margin: 0; font-size: 18px; }
.ai-summary-copy code { color: #87919b; font-size: 8px; }
.ai-summary-copy em { padding: 2px 4px; border-radius: 3px; background: #edf5f1; color: #32745b; font-style: normal; font-size: 7px; }
.ai-summary-copy button { margin-left: auto; padding: 4px 6px; border: 1px solid #d3dce3; border-radius: 3px; background: #fff; color: #4c6d84; font-size: 8px; }
.ai-summary-copy button + button { margin-left: 0; }
.ai-summary-copy p { margin: 5px 0 2px; color: #5f6c77; font-size: 9px; line-height: 1.55; }
.ai-summary-copy small { color: #8b959e; font-size: 7px; }
.ai-stance { display: grid; justify-items: end; }
.ai-stance span,
.ai-stance small { color: #838e98; font-size: 8px; }
.ai-stance strong { margin: 2px 0; color: #a63339; font-size: 17px; }
.ai-stance b { font-size: 9px; }
.ai-quote-strip { display: grid; grid-template-columns: repeat(6,1fr); border-bottom: 1px solid #dce3e8; background: #fff; }
.ai-quote-strip > div { padding: 8px 10px; border-right: 1px solid #e4e9ed; }
.ai-quote-strip > div:last-child { border-right: 0; }
.ai-quote-strip span { display: block; color: #838e98; font-size: 7px; }
.ai-quote-strip b { display: block; margin-top: 2px; font-size: 10px; }
.ai-company-panel,
.ai-demo-panel,
.ai-factor-interpretation,
.ai-desktop-report .ai-detail-grid > section,
.ai-raw-section,
.ai-risk-grid > section { margin: 8px; overflow: hidden; border: 1px solid #d9e1e7; border-radius: 5px; background: #fff; }
.ai-company-panel > header,
.ai-demo-panel > header,
.ai-factor-interpretation > header,
.ai-raw-section > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-bottom: 1px solid #e4e9ed; }
.ai-company-panel > header div :is(strong,span) { display: block; }
.ai-company-panel > header span,
.ai-company-panel > header em,
.ai-demo-panel > header span,
.ai-factor-interpretation > header span,
.ai-raw-section header span { color: #85909a; font-size: 7px; font-style: normal; }
.ai-company-panel > div { display: grid; grid-template-columns: repeat(5,1fr); }
.ai-company-panel article { padding: 8px 10px; border-right: 1px solid #e5eaee; }
.ai-company-panel article:last-child { border-right: 0; }
.ai-company-panel article :is(span,b,small) { display: block; }
.ai-company-panel article span,
.ai-company-panel article small { color: #838e98; font-size: 7px; }
.ai-company-panel article b { margin: 2px 0; font-size: 10px; }
.ai-report-primary { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); gap: 8px; padding: 0 8px; }
.ai-report-primary .ai-demo-panel { margin: 0; }
.ai-price-chart svg { display: block; width: 100%; height: 210px; background: linear-gradient(#fff,#fbfcfd); }
.ai-price-chart .grid path { stroke: #edf0f3; stroke-width: 1; }
.ai-price-chart .ma-line { fill: none; stroke: #a36c42; stroke-width: 2; }
.ai-price-chart .candles path { fill: #c94349; stroke: #c94349; stroke-width: 1.2; }
.ai-price-chart .candles path:nth-child(3n) { fill: #2f8b6b; stroke: #2f8b6b; }
.ai-price-chart .volumes path { fill: none; stroke: #aab8c3; stroke-width: 11; }
.ai-price-chart footer { display: flex; gap: 14px; padding: 7px 10px; border-top: 1px solid #e4e9ed; color: #6f7b86; font-size: 8px; }
.ai-evidence-snapshot > div { display: grid; grid-template-columns: repeat(3,1fr); }
.ai-evidence-snapshot article { padding: 7px 8px; border-right: 1px solid #e6eaee; border-bottom: 1px solid #e6eaee; }
.ai-evidence-snapshot article:nth-child(3n) { border-right: 0; }
.ai-evidence-snapshot article:nth-last-child(-n+3) { border-bottom: 0; }
.ai-evidence-snapshot article :is(span,b,small) { display: block; }
.ai-evidence-snapshot article span,
.ai-evidence-snapshot article small { color: #83909a; font-size: 7px; }
.ai-evidence-snapshot article b { margin: 2px 0; font-size: 9px; }
.ai-factor-interpretation { margin: 8px 8px 0; }
.ai-factor-interpretation > p { margin: 0; padding: 9px 10px; border-bottom: 1px solid #e4e9ed; color: #5f6d78; font-size: 9px; line-height: 1.55; }
.ai-factor-interpretation > div { display: grid; grid-template-columns: repeat(3,1fr); }
.ai-factor-interpretation article { padding: 8px 10px; border-right: 1px solid #e5eaee; border-bottom: 1px solid #e5eaee; }
.ai-factor-interpretation article:nth-child(3n) { border-right: 0; }
.ai-factor-interpretation article:nth-last-child(-n+3) { border-bottom: 0; }
.ai-factor-interpretation article :is(b,span) { display: block; }
.ai-factor-interpretation article b { font-size: 9px; }
.ai-factor-interpretation article span { margin-top: 3px; color: #74808b; font-size: 8px; line-height: 1.45; }
.ai-desktop-report .ai-detail-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; padding: 8px 8px 0; }
.ai-desktop-report .ai-detail-grid > section { margin: 0; }
.ai-desktop-report .ai-detail-grid section > header,
.ai-risk-grid section > header { padding: 8px 10px; border-bottom: 1px solid #e4e9ed; font-size: 9px; font-weight: 650; }
.ai-desktop-report .ai-detail-grid dl { margin: 0; }
.ai-desktop-report .ai-detail-grid dl > div { display: flex; justify-content: space-between; gap: 6px; padding: 5px 8px; border-top: 1px solid #eef1f3; }
.ai-desktop-report .ai-detail-grid dt { color: #838e98; font-size: 7px; }
.ai-desktop-report .ai-detail-grid dd { margin: 0; font-size: 8px; font-weight: 650; text-align: right; }
.ai-raw-section { margin-top: 8px; }
.ai-raw-section header > div :is(strong,span) { display: block; }
.ai-raw-section header em { color: #39765f; font-style: normal; font-size: 8px; }
.ai-raw-section .ai-raw-factors { grid-template-columns: repeat(8,1fr); }
.ai-raw-section .ai-raw-factors > div { padding: 6px 8px; }
.ai-raw-section .ai-raw-factors > div:nth-child(4n) { border-right: 1px solid #e5eaee; }
.ai-raw-section .ai-raw-factors > div:nth-child(8n) { border-right: 0; }
.ai-raw-section .ai-raw-factors > div:nth-last-child(-n+8) { border-bottom: 0; }
.ai-raw-section .ai-raw-factors span { font-size: 7px; }
.ai-raw-section .ai-raw-factors b { font-size: 9px; }
.ai-risk-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 8px 8px; }
.ai-risk-grid > section { margin: 0; }
.ai-risk-grid ul { margin: 0; padding: 7px 10px 7px 25px; color: #66727d; font-size: 8px; line-height: 1.65; }

@media (max-width: 1000px) {
  .feature-monitor-grid { grid-template-columns: 1fr 1fr; }
  .feature-capital-pulse { grid-column: 1 / -1; }
  .feature-kpi-strip { grid-template-columns: repeat(4,1fr); }
  .feature-kpi-strip > div:nth-child(4) { border-right: 0; }
  .feature-decision-band { grid-template-columns: 1fr 1fr; }
  .feature-budget-card { grid-column: 1 / -1; }
  .feature-research-workspace { grid-template-columns: 1fr 1fr; }
  .feature-stock-decision { grid-column: 1 / -1; }
  .feature-run-matrix { grid-template-columns: 1fr; }
  .ai-demo-workbench { grid-template-columns: 190px minmax(0,1fr); }
  .ai-report-primary { grid-template-columns: 1fr; }
  .ai-desktop-report .ai-detail-grid { grid-template-columns: 1fr 1fr; }
  .ai-raw-section .ai-raw-factors { grid-template-columns: repeat(6,1fr); }
  .ai-raw-section .ai-raw-factors > div:nth-child(8n) { border-right: 1px solid #e5eaee; }
  .ai-raw-section .ai-raw-factors > div:nth-child(6n) { border-right: 0; }
}

@media (max-width: 700px) {
  .feature-radar-title,
  .feature-research-command,
  .ai-demo-page-header { align-items: flex-start; flex-direction: column; }
  .feature-radar-title > div:last-child,
  .feature-research-command > div:last-child { flex-wrap: wrap; }
  .feature-index-strip,
  .feature-kpi-strip,
  .feature-selection-overview { grid-template-columns: 1fr 1fr; }
  .feature-monitor-grid,
  .feature-decision-band,
  .feature-research-workspace { grid-template-columns: 1fr; }
  .feature-capital-pulse,
  .feature-budget-card,
  .feature-stock-decision { grid-column: auto; }
  .feature-sector-head,
  .feature-sector-summary { min-width: 720px; }
  .feature-sector-row,
  .feature-sector-table { overflow-x: auto; }
  .feature-sector-expansion { min-width: 670px; }
  .feature-run-matrix { min-width: 690px; }
  .feature-selection-page { overflow-x: auto; }
  .ai-demo-workbench { grid-template-columns: 1fr; }
  .ai-demo-query-panel { position: static; min-height: 0; border-right: 0; border-bottom: 1px solid #dbe2e8; }
  .ai-summary-strip { grid-template-columns: auto 1fr; }
  .ai-stance { grid-column: 1 / -1; justify-items: start; }
  .ai-summary-copy > div { flex-wrap: wrap; }
  .ai-summary-copy button { margin-left: 0; }
  .ai-quote-strip { grid-template-columns: repeat(3,1fr); }
  .ai-company-panel > div { grid-template-columns: 1fr 1fr; }
  .ai-factor-interpretation > div,
  .ai-desktop-report .ai-detail-grid,
  .ai-risk-grid { grid-template-columns: 1fr; }
  .ai-raw-section .ai-raw-factors { grid-template-columns: repeat(3,1fr); }
  .ai-raw-section .ai-raw-factors > div:nth-child(6n) { border-right: 1px solid #e5eaee; }
  .ai-raw-section .ai-raw-factors > div:nth-child(3n) { border-right: 0; }
}

/* 1:1 desktop canvas. The entire application viewport is scaled as one surface,
   so the page never invents a second scrollbar or reflows the desktop layout. */
.product-preview-shell { margin-top: 30px; }
.product-preview-shell .preview-guide[hidden],
.product-preview-shell .demo-footer[hidden],
.product-preview-shell .demo-status[hidden] { display: none !important; }
.product-preview-shell .live-demo {
  container-type: inline-size;
  position: relative;
  width: 100%;
  aspect-ratio: 1500 / 1180;
  margin-top: 0;
  overflow: hidden;
  border-radius: 11px;
  background: #f3f5f8;
}
.preview-desktop-canvas {
  position: absolute;
  inset: 0 auto auto 0;
  width: 1500px;
  height: 1180px;
  overflow: hidden;
  transform: scale(calc(100cqw / 1500px));
  transform-origin: 0 0;
  background: #f3f5f8;
}
.preview-desktop-canvas .demo-titlebar { width: 1500px; height: 58px; min-height: 58px; padding: 8px 16px; }
.preview-desktop-canvas .preview-app-layout { width: 1500px; height: 1122px; grid-template-columns: 68px minmax(0,1fr); }
.preview-desktop-canvas .preview-sidebar { min-height: 0; padding: 10px 6px; overflow: hidden; }
.preview-desktop-canvas .demo-navigation { gap: 3px; }
.preview-desktop-canvas .demo-navigation button { min-height: 61px; padding: 6px 3px; border-radius: 4px; }
.preview-desktop-canvas .demo-navigation button svg { width: 20px; height: 20px; }
.preview-desktop-canvas .demo-navigation button b { font-size: 12px; }
.preview-desktop-canvas .demo-content { padding: 14px; overflow: hidden; scrollbar-width: none; }
.preview-desktop-canvas .demo-content::-webkit-scrollbar { display: none; }
.preview-desktop-canvas .live-demo button,
.preview-desktop-canvas button { min-height: 30px; border-radius: 5px; font-size: 12px; }
.preview-desktop-canvas .preview-section-heading { min-height: 58px; margin: 0; padding: 8px 14px; border-left-width: 3px; border-radius: 6px 6px 0 0; }
.preview-desktop-canvas .preview-radar-heading h3 { font-size: 18px; }
.preview-desktop-canvas .preview-radar-heading p { font-size: 12px; }
.preview-desktop-canvas .preview-radar-market-strip { min-width: 0 !important; min-height: 47px; margin: 0; border: 0; border-radius: 0; grid-template-columns: 190px repeat(3,minmax(180px,1fr)) 185px; color: #f7f9fc; background: #252d3d; }
.preview-desktop-canvas .preview-radar-market-strip > div { display: flex; min-width: 0; padding: 7px 13px; }
.preview-desktop-canvas .preview-radar-market-strip > div { border-color: rgba(255,255,255,.10); }
.preview-desktop-canvas .preview-radar-market-strip span { color: #b9c2d1; font-size: 12px; }
.preview-desktop-canvas .preview-radar-market-strip b { color: #f7f9fc; font-size: 13px; }
.preview-desktop-canvas .preview-radar-market-strip em { color: #f07f8e; font-size: 11px; }
.preview-desktop-canvas .preview-radar-market-state i { background: #49bf96; box-shadow: 0 0 0 3px rgba(73,191,150,.15); }
.preview-desktop-canvas .preview-radar-service b { color: #74d3b1 !important; }
.preview-desktop-canvas .preview-radar-service small { color: #aeb7c8; }
.preview-desktop-canvas .preview-radar-kpis { min-width: 0 !important; height: 55px; margin: 0; border-radius: 0; }
.preview-desktop-canvas .preview-radar-kpis > div { display: grid; align-content: center; padding: 7px 12px; }
.preview-desktop-canvas .preview-radar-kpis span { font-size: 10px; }
.preview-desktop-canvas .preview-radar-kpis b { margin: 2px 0; font-size: 15px; }
.preview-desktop-canvas .preview-radar-tabs {
  min-height: 41px;
  height: 41px;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 0;
  border-bottom: 1px solid #e2e6ed;
}
.preview-desktop-canvas .preview-radar-tabs > button {
  min-width: 88px;
  height: 29px;
  min-height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
  color: #667085;
  background: transparent;
  border: 0;
  border-radius: 4px;
}
.preview-desktop-canvas .preview-radar-tabs > button:hover { color: #172033; background: #eaedf2; }
.preview-desktop-canvas .preview-radar-tabs > button[aria-pressed='true'] { color: #fff; background: #172033; }
.preview-desktop-canvas .preview-radar-tabs > button > i { width: 13px; font-style: normal; font-size: 11px; line-height: 1; }
.preview-desktop-canvas .preview-radar-tabs > button > span { color: inherit; font-size: 11px; }
.preview-desktop-canvas .preview-radar-tabs > button > em {
  min-width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  color: inherit;
  background: rgba(23,32,51,.08);
  border-radius: 9px;
  font-size: 8px;
  font-style: normal;
}
.preview-desktop-canvas .preview-radar-tabs > button[aria-pressed='true'] > em { background: rgba(255,255,255,.16); }
.preview-desktop-canvas .preview-radar-tabs > small { margin-left: auto; color: #98a2b3; font-size: 10px; }
.preview-desktop-canvas .preview-subtabs { min-height: 41px; height: 41px; gap: 2px; margin: 0; padding: 6px 0; align-items: center; flex-wrap: nowrap; border-bottom: 1px solid #e2e6ed; }
.preview-desktop-canvas .preview-subtabs button { min-width: 88px; min-height: 29px; height: 29px; padding: 0 10px; border: 0; border-radius: 4px; color: #667085; }
.preview-desktop-canvas .preview-subtabs button[aria-pressed='true'] { color: #fff; background: #172033; box-shadow: none; }
.preview-desktop-canvas .preview-radar-freshness { display: flex; justify-content: flex-end; align-items: center; height: 26px; margin: 0 0 6px; padding: 0 8px; border: 1px solid #e2e6ed; border-radius: 4px; color: #98a2b3; background: #fff; font-size: 10px; }
.preview-desktop-canvas .preview-radar-primary { grid-template-columns: minmax(0,1.78fr) minmax(330px,.78fr) !important; min-width: 0 !important; gap: 10px; }
.preview-desktop-canvas .preview-radar-primary > .demo-card { height:220px; overflow:hidden; }
.preview-desktop-canvas .demo-card { padding: 0; border-radius: 6px; }
.preview-desktop-canvas .demo-card-head { min-height: 38px; margin: 0; padding: 7px 10px; border-bottom: 1px solid #e2e6ed; background: #fbfcfd; }
.preview-desktop-canvas .demo-card-head h3 { font-size: 13px; }
.preview-desktop-canvas .demo-card-head span,
.preview-desktop-canvas .demo-card-head small { font-size: 10px; color: #667085; }
.preview-desktop-canvas .preview-radar-sentiment-body { height: 176px; grid-template-columns: 190px minmax(0,1fr); gap: 16px; padding: 10px 12px 0; }
.preview-desktop-canvas .preview-radar-score > div b { font-size: 31px; }
.preview-desktop-canvas .preview-radar-score > div b small { font-size: 12px; }
.preview-desktop-canvas .preview-radar-score > div em { font-size: 10px; }
.preview-desktop-canvas .preview-radar-score nav,
.preview-desktop-canvas .preview-radar-score > small,
.preview-desktop-canvas .preview-radar-score p { font-size: 10px; }
.preview-desktop-canvas .preview-radar-chart header { font-size: 10px; }
.preview-desktop-canvas .preview-radar-chart svg { height: 76px; }
.preview-desktop-canvas .preview-radar-mini-metrics span,
.preview-desktop-canvas .preview-radar-breakdown label { font-size: 9px; }
.preview-desktop-canvas .preview-radar-mini-metrics b { font-size: 11px; }
.preview-desktop-canvas .preview-radar-risk { padding: 6px 12px; font-size: 10px; }
.preview-desktop-canvas .preview-radar-workflow-grid { gap: 0; padding: 0 10px; }
.preview-desktop-canvas .preview-radar-workflow-grid button { min-height: 47px; padding: 6px 8px; border-width: 0 0 1px; border-radius: 0; background: #fff; }
.preview-desktop-canvas .preview-radar-workflow-grid button > i { width: 27px; height: 27px; }
.preview-desktop-canvas .preview-radar-workflow-grid b { font-size: 11px; }
.preview-desktop-canvas .preview-radar-workflow-grid small { font-size: 9px; }
.preview-desktop-canvas .preview-radar-workflow-grid strong { font-size: 12px; }
.preview-desktop-canvas .preview-radar-capital { min-width: 0 !important; margin-top: 10px !important; }
.preview-desktop-canvas .preview-radar-capital-body { height:108px; grid-template-columns: 260px minmax(0,1fr) 340px !important; min-height: 100px; overflow:hidden; }
.preview-desktop-canvas .preview-radar-capital-total { padding: 12px 15px; }
.preview-desktop-canvas .preview-radar-capital-total span,
.preview-desktop-canvas .preview-radar-capital-total small,
.preview-desktop-canvas .preview-radar-capital-sectors small,
.preview-desktop-canvas .preview-radar-capital-body aside :is(span,p) { font-size: 10px; }
.preview-desktop-canvas .preview-radar-capital-total b { margin: 4px 0 2px; font-size: 20px; }
.preview-desktop-canvas .preview-radar-capital-total i { margin-top: 8px; }
.preview-desktop-canvas .preview-radar-capital-sectors button { min-height: 49px; padding: 6px 12px; }
.preview-desktop-canvas .preview-radar-capital-sectors b,
.preview-desktop-canvas .preview-radar-capital-sectors strong { font-size: 11px; }
.preview-desktop-canvas .preview-radar-capital-body aside { grid-column: auto !important; padding: 10px 13px; }
.preview-desktop-canvas .preview-radar-secondary { grid-template-columns: minmax(0,1.72fr) minmax(300px,.68fr) !important; min-width: 0 !important; gap: 10px; margin-top: 10px; }
.preview-desktop-canvas .preview-radar-sector-head,
.preview-desktop-canvas .preview-radar-sector-expanded > header,
.preview-desktop-canvas .preview-radar-sector-row { padding: 5px 12px; font-size: 10px; }
.preview-desktop-canvas .preview-radar-sector-row > b small,
.preview-desktop-canvas .preview-radar-sector-row > span small,
.preview-desktop-canvas .preview-radar-sector-row > em small { display: block; margin-top: 2px; color: #98a2b3; font-size: 8px; font-style: normal; font-weight: 400; }
.preview-desktop-canvas .preview-radar-sector-kpis span { padding: 4px 8px; font-size: 9px; }
.preview-desktop-canvas .preview-radar-sector-kpis b { font-size: 10px; }
.preview-desktop-canvas .preview-radar-sector-expanded nav { padding: 5px 12px 3px; font-size: 9px; }
.preview-desktop-canvas .preview-radar-sector-stocks { padding-bottom: 5px; }
.preview-desktop-canvas .preview-radar-sector-stocks > div { padding: 3px 0; font-size: 9px; }
.preview-desktop-canvas .preview-radar-sector-stocks code { font-size: 8px; }
.preview-desktop-canvas .preview-radar-cross > div:not(.demo-card-head) { padding: 0 9px; }
.preview-desktop-canvas .preview-radar-cross > div > button { min-height: 48px; padding: 5px 7px; }
.preview-desktop-canvas .preview-radar-cross button b { font-size: 11px; }
.preview-desktop-canvas .preview-radar-cross button small,
.preview-desktop-canvas .preview-radar-cross button strong,
.preview-desktop-canvas .preview-radar-cross > p { font-size: 9px; }
.preview-desktop-canvas .preview-event-stream .preview-event { min-height: 62px; padding: 8px 12px; }
.preview-desktop-canvas .preview-event-stream .preview-event time { font-size: 10px; }
.preview-desktop-canvas .preview-event-stream .preview-event b { font-size: 12px; }
.preview-desktop-canvas .preview-event-stream .preview-event small { margin-top: 3px; font-size: 9px; }
.preview-desktop-canvas .preview-event-stream .preview-event > button { min-height: 28px; }
.preview-desktop-canvas [data-scene='watchlist'] .preview-watch-row,
[data-live-demo][data-scene='watchlist'] .preview-watch-row { padding: 7px 10px; }
.preview-desktop-canvas [data-scene='watchlist'] .preview-watch-row small,
[data-live-demo][data-scene='watchlist'] .preview-watch-row small { font-size: 10px; }
.preview-desktop-canvas [data-scene='watchlist'] .preview-followup,
[data-live-demo][data-scene='watchlist'] .preview-followup { grid-template-columns: minmax(0,1.4fr) minmax(320px,.6fr); }
.product-preview-shell .demo-disclosure { margin-top: 12px; }

/* Larger, presentation-safe type for the second desktop feature section. */
.product-section .feature-desktop-page { font-size: 14px; }
.product-section .feature-page-title span,
.product-section .feature-market-strip dt,
.product-section .feature-panel > header p,
.product-section .feature-panel > header > span,
.product-section .feature-method-detail > header span { font-size: 12px; }
.product-section .feature-page-title p,
.product-section .feature-page-title button,
.product-section .feature-panel button,
.product-section .feature-page-tabs,
.product-section .feature-wide-table > table,
.product-section .feature-method-detail table { font-size: 13px; }
.product-section .feature-page-title h3 { font-size: 25px; }
.product-section .feature-market-strip dd { font-size: 18px; }
.product-section .feature-panel > header h4 { font-size: 16px; }
.product-section .feature-method-detail > header h4 { font-size: 20px; }
.product-section .feature-workflow article small,
.product-section .feature-method-list > button small,
.product-section .feature-matrix small { font-size: 12px; }
.product-section .feature-matrix > div > b { font-size: 17px; }
.product-section .feature-radar-title { min-height: 76px; padding: 14px 20px; }
.product-section .feature-radar-title h3 { font-size: 23px; }
.product-section .feature-radar-title :is(p,span),
.product-section .feature-index-strip :is(span,small,em),
.product-section .feature-kpi-strip :is(dt,small),
.product-section .feature-page-tabs small,
.product-section .feature-capital-pulse :is(dt,footer),
.product-section .feature-sector-head,
.product-section .feature-sector-expansion dt,
.product-section .feature-sector-expansion nav :is(b,span),
.product-section .feature-sector-stocks :is(code,span),
.product-section .feature-research-command :is(small),
.product-section .feature-research-command > div:last-child,
.product-section .feature-research-status :is(span,small),
.product-section .feature-decision-band > article > span,
.product-section .feature-regime-card p,
.product-section .feature-regime-card dt,
.product-section .feature-budget-card dt,
.product-section .feature-evidence-card li :is(b,p,em),
.product-section .feature-budget-card > small,
.product-section .feature-theme-rail header small,
.product-section .feature-candidate-column header small,
.product-section .feature-theme-rail button,
.product-section .feature-candidate-column button,
.product-section .feature-stock-decision button,
.product-section .feature-theme-rail article :is(em,p,small),
.product-section .feature-candidate-column article :is(code,span,small),
.product-section .feature-stock-decision > header :is(code,span),
.product-section .feature-stock-quote span,
.product-section .feature-stock-decision > nav :is(b,span),
.product-section .feature-stock-decision > article span,
.product-section .feature-stock-decision > article p,
.product-section .feature-stock-decision dt,
.product-section .feature-stock-decision dd,
.product-section .feature-stock-decision dd em,
.product-section .feature-stock-decision label,
.product-section .feature-screen-tabs :is(button,small),
.product-section .feature-selection-overview :is(dt,small),
.product-section .feature-run-list header small,
.product-section .feature-run-list header button,
.product-section .feature-run-head,
.product-section .feature-run-list > button :is(small,em,time),
.product-section .feature-product-inspector > header :is(span,small),
.product-section .feature-product-inspector > p,
.product-section .feature-product-inspector :is(dt,dd),
.product-section .feature-product-inspector > section :is(b,span),
.product-section .feature-product-inspector > footer,
.product-section .feature-selection-results header small,
.product-section .feature-selection-results header > div:last-child,
.product-section .feature-selection-results :is(th,td,code) { font-size: 12px; }
.product-section .feature-radar-title button,
.product-section .feature-research-command button,
.product-section .feature-product-inspector button,
.product-section .feature-selection-results button { min-height: 34px; font-size: 13px; }
.product-section .feature-index-strip b,
.product-section .feature-kpi-strip dd,
.product-section .feature-capital-pulse dd,
.product-section .feature-selection-overview dd { font-size: 15px; }
.product-section .feature-sector-summary { min-height: 46px; font-size: 13px; }
.product-section .feature-sector-summary b,
.product-section .feature-sector-stocks b,
.product-section .feature-regime-card dd,
.product-section .feature-budget-card dd,
.product-section .feature-run-list > button strong,
.product-section .feature-product-inspector dd { font-size: 13px; }
.product-section .feature-research-command b,
.product-section .feature-budget-card strong { font-size: 18px; }
.product-section .feature-regime-card > div b { font-size: 20px; }
.product-section .feature-stock-decision > article h4,
.product-section .feature-product-inspector > header h4 { font-size: 17px; }
.product-section .feature-stock-quote b { font-size: 24px; }

/* Desktop-faithful market radar in the primary product workspace. */
.preview-radar-heading { align-items: center; padding-block: 12px; }
.preview-radar-heading > div:first-child { display: grid; grid-template-columns: auto 1fr; column-gap: 9px; }
.preview-radar-heading h3 { grid-column: 2; margin: 0; font-size: 18px; }
.preview-radar-heading p { grid-column: 2; margin-top: 2px; }
.preview-radar-live { display: flex; grid-row: 1 / 3; align-items: center; color: #6d7883; font-size: 0; }
.preview-radar-live i { width: 8px; height: 8px; border-radius: 50%; background: #d94a3a; box-shadow: 0 0 0 5px rgba(217,74,58,.11); }
.preview-radar-heading .preview-page-tools { gap: 7px; }
.preview-radar-heading .preview-page-tools > b { padding: 5px 8px; border-radius: 5px; background: #edf7f2; color: #27755b; font-size: 10px; }
.preview-radar-heading .preview-radar-alert { border-color: #d94a3a; background: #d94a3a; color: #fff; }
.preview-radar-market-strip { grid-template-columns: 1.15fr repeat(3,1fr) .95fr; }
.preview-radar-market-state { display: flex !important; align-items: center; gap: 8px; }
.preview-radar-market-state i { width: 7px; height: 7px; border-radius: 50%; background: #d94a3a; }
.preview-radar-market-state span { display: grid; gap: 3px; }
.preview-radar-market-state b { color: #26313b; }
.preview-radar-market-strip em { color: #cf3f32; font-style: normal; font-size: 10px; }
.preview-radar-service { display: grid !important; align-content: center; gap: 2px; }
.preview-radar-service b { color: #28775c !important; }
.preview-radar-kpis { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); margin-top: 9px; overflow: hidden; border: 1px solid #dfe5ea; border-radius: 8px; background: #fff; }
.preview-radar-kpis > div { min-width: 0; padding: 10px 11px; border-right: 1px solid #edf0f2; }
.preview-radar-kpis > div:last-child { border: 0; }
.preview-radar-kpis :is(span,b,small) { display: block; }
.preview-radar-kpis span { color: #7b8791; font-size: 9px; }
.preview-radar-kpis b { margin: 4px 0 3px; font-size: 13px; font-variant-numeric: tabular-nums; }
.preview-radar-kpis small { overflow: hidden; color: #9099a2; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.preview-radar-freshness { display: flex; align-items: center; gap: 18px; padding: 6px 4px 7px; color: #7a8690; font-size: 8px; }
.preview-radar-freshness span:first-child { color: #33404b; }
.preview-radar-freshness i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: #3b9a70; }
.preview-radar-freshness b { margin-left: auto; color: #28775c; font-weight: 600; }
.preview-radar-primary { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(250px,.8fr); gap: 9px; }
.preview-radar-primary .demo-card, .preview-radar-capital, .preview-radar-secondary .demo-card { margin-top: 0; }
.preview-radar-sentiment .demo-card-head button { border: 0; color: #687580; background: transparent; }
.preview-radar-sentiment-body { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 14px; padding: 10px 12px 0; }
.preview-radar-score > div { display: flex; align-items: center; gap: 9px; }
.preview-radar-score > div b { font-size: 29px; }
.preview-radar-score > div b small { color: #929da6; font-size: 11px; }
.preview-radar-score > div em { padding: 3px 7px; border-radius: 4px; color: #7b552b; background: #fff2d9; font-size: 9px; font-style: normal; }
.preview-radar-score > i { position: relative; display: block; height: 5px; margin-top: 9px; border-radius: 5px; background: linear-gradient(90deg,#6097ca,#8dbbb0,#e6bd69,#dc725f); }
.preview-radar-score > i u { position: absolute; top: -3px; width: 2px; height: 11px; background: #26313b; }
.preview-radar-score nav { display: flex; justify-content: space-between; margin-top: 5px; color: #9aa3ab; font-size: 7px; }
.preview-radar-score p { margin: 14px 0 4px; font-size: 9px; }
.preview-radar-score p strong { margin-left: 6px; color: #cf3f32; }
.preview-radar-score > small { color: #7d8993; font-size: 8px; line-height: 1.55; }
.preview-radar-chart header { display: flex; justify-content: space-between; font-size: 9px; }
.preview-radar-chart header span { color: #cf3f32; }
.preview-radar-chart svg { width: 100%; height: 73px; }
.preview-radar-chart .demo-chart-area { fill: rgba(217,74,58,.08); stroke: none; }
.preview-radar-mini-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 4px; }
.preview-radar-mini-metrics span { color: #89939c; font-size: 7px; }
.preview-radar-mini-metrics b { display: block; margin-top: 2px; color: #35414b; font-size: 9px; }
.preview-radar-breakdown { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 12px; margin-top: 8px; }
.preview-radar-breakdown label { display: grid; grid-template-columns: 1fr auto; color: #7c8891; font-size: 7px; }
.preview-radar-breakdown label > span { color: #35414b; }
.preview-radar-breakdown i { grid-column: 1 / -1; height: 3px; border-radius: 3px; background: #edf0f2; }
.preview-radar-breakdown i b { display: block; height: 100%; border-radius: inherit; background: #d94a3a; }
.preview-radar-risk { grid-column: 1 / -1; margin: 0 -12px; padding: 7px 12px; border-top: 1px solid #edf0f2; background: #fff9f6; color: #7a655e; font-size: 8px; }
.preview-radar-workflow-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 10px; }
.preview-radar-workflow-grid button { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; min-width: 0; min-height: 65px; padding: 8px; border: 1px solid #e5eaee; border-radius: 7px; background: #fafbfd; text-align: left; }
.preview-radar-workflow-grid button:hover { border-color: #dfb1a6; background: #fff8f5; }
.preview-radar-workflow-grid button > i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 7px; color: #c94839; background: #f9e9e4; font-style: normal; }
.preview-radar-workflow-grid span, .preview-radar-workflow-grid b, .preview-radar-workflow-grid small { display: block; min-width: 0; }
.preview-radar-workflow-grid b { font-size: 9px; }
.preview-radar-workflow-grid small { margin-top: 3px; overflow: hidden; color: #87929b; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.preview-radar-workflow-grid strong { color: #3b4751; font-size: 10px; white-space: nowrap; }
.preview-radar-capital { margin-top: 9px !important; }
.preview-radar-capital-body { display: grid; grid-template-columns: 175px minmax(0,1fr) 210px; min-height: 112px; }
.preview-radar-capital-total { padding: 15px; border-right: 1px solid #e8ecef; }
.preview-radar-capital-total :is(span,b,small) { display: block; }
.preview-radar-capital-total span { color: #7f8a93; font-size: 8px; }
.preview-radar-capital-total b { margin: 6px 0 4px; font-size: 21px; }
.preview-radar-capital-total small { color: #8c969e; font-size: 7px; }
.preview-radar-capital-total i { display: block; height: 5px; margin-top: 13px; border-radius: 5px; background: #dfeee8; }
.preview-radar-capital-total i u { display: block; height: 100%; border-radius: inherit; background: #d94a3a; }
.preview-radar-capital-sectors { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.preview-radar-capital-sectors button { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; border: 0; border-right: 1px solid #edf0f2; border-bottom: 1px solid #edf0f2; background: #fff; text-align: left; }
.preview-radar-capital-sectors span :is(em,b,small) { display: inline-block; }
.preview-radar-capital-sectors em { width: 18px; color: #a0a8af; font-size: 7px; font-style: normal; }
.preview-radar-capital-sectors b { font-size: 9px; }
.preview-radar-capital-sectors small { display: block !important; margin: 3px 0 0 18px; color: #929ba3; font-size: 7px; }
.preview-radar-capital-sectors strong { font-size: 9px; white-space: nowrap; }
.preview-radar-capital-body aside { padding: 13px; background: #fafbfd; }
.preview-radar-capital-body aside span { color: #77838c; font-size: 8px; font-weight: 650; }
.preview-radar-capital-body aside p { margin: 7px 0 9px; color: #7e8992; font-size: 8px; line-height: 1.55; }
.preview-radar-secondary { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(230px,.65fr); gap: 9px; margin-top: 9px; }
.preview-radar-sector-head, .preview-radar-sector-expanded > header, .preview-radar-sector-row { display: grid; grid-template-columns: 1.4fr .85fr .55fr .55fr .8fr 1fr; align-items: center; gap: 6px; padding: 7px 12px; }
.preview-radar-sector-head { color: #8a959e; background: #f7f9fa; font-size: 7px; }
.preview-radar-sector-expanded { border-bottom: 1px solid #e8ecef; background: #fffaf8; }
.preview-radar-sector-expanded > header { font-size: 9px; }
.preview-radar-sector-expanded > header em { color: #c84838; font-style: normal; font-weight: 700; }
.preview-radar-sector-kpis { display: grid; grid-template-columns: repeat(4,1fr); margin: 0 12px; border: 1px solid #eddcd6; border-radius: 6px; background: #fff; }
.preview-radar-sector-kpis span { padding: 6px 8px; border-right: 1px solid #edf0f2; color: #8a949c; font-size: 7px; }
.preview-radar-sector-kpis span:last-child { border: 0; }
.preview-radar-sector-kpis b { display: block; margin-top: 2px; color: #38444e; font-size: 9px; }
.preview-radar-sector-expanded nav { display: flex; gap: 18px; padding: 8px 12px 5px; color: #8b959d; font-size: 8px; }
.preview-radar-sector-expanded nav b { color: #c84838; }
.preview-radar-sector-expanded nav em { font-style: normal; }
.preview-radar-sector-stocks { padding: 0 12px 8px; }
.preview-radar-sector-stocks > div { display: grid; grid-template-columns: 20px 1fr 90px 65px 85px 52px; align-items: center; gap: 6px; padding: 5px 0; border-top: 1px solid #f0e8e5; font-size: 8px; }
.preview-radar-sector-stocks code { color: #8d969e; font-size: 7px; }
.preview-radar-sector-row { width: 100%; border: 0; border-bottom: 1px solid #edf0f2; background: #fff; color: #3b4751; font-size: 8px; text-align: left; }
.preview-radar-sector-row:hover { background: #fafbfd; }
.preview-radar-sector-row em { color: #c84838; font-style: normal; font-weight: 700; }
.preview-radar-cross > div:not(.demo-card-head) { padding: 9px; }
.preview-radar-cross > div > button { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 9px; width: 100%; padding: 10px 7px; border: 0; border-bottom: 1px solid #edf0f2; background: transparent; text-align: left; }
.preview-radar-cross button i { display: grid; height: 25px; place-items: center; border-radius: 5px; color: #c84838; background: #f9e9e4; font-size: 7px; font-style: normal; }
.preview-radar-cross button :is(b,small) { display: block; }
.preview-radar-cross button b { font-size: 9px; }
.preview-radar-cross button small { margin-top: 3px; color: #8b959d; font-size: 7px; }
.preview-radar-cross button strong { color: #66737d; font-size: 8px; }
.preview-radar-cross > p { margin: 0; padding: 8px 12px; border-top: 1px solid #edf0f2; color: #7e8992; background: #fafbfd; font-size: 8px; line-height: 1.5; }

/* Faithful monitor workspaces used by the primary desktop canvas. */
.preview-desktop-canvas .preview-monitor-panel-head { min-height: 36px; display:flex; align-items:center; justify-content:space-between; padding:7px 10px; border-bottom:1px solid #e2e6ed; background:#fbfcfd; }
.preview-desktop-canvas .preview-monitor-panel-head h3 { margin:0; color:#27323c; font-size:12px; }
.preview-desktop-canvas .preview-monitor-panel-head span { color:#8a949d; font-size:9px; }
.preview-desktop-canvas .preview-radar-sector-item { border-bottom:1px solid #edf0f2; }
.preview-desktop-canvas .preview-radar-sector-item.is-expanded { background:#fffaf8; box-shadow:inset 3px 0 #c94a3d; }
.preview-desktop-canvas .preview-radar-sector-item .preview-radar-sector-row { border-bottom:0; }
.preview-desktop-canvas .preview-radar-sector-row > b { display:grid; grid-template-columns:14px 1fr; align-items:center; }
.preview-desktop-canvas .preview-radar-sector-row > b i { grid-row:1 / 3; color:#9a6a60; font-style:normal; }
.preview-desktop-canvas .preview-radar-sector-row > b small { grid-column:2; }
.preview-desktop-canvas .preview-radar-sector-expansion { margin:0 10px 8px 24px; overflow:hidden; border:1px solid #eadbd7; border-radius:5px; background:#fff; }
.preview-desktop-canvas .preview-radar-sector-expansion dl { display:grid; grid-template-columns:repeat(4,1fr); margin:0; border-bottom:1px solid #e7e9ed; }
.preview-desktop-canvas .preview-radar-sector-expansion dl > div { padding:5px 8px; border-right:1px solid #eceef1; }
.preview-desktop-canvas .preview-radar-sector-expansion dt { color:#8a949d; font-size:8px; }
.preview-desktop-canvas .preview-radar-sector-expansion dd { margin:2px 0 0; font-size:10px; font-weight:700; }
.preview-desktop-canvas .preview-radar-sector-expansion nav { display:flex; align-items:center; gap:3px; height:33px; padding:3px 7px 0; border-bottom:1px solid #e7e9ed; }
.preview-desktop-canvas .preview-radar-sector-expansion nav button { min-height:26px; padding:0 8px; border:0; background:transparent; color:#6e7984; font-size:9px; }
.preview-desktop-canvas .preview-radar-sector-expansion nav button[aria-pressed='true'] { border-bottom:2px solid #c94a3d; border-radius:0; color:#b83e34; }
.preview-desktop-canvas .preview-radar-sector-expansion nav span { margin-left:auto; color:#929ba3; font-size:8px; }
.preview-desktop-canvas .preview-radar-sector-expansion nav .demo-link { margin-left:7px; color:#b83e34; }
.preview-desktop-canvas .preview-radar-sector-stock-head,
.preview-desktop-canvas .preview-radar-sector-stock-row { display:grid; grid-template-columns:1.4fr .65fr .65fr .55fr .7fr .55fr; align-items:center; gap:5px; padding:4px 8px; font-size:8px; }
.preview-desktop-canvas .preview-radar-sector-stock-head { color:#8a949d; background:#f7f9fa; }
.preview-desktop-canvas .preview-radar-sector-stock-row { border-top:1px solid #f0f1f3; }
.preview-desktop-canvas .preview-radar-stock-link { min-height:25px; padding:0; border:0; background:transparent; text-align:left; }
.preview-desktop-canvas .preview-radar-stock-link :is(strong,small) { display:block; font-size:8px; }
.preview-desktop-canvas .preview-radar-stock-link small { color:#949da6; }

.preview-research-workbench,
.preview-funds-workbench,
.preview-opportunity-workbench,
.preview-tail-workbench,
.preview-events-workbench,
.preview-review-workbench { height:calc(100% - 231px); min-height:0; color:#394550; }
.preview-research-command { height:50px; display:flex; align-items:center; gap:20px; padding:7px 12px; border:1px solid #dfe4e8; border-radius:5px 5px 0 0; background:#fff; }
.preview-research-command > div { display:flex; align-items:center; gap:8px; margin-right:auto; }
.preview-research-command > div > i { display:grid; width:30px; height:30px; place-items:center; border-radius:5px; color:#fff; background:#c8493b; font-style:normal; }
.preview-research-command :is(b,small) { display:block; }
.preview-research-command b { font-size:13px; }
.preview-research-command small,
.preview-research-command > span { color:#7d8892; font-size:9px; }
.preview-research-command button { min-height:28px; }
.preview-research-refresh { height:27px; padding:6px 12px; border:1px solid #dfe9e4; border-top:0; color:#39735d; background:#f4faf7; font-size:9px; }
.preview-research-decision { height:145px; display:grid; grid-template-columns:.9fr 1.25fr .9fr; gap:8px; margin-top:8px; }
.preview-research-decision article { min-width:0; padding:10px 12px; border:1px solid #e1e5e9; border-radius:5px; background:#fff; }
.preview-research-decision article > span { color:#808b95; font-size:9px; }
.preview-research-decision article > strong { display:block; margin:5px 0; color:#293540; font-size:14px; }
.preview-research-decision article p { margin:0; color:#73808a; font-size:9px; line-height:1.45; }
.preview-research-decision article svg { width:100%; height:50px; }
.preview-research-decision footer { display:flex; gap:7px; margin-top:6px; }
.preview-research-decision footer b { padding:3px 6px; border-radius:3px; color:#67747e; background:#f1f4f6; font-size:8px; }
.preview-research-grid { height:calc(100% - 238px); min-height:0; display:grid; grid-template-columns:300px 390px minmax(0,1fr); gap:8px; margin-top:8px; }
.preview-research-grid > section { min-width:0; overflow:hidden; border:1px solid #e1e5e9; border-radius:5px; background:#fff; }
.preview-research-mainlines > button { width:100%; min-height:68px; display:grid; grid-template-columns:minmax(0,1fr) 30px 38px 40px; align-items:center; gap:6px; padding:7px 9px; border:0; border-bottom:1px solid #edf0f2; background:#fff; text-align:left; }
.preview-research-mainlines > button[aria-pressed='true'] { background:#fff6f2; box-shadow:inset 3px 0 #c8493b; }
.preview-research-mainlines button span :is(strong,small) { display:block; }
.preview-research-mainlines button strong { font-size:10px; }
.preview-research-mainlines button small { margin-top:3px; overflow:hidden; color:#818c95; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.preview-research-mainlines button > b { color:#c8493b; font-size:13px; }
.preview-research-mainlines button :is(em,i) { color:#6f7b85; font-size:8px; font-style:normal; }
.preview-research-filter { display:flex; gap:5px; padding:6px 8px; border-bottom:1px solid #e8ebee; }
.preview-research-filter input { min-width:0; flex:1; height:28px; padding:0 8px; border:1px solid #dfe4e8; border-radius:4px; font-size:9px; }
.preview-research-filter span { padding:7px 5px; color:#89939c; font-size:8px; }
.preview-research-candidates > button { width:100%; min-height:64px; display:grid; grid-template-columns:minmax(0,1fr) 40px 48px; gap:6px; align-items:center; padding:7px 9px; border:0; border-bottom:1px solid #eceff1; background:#fff; text-align:left; }
.preview-research-candidates > button[aria-pressed='true'] { background:#f4f7fa; }
.preview-research-candidates > button span :is(strong,small) { display:block; }
.preview-research-candidates > button strong { font-size:10px; }
.preview-research-candidates > button small { color:#86919a; font-size:8px; }
.preview-research-candidates > button > small { grid-column:1 / -1; }
.preview-research-candidates > button > b { font-size:12px; }
.preview-research-candidates > button > em { font-size:9px; font-style:normal; }
.preview-research-detail { padding-bottom:8px; }
.preview-research-quote { display:flex; align-items:baseline; gap:8px; padding:8px 10px 5px; }
.preview-research-quote strong { font-size:21px; }
.preview-research-quote em { font-style:normal; font-weight:700; }
.preview-research-quote span { margin-left:auto; color:#7c8791; font-size:9px; }
.preview-research-detail > nav { display:flex; gap:14px; padding:0 10px 5px; border-bottom:1px solid #e7eaed; color:#84909a; font-size:9px; }
.preview-research-detail > nav b { color:#b83e34; }
.preview-research-stage { margin:8px 10px; padding:8px; border-left:3px solid #c8493b; background:#fff7f3; }
.preview-research-stage span { color:#86746f; font-size:8px; }
.preview-research-stage strong { display:block; margin:3px 0; font-size:11px; }
.preview-research-stage p { margin:0; color:#776e6b; font-size:8px; line-height:1.45; }
.preview-research-detail dl { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:0 10px; background:#e6e9ec; }
.preview-research-detail dl div { padding:6px; background:#fff; }
.preview-research-detail dt { color:#8a949d; font-size:8px; }
.preview-research-detail dd { margin:3px 0 0; font-size:9px; font-weight:650; }
.preview-research-mini-chart { margin:6px 10px; border:1px solid #edf0f2; }
.preview-research-mini-chart svg { display:block; width:100%; height:55px; }
.preview-research-detail > .demo-link { margin-left:10px; }
.preview-research-footnote { margin:5px 2px 0; color:#8c969e; font-size:8px; }

.preview-funds-status { height:37px; display:flex; justify-content:space-between; align-items:center; padding:0 10px; border:1px solid #dfe4e8; border-radius:5px 5px 0 0; background:#fff; }
.preview-funds-status > div { display:flex; align-items:center; gap:12px; }
.preview-funds-status strong { font-size:12px; }
.preview-funds-status b { padding:3px 6px; border-radius:3px; color:#7b5d2d; background:#fff2d9; font-size:8px; }
.preview-funds-status span { color:#808b95; font-size:8px; }
.preview-funds-kpis { height:73px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #dfe4e8; border-top:0; background:#fff; }
.preview-funds-kpis > div { padding:9px 12px; border-right:1px solid #e8ebee; }
.preview-funds-kpis span,.preview-funds-kpis small { display:block; color:#818c95; font-size:8px; }
.preview-funds-kpis strong { display:block; margin:4px 0 2px; font-size:15px; }
.preview-funds-toolbar { height:39px; display:flex; align-items:center; gap:14px; padding:4px 8px; border:1px solid #dfe4e8; border-top:0; background:#fafbfd; }
.preview-funds-toolbar nav { display:flex; gap:2px; padding:2px; border-radius:4px; background:#edf0f3; }
.preview-funds-toolbar nav :is(b,span) { padding:5px 10px; font-size:8px; }
.preview-funds-toolbar nav b { border-radius:3px; color:#fff; background:#36414b; }
.preview-funds-toolbar label,.preview-funds-toolbar small { color:#7d8892; font-size:8px; }
.preview-funds-toolbar select { height:25px; border:1px solid #dce2e6; border-radius:4px; font-size:8px; }
.preview-funds-split { height:330px; display:grid; grid-template-columns:1.13fr .87fr; gap:8px; margin-top:8px; }
.preview-funds-split > section,.preview-funds-linkage { min-width:0; overflow:hidden; border:1px solid #dfe4e8; border-radius:5px; background:#fff; }
.preview-funds-sector-head,.preview-funds-split > section:first-child > button { display:grid; grid-template-columns:1.25fr .8fr .7fr .7fr .7fr .7fr; align-items:center; gap:5px; width:100%; }
.preview-funds-sector-head { padding:6px 8px; color:#84909a; background:#f5f7f9; font-size:8px; }
.preview-funds-split > section:first-child > button { min-height:48px; padding:5px 8px; border:0; border-bottom:1px solid #eceff1; background:#fff; text-align:left; font-size:8px; }
.preview-funds-split > section:first-child > button[aria-pressed='true'] { background:#fff6f2; box-shadow:inset 3px 0 #c8493b; }
.preview-funds-split > section:first-child > button strong,.preview-funds-split > section:first-child > button small { display:block; }
.preview-funds-split > section:first-child > button strong { font-size:9px; }
.preview-funds-split > section:first-child > button small { color:#8c969e; font-size:7px; }
.preview-funds-split > section:first-child > button em { font-style:normal; }
.preview-funds-facts { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid #e8ebee; }
.preview-funds-facts span { padding:7px 9px; color:#818c95; font-size:8px; }
.preview-funds-facts b { display:block; margin-top:2px; color:#34404a; font-size:10px; }
.preview-funds-assessment { padding:8px 10px; background:#fff9f6; }
.preview-funds-assessment strong { font-size:10px; }
.preview-funds-assessment p { margin:3px 0 0; color:#7e736f; font-size:8px; }
.preview-funds-charts { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:8px 10px; }
.preview-funds-charts > div > span { color:#78848e; font-size:8px; }
.preview-funds-charts > div > i { height:80px; display:flex; align-items:flex-end; gap:8px; padding:8px; border-bottom:1px solid #dfe4e8; }
.preview-funds-charts > div > i b { flex:1; background:#d95a4e; }
.preview-funds-charts svg { width:100%; height:80px; }
.preview-funds-linkage { height:206px; margin-top:8px; }
.preview-funds-stock-head,.preview-funds-linkage > div:not(.preview-monitor-panel-head) { display:grid; grid-template-columns:1.25fr .85fr .45fr .55fr .85fr .65fr .65fr .45fr; align-items:center; gap:5px; padding:5px 8px; }
.preview-funds-stock-head { color:#85909a; background:#f5f7f9; font-size:8px; }
.preview-funds-linkage > div:not(.preview-monitor-panel-head) { min-height:28px; border-top:1px solid #eef0f2; font-size:8px; }
.preview-funds-stock { min-height:23px; padding:0; border:0; background:transparent; text-align:left; }
.preview-funds-stock :is(strong,small) { display:block; font-size:8px; }
.preview-funds-stock small { color:#929ba3; }
.preview-funds-linkage em { display:block; font-style:normal; }
.preview-funds-method { margin:5px 2px 0; color:#89939c; font-size:8px; }

.preview-opportunity-switch { height:55px; display:flex; align-items:center; justify-content:space-between; padding:7px 12px; border:1px solid #dfe4e8; border-radius:5px 5px 0 0; background:#fff; }
.preview-opportunity-switch > div { display:flex; align-items:center; gap:8px; }
.preview-opportunity-switch > div > i { display:grid; width:30px; height:30px; place-items:center; border-radius:5px; color:#fff; background:#c8493b; font-style:normal; }
.preview-opportunity-switch :is(strong,small) { display:block; }
.preview-opportunity-switch strong { font-size:12px; }
.preview-opportunity-switch small { color:#7d8892; font-size:8px; }
.preview-opportunity-switch nav { display:flex; gap:3px; padding:3px; border-radius:5px; background:#eef1f3; }
.preview-opportunity-switch nav button { min-height:28px; padding:0 13px; border:0; background:transparent; }
.preview-opportunity-switch nav button[aria-pressed='true'] { color:#fff; background:#303b46; }
.preview-opportunity-filters { height:42px; display:flex; align-items:center; gap:5px; padding:6px 9px; border:1px solid #dfe4e8; border-top:0; background:#fafbfd; }
.preview-opportunity-filters :is(span,small) { color:#7e8993; font-size:8px; }
.preview-opportunity-filters button { min-height:26px; padding:0 9px; border:1px solid #dfe4e8; background:#fff; }
.preview-opportunity-filters button[aria-pressed='true'] { border-color:#c8493b; color:#b83e34; background:#fff5f1; }
.preview-opportunity-filters small { margin-left:auto; }
.preview-monitor-table-panel { height:calc(100% - 64px); overflow:hidden; border:1px solid #dfe4e8; border-top:0; border-radius:0 0 5px 5px; background:#fff; }
.preview-opportunity-filters + .preview-monitor-table-panel { height:calc(100% - 97px); }
.preview-monitor-table-panel .preview-table-scroll { max-height:none; overflow:hidden; }
.preview-monitor-table-panel table { width:100%; table-layout:fixed; }
.preview-monitor-table-panel th,.preview-monitor-table-panel td { padding:6px 7px; font-size:8px; line-height:1.3; }
.preview-monitor-table-panel td small { display:block; margin-top:2px; color:#8c969e; font-size:7px; }
.preview-opportunity-table th:nth-child(1){width:10%}.preview-opportunity-table th:nth-child(2){width:15%}.preview-opportunity-table th:nth-child(3){width:18%}.preview-opportunity-table th:nth-child(4){width:7%}.preview-opportunity-table th:nth-child(5){width:7%}.preview-opportunity-table th:nth-child(6){width:6%}.preview-opportunity-table th:nth-child(7){width:7%}.preview-opportunity-table th:nth-child(8){width:6%}.preview-opportunity-table th:nth-child(9){width:10%}.preview-opportunity-table th:nth-child(10){width:7%}
.preview-table-stock { min-height:25px; padding:0; border:0; background:transparent; text-align:left; }
.preview-table-stock :is(strong,small) { display:block; font-size:8px; }
.preview-signal-tag { display:inline-block; padding:2px 4px; border-radius:3px; color:#a53a31; background:#fff0eb; font-size:8px; }
.preview-level { display:block; width:7px; height:7px; border-radius:50%; background:#e0a24f; }.preview-level.high{background:#d84a42}
.preview-event-table th:nth-child(1){width:8%}.preview-event-table th:nth-child(2){width:5%}.preview-event-table th:nth-child(3){width:16%}.preview-event-table th:nth-child(4){width:47%}.preview-event-table th:nth-child(5){width:8%}.preview-event-table th:nth-child(6){width:7%}.preview-event-table th:nth-child(7){width:9%}

.preview-tail-guide { height:57px; display:flex; align-items:center; gap:14px; padding:8px 12px; border:1px solid #dfe4e8; border-radius:5px; background:#fff; }
.preview-tail-guide > div { display:flex; align-items:center; gap:8px; }
.preview-tail-guide i { display:grid; width:30px; height:30px; place-items:center; border-radius:5px; color:#fff; background:#c8493b; font-style:normal; }
.preview-tail-guide :is(strong,small) { display:block; }.preview-tail-guide strong{font-size:12px}.preview-tail-guide small{color:#7d8892;font-size:8px}
.preview-tail-guide p { flex:1; margin:0; color:#707c86; font-size:9px; }
.preview-tail-kpis { height:64px; display:grid; grid-template-columns:repeat(4,1fr); margin-top:7px; border:1px solid #dfe4e8; border-radius:5px; background:#fff; }
.preview-tail-kpis > div { padding:8px 12px; border-right:1px solid #e8ebee; }
.preview-tail-kpis span { display:block; color:#818c95; font-size:8px; }.preview-tail-kpis strong{display:block;margin-top:4px;font-size:14px}
.preview-tail-toolbar { height:40px; display:flex; align-items:center; gap:10px; margin-top:7px; padding:5px 8px; border:1px solid #dfe4e8; border-radius:5px 5px 0 0; background:#fafbfd; }
.preview-tail-toolbar nav { display:flex; gap:3px; }.preview-tail-toolbar nav button{min-height:27px;padding:0 10px;border:0;background:transparent}.preview-tail-toolbar nav button[aria-pressed='true']{color:#fff;background:#303b46}
.preview-tail-toolbar label { margin-left:auto; padding:3px 7px; border:1px solid #dfe4e8; border-radius:4px; background:#fff; }.preview-tail-toolbar input{width:150px;border:0;font-size:8px}.preview-tail-toolbar>span{color:#8a949d;font-size:8px}
.preview-tail-table { height:calc(100% - 175px); border-top:0; }
.preview-tail-head,.preview-tail-row { display:grid; grid-template-columns:1.05fr .5fr .55fr .45fr .5fr .45fr .55fr 1.1fr .55fr .9fr .55fr; align-items:center; gap:4px; padding:5px 8px; }
.preview-tail-head { color:#838f98; background:#f4f6f8; font-size:8px; }.preview-tail-row{min-height:36px;border-top:1px solid #eceff1;font-size:8px}.preview-tail-row>button{min-height:25px;padding:0 6px}
.preview-tail-quant { display:grid; grid-template-columns:1.1fr 1fr 1fr 1fr; gap:8px; padding:8px 12px; border-block:1px solid #eadbd7; background:#fff9f6; }
.preview-tail-quant section :is(span,strong,small){display:block}.preview-tail-quant section span,.preview-tail-quant small{color:#8a756f;font-size:7px}.preview-tail-quant section strong{margin:2px 0;font-size:10px}.preview-tail-quant dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.preview-tail-quant dl div{padding:3px}.preview-tail-quant dt{color:#897f7c;font-size:7px}.preview-tail-quant dd{margin:1px 0;font-size:9px;font-weight:700}.preview-tail-quant p{margin:0;color:#786e6b;font-size:8px;line-height:1.45}

.preview-events-command { height:48px; display:flex; align-items:center; gap:14px; padding:6px 10px; border:1px solid #dfe4e8; border-radius:5px 5px 0 0; background:#fff; }
.preview-events-command > div { margin-right:auto; }.preview-events-command > div :is(strong,span){display:block}.preview-events-command strong{font-size:12px}.preview-events-command span,.preview-events-command small{color:#7d8892;font-size:8px}
.preview-events-command nav { display:flex; gap:14px; }.preview-events-command nav b{color:#b83e34}.preview-events-command nav :is(b,span){padding:7px 2px;font-size:9px}
.preview-events-command button{min-height:27px;border:0;background:transparent}
.preview-events-filters { height:42px; display:flex; gap:6px; align-items:center; padding:5px 8px; border:1px solid #dfe4e8; border-top:0; background:#fafbfd; }
.preview-events-filters nav { display:flex; gap:3px; }.preview-events-filters button{min-height:27px;padding:0 9px;border:1px solid #dfe4e8;background:#fff}.preview-events-filters button[aria-pressed='true']{border-color:#c8493b;color:#b83e34;background:#fff5f1}
.preview-events-filters select,.preview-events-filters label{height:27px;border:1px solid #dfe4e8;border-radius:4px;background:#fff;font-size:8px}.preview-events-filters label{margin-left:auto;padding:5px 7px}.preview-events-filters input{width:180px;border:0;font-size:8px}
.preview-events-grid { height:calc(100% - 90px); min-height:0; display:grid; grid-template-columns:430px minmax(0,1fr); gap:8px; margin-top:8px; }
.preview-events-grid > section { min-width:0; overflow:hidden; border:1px solid #dfe4e8; border-radius:5px; background:#fff; }
.preview-events-list > div:last-child > button { width:100%; min-height:91px; padding:7px 9px; border:0; border-bottom:1px solid #eceff1; background:#fff; text-align:left; }
.preview-events-list > div:last-child > button[aria-pressed='true'] { background:#fff6f2; box-shadow:inset 3px 0 #c8493b; }
.preview-events-list button header { display:flex; align-items:center; gap:6px; }.preview-events-list button header time{margin-left:auto;color:#8a949d;font-size:8px}.preview-events-list button header em{color:#7c8790;font-size:8px;font-style:normal}
.severity { display:inline-grid; min-width:24px; height:18px; place-items:center; border-radius:3px; color:#fff; background:#d99b42; font-size:8px; }.severity.P0{background:#c8443a}.severity.P2{background:#768491}
.preview-events-list button > strong { display:block; margin:4px 0 2px; font-size:10px; }.preview-events-list button p{margin:0;overflow:hidden;color:#77838d;font-size:8px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.preview-events-list button footer{display:flex;gap:9px;margin-top:5px;color:#8d969e;font-size:7px}
.preview-events-detail { padding:10px 12px; }.preview-events-detail>header{display:flex;justify-content:space-between;align-items:center}.preview-events-detail>header div{display:flex;gap:6px;align-items:center}.preview-events-detail>header span{color:#73808a;font-size:8px}.preview-events-detail>header button{min-height:26px;border:1px solid #dfe4e8;background:#fff}.preview-events-detail>small{display:block;margin:5px 0;color:#8a949d;font-size:8px}.preview-events-detail h2{margin:5px 0;font-size:15px}.preview-events-detail>p{margin:0;color:#7b8790;font-size:9px}
.preview-events-kpis { display:grid;grid-template-columns:repeat(5,1fr);margin-top:8px;border:1px solid #e6e9ec }.preview-events-kpis div{padding:6px;border-right:1px solid #e6e9ec}.preview-events-kpis span{display:block;color:#89939c;font-size:7px}.preview-events-kpis strong{display:block;margin-top:2px;font-size:10px}
.preview-events-two { display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin-top:8px }.preview-events-two>section{padding:8px;border:1px solid #e5e9ec;border-radius:4px}.preview-events-two h3{margin:0 0 5px;font-size:10px}.preview-events-two p{margin:0;color:#77838c;font-size:8px;line-height:1.45}.preview-events-two dl{display:grid;grid-template-columns:repeat(3,1fr);margin:6px 0 0}.preview-events-two dl div{padding:4px;background:#f7f9fa}.preview-events-two dt{color:#89939c;font-size:7px}.preview-events-two dd{margin:2px 0;font-size:8px;font-weight:650}.preview-events-two label{display:grid;grid-template-columns:1fr 25px;align-items:center;margin:4px 0;color:#7b8790;font-size:8px}.preview-events-two label i{grid-column:1/-1;height:3px;background:#eef0f2}.preview-events-two label i u{display:block;height:100%;background:#ca4a3d}
.preview-events-detail-tabs { display:flex;gap:12px;margin-top:8px;padding:6px 2px;border-bottom:1px solid #e5e9ec;color:#84909a;font-size:8px}.preview-events-detail-tabs b{color:#b83e34}.preview-events-analysis{margin-top:7px;padding:8px;background:#f7f9fa}.preview-events-analysis strong{font-size:9px}.preview-events-analysis p{margin:4px 0;color:#74808a;font-size:8px;line-height:1.45}.preview-events-analysis footer{display:flex;gap:6px}.preview-events-analysis footer span{padding:2px 5px;border-radius:3px;background:#fff;color:#89939c;font-size:7px}

.preview-review-date { height:44px;display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #dfe4e8;border-radius:5px 5px 0 0;background:#fff}.preview-review-date>div{display:flex;gap:5px;align-items:center}.preview-review-date span{font-size:10px;font-weight:650}.preview-review-date select{height:28px;border:1px solid #dfe4e8;border-radius:4px;font-size:9px}.preview-review-date small{flex:1;color:#818c95;font-size:8px}.preview-review-date button{min-height:27px;border:1px solid #dfe4e8;background:#fff;color:#596773}
.preview-review-kpis { height:61px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #dfe4e8;border-top:0;background:#fff}.preview-review-kpis>div{padding:8px 10px;border-right:1px solid #e9ecef}.preview-review-kpis span{display:block;color:#84909a;font-size:8px}.preview-review-kpis strong{display:block;margin-top:4px;font-size:13px}
.preview-review-grid { height:calc(100% - 113px);display:grid;grid-template-columns:1.25fr .75fr 1fr;grid-template-rows:310px minmax(0,1fr);gap:8px;margin-top:8px}.preview-review-grid>section{min-width:0;overflow:hidden;border:1px solid #dfe4e8;border-radius:5px;background:#fff}.preview-review-trend{grid-column:1/3}.preview-review-summary{grid-column:3}.preview-review-trend>p{margin:7px 10px;color:#7e8993;font-size:8px}.preview-review-verdict{display:flex;align-items:center;justify-content:space-between;margin:0 10px;padding:8px 10px;background:#fff7f3}.preview-review-verdict span{color:#82736e;font-size:8px}.preview-review-verdict strong{display:block;margin-top:2px;color:#3c444c;font-size:11px}.preview-review-verdict>b{padding:4px 7px;border-radius:3px;color:#a83b32;background:#f9e8e2;font-size:8px}.preview-review-series{padding:6px 10px}.preview-review-series>div{display:grid;grid-template-columns:90px 45px 50px 1fr;align-items:end;gap:7px;height:56px;border-top:1px solid #eef0f2;font-size:8px}.preview-review-series>div>i{height:40px;display:flex;align-items:end;gap:6px}.preview-review-series>div>i b{flex:1;background:#d75a4d}.preview-review-series em{font-style:normal}
.preview-review-summary dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.preview-review-summary dl>div{padding:12px;border-right:1px solid #e9ecef;border-bottom:1px solid #e9ecef}.preview-review-summary dt{color:#7f8a94;font-size:8px}.preview-review-summary dd{margin:4px 0;font-size:19px;font-weight:700}.preview-review-summary p{margin:0;color:#87919a;font-size:8px;line-height:1.4}
.preview-review-list-head,.preview-review-mainlines>div:not(.preview-monitor-panel-head){display:grid;grid-template-columns:1.2fr .45fr .5fr .8fr .5fr;gap:5px;align-items:center;padding:5px 8px;font-size:8px}.preview-review-list-head{color:#85909a;background:#f5f7f9}.preview-review-mainlines>div:not(.preview-monitor-panel-head){border-top:1px solid #edf0f2}.preview-review-flows>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.preview-review-flows h4{margin:0 0 4px;font-size:9px}.preview-review-flows p{display:grid;grid-template-columns:1fr auto auto;gap:5px;margin:0;padding:5px 0;border-top:1px solid #eef0f2;font-size:8px}.preview-review-flows p em{color:#7d8892;font-style:normal}.preview-review-stocks>div:not(.preview-monitor-panel-head){display:grid;grid-template-columns:18px 1fr 65px 45px;align-items:center;gap:5px;padding:5px 8px;border-top:1px solid #eef0f2;font-size:8px}.preview-review-stocks>div>span{color:#98a1a9}

/* High-resolution product pages: preserve desktop density without shrinking labels. */
.product-section > .container,
.workflow-section > .container { width: min(1680px,calc(100% - 40px)); max-width: 1680px; }
.ai-desktop-demo[hidden] { display: none !important; }
.ai-shot-gallery { margin-top: 24px; }
.ai-shot-tabs { display: inline-flex; gap: 4px; margin-bottom: 13px; padding: 4px; border: 1px solid #e0d9d6; border-radius: 10px; background: rgba(255,255,255,.82); }
.ai-shot-tabs button { min-width: 138px; padding: 10px 17px; border: 0; border-radius: 7px; color: #6d7278; background: transparent; font-family: var(--sans); font-size: 14px; font-weight: 650; }
.ai-shot-tabs button[aria-selected="true"] { color: #fff; background: var(--accent); box-shadow: 0 8px 18px rgba(164,51,39,.16); }
.ai-shot-gallery figure { margin: 0; overflow: hidden; border: 1px solid #d9dfe4; border-radius: 16px; background: #eef2f5; box-shadow: 0 34px 80px -55px rgba(31,42,51,.75); }
.ai-shot-gallery figure[hidden] { display: none; }
.ai-shot-gallery img { display: block; width: 100%; height: auto; background: #f4f7f9; }
.ai-shot-gallery figcaption { display: flex; align-items: center; gap: 16px; padding: 14px 18px; border-top: 1px solid #e0e5e9; color: #75808a; background: #fff; font-size: 13px; }
.ai-shot-gallery figcaption b { color: #28333d; font-size: 14px; }

/* Desktop-workspace fidelity pass: increase legibility while preserving one-screen density. */
.preview-desktop-canvas :is(.preview-market-workbench,.preview-research-workbench,.preview-funds-workbench,.preview-opportunity-workbench,.preview-events-workbench,.preview-review-workbench) :is(p,span,small,em,dt,dd,label,input,select,th,td,time,code) { font-size:10px; line-height:1.38; }
.preview-desktop-canvas :is(.preview-market-workbench,.preview-research-workbench,.preview-funds-workbench,.preview-opportunity-workbench,.preview-events-workbench,.preview-review-workbench) :is(h3,strong) { line-height:1.32; }
.preview-monitor-panel-head h3 { font-size:13px; }
.preview-monitor-panel-head span { font-size:10px; }
.preview-market-workbench :is(.preview-radar-heading strong,.preview-radar-card strong,.preview-radar-capital strong) { font-size:12px; }
.preview-market-workbench :is(.preview-radar-market-strip strong,.preview-radar-kpis strong) { font-size:14px; }

/* 研判：严格保持桌面端的主线—候选—决策截面三栏关系。 */
.preview-research-grid { grid-template-columns:285px 355px minmax(0,1fr); }
.preview-research-mainlines > button { min-height:47px; font-size:10px; }
.preview-research-candidates > button { min-height:57px; font-size:10px; }
.preview-research-detail { display:flex; flex-direction:column; padding:0; }
.preview-research-detail > header { display:flex; align-items:center; justify-content:space-between; padding:9px 11px 5px; }
.preview-research-detail > header div:first-child :is(strong,span) { display:block; }
.preview-research-detail > header strong { font-size:15px; }
.preview-research-detail > header span { color:#78848e; }
.preview-research-detail > header div:last-child { display:flex; align-items:baseline; gap:7px; }
.preview-research-detail > header div:last-child b { font-size:17px; }
.preview-research-detail > header em { font-style:normal; font-weight:700; }
.preview-research-detail-meta { display:flex; gap:16px; padding:0 11px 7px; color:#808b95; }
.preview-research-detail-meta b { margin-left:3px; color:#3b454e; }
.preview-research-actions { display:flex; gap:6px; padding:0 11px 8px; }
.preview-research-actions button { min-height:27px; padding:0 10px; border:1px solid #dfe4e8; border-radius:4px; background:#fff; font-size:10px; }
.preview-research-actions button:last-child { border-color:#c84a3d; color:#fff; background:#c84a3d; }
.preview-research-detail-tabs { display:flex; gap:16px; padding:0 11px; border-block:1px solid #e7eaed; background:#fafbfd; }
.preview-research-detail-tabs button { min-height:34px; padding:0 2px; border:0; border-bottom:2px solid transparent; color:#77838d; background:transparent; font-size:10px; }
.preview-research-detail-tabs button[aria-pressed='true'] { border-bottom-color:#c8493b; color:#af392f; font-weight:700; }
.preview-research-detail-body { min-height:0; flex:1; overflow:auto; padding:8px 10px; scrollbar-width:none; }
.preview-research-detail-body::-webkit-scrollbar { display:none; }
.preview-research-detail > footer { padding:6px 10px; border-top:1px solid #e8ebed; color:#87919a; background:#fafbfc; font-size:9px; }
.preview-research-stage-module,.preview-research-edge,.preview-research-constraints,.preview-research-technical,.preview-research-evidence,.preview-research-sample,.preview-research-sample-table { border:1px solid #e3e7ea; border-radius:5px; background:#fff; }
.preview-research-stage-module { padding:8px; border-left:3px solid #c8493b; }
.preview-research-stage-module header,.preview-research-edge header,.preview-research-constraints header,.preview-research-technical header,.preview-research-evidence header,.preview-research-sample header { display:flex; align-items:center; justify-content:space-between; }
.preview-research-stage-module header span { display:block; color:#84909a; }
.preview-research-stage-module header strong { display:block; margin-top:2px; font-size:11px; }
.preview-research-stage-module header em { padding:2px 5px; border-radius:3px; color:#a43b32; background:#fff0eb; font-size:8px; font-style:normal; }
.preview-research-stage-module > p { margin:6px 0; color:#707d87; }
.preview-research-stage-module > div { display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.preview-research-stage-module > div span { padding:5px; color:#7a8690; background:#f7f9fa; }
.preview-research-stage-module > div b { display:block; margin-top:2px; color:#3d4851; font-size:9px; }
.preview-research-stage-module > div .stop { background:#fff5f2; }
.preview-research-stage-module > small { display:block; margin-top:5px; color:#8c969e; }
.preview-research-edge,.preview-research-constraints,.preview-research-technical,.preview-research-evidence,.preview-research-sample { margin-top:6px; padding:7px; }
.preview-research-edge header span,.preview-research-constraints header span,.preview-research-technical header span,.preview-research-evidence header span,.preview-research-sample header span { color:#7f8a94; }
.preview-research-edge > div,.preview-research-constraints > div { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin-top:6px; }
.preview-research-edge > div span,.preview-research-constraints > div span { padding:5px; color:#7f8992; background:#f6f8f9; }
.preview-research-edge > div b,.preview-research-constraints > div b { display:block; margin-top:2px; color:#37434c; font-size:9px; }
.preview-research-edge p { margin:5px 0 0; color:#87919a; }
.preview-research-kline { height:78px; margin-top:6px; padding:4px; border:1px solid #e5e8eb; border-radius:5px; }
.preview-research-kline svg { width:100%; height:100%; }
.preview-research-score-strip { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid #e3e7ea; border-radius:5px; overflow:hidden; }
.preview-research-score-strip span { padding:6px; border-right:1px solid #e5e8eb; color:#7d8992; }
.preview-research-score-strip b { display:block; margin-top:2px; color:#34404a; font-size:13px; }
.preview-research-technical > div { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin-top:6px; }
.preview-research-technical article { padding:5px; background:#f6f8f9; }
.preview-research-technical article :is(span,b,small) { display:block; }
.preview-research-technical article b { margin:2px 0; font-size:11px; }
.preview-research-technical article small { color:#84909a; }
.preview-research-evidence > div { display:grid; grid-template-columns:1fr 1fr; gap:4px; margin-top:6px; }
.preview-research-evidence > div span { display:grid; grid-template-columns:1fr auto; gap:2px; padding:5px; background:#f7f9fa; }
.preview-research-evidence em { color:#b43c33; font-style:normal; }
.preview-research-evidence small { grid-column:1/-1; color:#87919a; }
.preview-research-sample > div { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin-top:6px; }
.preview-research-sample > div span { padding:6px; color:#7f8b94; background:#f7f9fa; }
.preview-research-sample > div b { display:block; margin-top:2px; color:#39454e; font-size:11px; }
.preview-research-sample p { margin:6px 0 0; color:#7c8790; }
.preview-research-sample-table { margin-top:6px; overflow:hidden; }
.preview-research-sample-table table { width:100%; border-collapse:collapse; }
.preview-research-sample-table :is(th,td) { padding:5px; border-bottom:1px solid #edf0f2; text-align:left; }

/* 资金：补齐桌面端 ETF 份额确认链路。 */
.preview-funds-split { height:238px; }
.preview-funds-split > section:first-child > button { min-height:32px; padding-block:3px; font-size:10px; }
.preview-funds-split > section:first-child > button strong { font-size:10px; }
.preview-funds-charts { height:48px; }
.preview-funds-etf { height:142px; margin-top:8px; overflow:hidden; border:1px solid #dfe4e8; border-radius:5px; background:#fff; }
.preview-funds-etf > div:last-child { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:7px 9px; }
.preview-funds-etf article { display:grid; grid-template-columns:1fr 138px; column-gap:8px; padding:5px 7px; border:1px solid #e6e9ec; border-radius:4px; background:#fafbfd; }
.preview-funds-etf article header { grid-column:1/-1; display:flex; align-items:center; gap:8px; }
.preview-funds-etf article header code { color:#75818b; }
.preview-funds-etf article header small { margin-left:auto; color:#8b949c; }
.preview-funds-etf article dl { display:grid; grid-template-columns:1fr 1fr; margin:4px 0 0; }
.preview-funds-etf article dl div { padding:2px 4px; }
.preview-funds-etf article dt { color:#87919a; }
.preview-funds-etf article dd { margin:1px 0 0; font-weight:700; }
.preview-funds-etf article svg { width:100%; height:43px; }
.preview-funds-etf article p { grid-column:1/-1; margin:2px 4px 0; color:#7d8891; }
.preview-funds-linkage { height:142px; margin-top:8px; }

/* 机会、事件与复盘：表格可读、交互明确。 */
.preview-opportunity-switch strong { font-size:13px; }
.preview-opportunity-switch small,.preview-opportunity-filters :is(span,small) { font-size:10px; }
.preview-opportunity-table :is(th,td),.preview-event-table :is(th,td) { padding-block:7px; font-size:10px; }
.preview-opportunity-table .preview-table-stock :is(strong,small),.preview-event-table .preview-table-stock :is(strong,small) { font-size:10px; }
.preview-signal-tag { font-size:9px; }
.preview-events-list > div:last-child > button { min-height:94px; }
.preview-events-list button > strong { font-size:11px; }
.preview-events-detail h2 { font-size:17px; }
.preview-events-detail-tabs { gap:3px; padding:4px; border:1px solid #e3e7ea; border-radius:5px; background:#f5f7f8; }
.preview-events-detail-tabs button { flex:1; min-height:28px; padding:0 5px; border:0; border-radius:3px; color:#74808a; background:transparent; font-size:9px; }
.preview-events-detail-tabs button[aria-pressed='true'] { color:#fff; background:#39454e; }
.preview-events-analysis,.preview-events-impact,.preview-events-history,.preview-events-market,.preview-events-risks { margin-top:7px; min-height:116px; padding:8px; border:1px solid #e4e8eb; border-radius:4px; background:#f8f9fa; }
.preview-events-impact header,.preview-events-history header,.preview-events-market header,.preview-events-risks header { display:flex; justify-content:space-between; margin-bottom:6px; }
.preview-events-impact header span,.preview-events-history header span,.preview-events-market header span,.preview-events-risks header span { color:#808b94; }
.preview-events-impact article { display:grid; grid-template-columns:26px 1fr 70px 70px; align-items:center; gap:7px; padding:5px; border-top:1px solid #e5e8eb; }
.preview-events-impact article > b { display:grid; height:22px; place-items:center; border-radius:50%; color:#fff; background:#bf473b; }
.preview-events-impact article span :is(strong,small) { display:block; }
.preview-events-impact article em,.preview-events-impact article i { font-style:normal; }
.preview-events-impact > p,.preview-events-history > p { margin:6px 0 0; color:#7e8992; }
.preview-events-history > div { display:grid; grid-template-columns:90px 1fr 90px 90px; gap:8px; padding:7px 4px; border-top:1px solid #e5e8eb; }
.preview-events-market svg { width:100%; height:78px; }
.preview-events-market footer { display:flex; justify-content:space-between; color:#74808a; }
.preview-events-risks ul { display:grid; grid-template-columns:1fr 1fr; gap:6px 16px; margin:0; padding-left:18px; color:#68757f; }
.preview-events-risks li { line-height:1.5; }
.preview-review-breadth { padding:6px 8px; border-bottom:1px solid #e7eaed; background:#fafbfd; }
.preview-review-breadth header,.preview-review-dragon header { display:flex; justify-content:space-between; }
.preview-review-breadth header span,.preview-review-dragon header span { color:#818c95; }
.preview-review-breadth > div { display:flex; align-items:end; gap:5px; height:54px; margin-top:4px; }
.preview-review-breadth > div span { flex:1; display:flex; height:100%; flex-direction:column; justify-content:end; align-items:center; gap:2px; }
.preview-review-breadth > div i { width:68%; min-height:6px; background:#cc5548; }
.preview-review-breadth footer { display:flex; justify-content:space-between; color:#75818b; }
.preview-review-dragon { padding:6px 8px; border-bottom:1px solid #e7eaed; background:#fff9f6; }
.preview-review-dragon > div { display:grid; grid-template-columns:18px 1fr auto; align-items:center; gap:6px; padding:4px 0; border-top:1px solid #eee3df; }
.preview-review-dragon > div > span { color:#929ba2; }
.preview-review-dragon > div strong small { display:block; color:#87919a; font-weight:400; }
.preview-review-workbench :is(.preview-review-list-head,.preview-review-mainlines>div:not(.preview-monitor-panel-head),.preview-review-flows p,.preview-review-stocks>div:not(.preview-monitor-panel-head)) { font-size:10px; }

@media (max-width: 1100px) {
  .preview-radar-primary, .preview-radar-secondary { grid-template-columns: 1fr; }
  .preview-radar-capital-body { grid-template-columns: 170px 1fr; }
  .preview-radar-capital-body aside { grid-column: 1 / -1; }
  .ai-shot-gallery figure { overflow-x: auto; }
  .ai-shot-gallery img { width: 1200px; max-width: none; }
}
@media (max-width: 700px) {
  .preview-radar-market-strip { min-width: 690px; }
  .preview-radar-kpis { min-width: 740px; }
  .preview-radar-primary, .preview-radar-secondary { min-width: 710px; }
  .preview-radar-capital { min-width: 710px; }
  .preview-radar-capital-body { grid-template-columns: 160px 1fr; }
  .preview-radar-heading { min-width: 680px; }
  .ai-shot-gallery figure { overflow-x: auto; }
  .ai-shot-gallery img { width: 1200px; max-width: none; }
  .ai-shot-tabs { width: 100%; }
  .ai-shot-tabs button { flex: 1; min-width: 0; }
  .ai-shot-gallery figcaption { position: sticky; left: 0; width: calc(100vw - 48px); }
}

/* One public-site theme, shared by the home, support pages and product views. */
.brand small { font-size: .75rem; letter-spacing: .04em; }
.site-footer { border-top: 1px solid var(--line); }
.info-page .page-hero { padding: 64px 0 40px; background: linear-gradient(135deg,#fff 35%,#fff7f4); }
.info-page .page-hero .container { max-width: 1040px; }
.info-page .page-hero h1 { margin: 12px 0 16px; font-size: clamp(2rem,4vw,3.25rem); line-height: 1.35; font-weight: 650; letter-spacing: -.035em; }
.info-page .page-hero p:not(.eyebrow) { max-width: 760px; margin: 0; color: var(--muted); font-size: var(--type-body); line-height: 1.8; }
.info-page .eyebrow { font-size: var(--type-small); }
.info-page .section { padding: 48px 0 72px; }
.info-content { max-width: 960px; }
.info-content > section { margin-bottom: 40px; }
.info-page h2 { margin: 0 0 20px; font-size: clamp(1.5rem,2.5vw,2rem); line-height: 1.45; font-weight: 650; letter-spacing: -.025em; }
.info-page h3 { margin: 0 0 12px; font-size: 1.125rem; line-height: 1.5; font-weight: 600; }
.info-page p, .info-page li { font-size: var(--type-body); line-height: 1.8; }
.info-page p, .info-page li { color: var(--muted); }
.info-page li + li { margin-top: 10px; }
.info-page strong { color: var(--ink); }
.info-page .notice { padding: 20px 24px; border: 1px solid var(--accent-border); border-left: 3px solid var(--accent); border-radius: 12px; background: var(--accent-soft); }
.info-page .notice p:last-child { margin-bottom: 0; }
.info-page .card { box-shadow: none; border-color: var(--line); border-radius: 12px; }
.info-page .card:hover { box-shadow: none; border-color: var(--line); }
.info-page .card-body { padding: 24px; }
.info-page .data-table-wrap { margin: 24px 0; border-color: var(--line); border-radius: 12px; }
.info-page .data-table { font-size: var(--type-small); }
.info-page .data-table th, .info-page .data-table td { padding: 15px 18px; font-size: var(--type-small); line-height: 1.65; }
.info-page .data-table thead th { color: var(--ink); background: #faf8f7; }
.info-page .data-table tbody th { color: var(--ink); background: #fff; font-weight: 600; white-space: nowrap; }
.info-page .data-table td { color: var(--muted); }
.info-page .feedback-layout { max-width: 1040px; grid-template-columns: minmax(240px,.7fr) minmax(340px,1.3fr); gap: 40px; }
.info-page .filter-panel { border-color: var(--line); border-radius: 12px; box-shadow: none; }
.info-page .panel-head { padding: 24px; background: #faf8f7; border-color: var(--line); }
.info-page .panel-head h2 { margin-bottom: 4px; font-size: 1.25rem; }
.info-page .panel-head p { margin: 0; font-size: var(--type-small); }
.info-page .panel-content { padding: 24px; }
.info-page .field label, .info-page .check-line, .info-page .form-status { font-size: var(--type-small); }
.info-page .field input, .info-page .field select, .info-page .field textarea { font-size: var(--type-body); border-color: #d9d1d2; background: #fff; }
.info-page input[type='checkbox'] { accent-color: var(--accent); }
.info-page .check-line a { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 3px; }
.info-page .actions { margin-top: 20px; }
.info-not-found { padding-block: 96px; min-height: 80vh; }
.info-not-found h1 { font-size: clamp(2rem,4vw,3.25rem); }
.download-simple-hero h1 { font-size: clamp(2rem,4vw,3.25rem); }
.live-demo .preview-subtabs button[aria-pressed='true'],
.live-demo .preview-event-detail-tabs button[aria-pressed='true'],
.live-demo .preview-monitor-tabs button[aria-pressed='true'] { color: var(--accent-hover); background: var(--accent-soft); border-color: var(--accent-border); box-shadow: none; }
.feature-desktop-page button.is-active { color: var(--accent-hover); background: var(--accent-soft); border-color: var(--accent-border); }
.feature-desktop-page button.primary, .feature-desktop-page .primary { color: #fff; background: var(--accent); border-color: var(--accent); }
.live-demo .demo-primary { background: var(--accent); border-color: var(--accent); }
.live-demo .demo-primary:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
@media (max-width: 860px) {
  .info-page .feedback-layout { grid-template-columns: 1fr; gap: 28px; }
  .info-page .page-hero { padding-top: 40px; }
}
@media (max-width: 650px) {
  .info-page .section { padding: 32px 0 48px; }
  .info-page .grid-2 { grid-template-columns: 1fr; }
  .info-page .card-body, .info-page .panel-head, .info-page .panel-content { padding: 20px; }
  .info-page .data-table-wrap { overflow-x: auto; }
  .info-page .data-table { min-width: 640px; }
  .info-page .notice { padding: 20px; }
}