/* Compact desktop layout (edit E15). Uses the horizontal space: full-width text blocks, a three-up ecosystem and two-up
   model cards (six-up ecosystem and one-row model cards from 1300px), roughly one third less vertical padding, slightly
   tighter line height. The compacting rules apply from 1100px up. Below 1100px this file only sets the reading size
   floor (14px reading text, 12px labels and captions), full-width paragraphs, and, from 640px down, lets the multi-row
   header scroll with the page instead of sticking over targets. */
main p, main p[class], .wth-chat p { max-width: none !important; }
@media (min-width: 1100px) {
  /* Native control dimensions are kept: no CSS zoom, so a 44px control stays 44px. The note sizes set in this range are
     12.8px, 13px and 13.5px (.pricing-notes p); small captions that keep an 11px size from 1100px up are special-badge,
     companion-step, image-credit, .founder-offer .eyebrow, .heritage-quote > .eyebrow and .founder-equivalent, and
     .brand-tagline stays 11px in the 951px to 1200px band it inherits from styles.css. */
  main .cell-note, main .section-note, main .companion-claim, main .av-evidence-note, main .wth-chat__privacy, main .wth-chat__capacity,
  main .wth-chat__policy, main .wth-chat__option-help, main .comparison-note, main .model-qualification, main .offline-control, main summary { font-size: 13px; }
  main :is(small, .eyebrow, .tag, .model-index, .hero-note, .hero-models-note, .shared-capability, .wth-chat__eyebrow, .wth-chat__help, .budget-label, .clinical-score-label, .draft-label, .example-header span, .example-footer span) { font-size: 12.8px; }
  main .av-metrics p, main .offline-specs small, main .ayce-chip small, main .ayce-grid th { font-size: 12.8px; }
  main .wth-chat .wth-chat__choice small { font-size: 12.8px; }
  .shell { width: min(1640px, calc(100% - 56px)); }
  main p { max-width: none; line-height: 1.46; }
  .section { padding-block: 30px; }
  .section-heading { margin-bottom: 16px; gap: 28px; }
  .section-heading h2, h2 { font-size: clamp(26px, 2.5vw, 36px); letter-spacing: -1.2px; line-height: 1.1; }
  .section h3 { font-size: clamp(18px, 1.5vw, 22px); line-height: 1.2; }
  .local-section, .benchmark-section { padding-block: 36px; }
  .legal-section { padding-block: 30px; }
  .download-section { padding-block: 28px; gap: 36px; }
  .mission-section { padding: 34px 0 14px; }
  .support-section { padding-block: 34px; }
  .ecosystem { padding-block: 26px; }
  .vpn-companion { margin-block: 24px; padding: 18px; }
  .mission-strip { padding-block: 10px; }
  .faq, .acknowledgments, .safety-section { padding-block: 28px; }

  /* hero: the paragraph and the buttons run under both columns */
  .hero { grid-template-columns: 1.06fr 1fr; grid-template-rows: auto auto auto auto auto auto; column-gap: 40px; row-gap: 0; padding-block: 22px 24px; align-items: start; min-height: 0; }
  .hero-copy { display: contents; }
  .hero-copy > .eyebrow { grid-column: 1; grid-row: 1; }
  .hero h1 { grid-column: 1; grid-row: 2; font-size: clamp(40px, 4vw, 58px); margin: 10px 0; letter-spacing: -2.8px; }
  .hero-description { grid-column: 1; grid-row: 3; margin: 0 0 8px; }
  .hero-models { grid-column: 2; grid-row: 1 / span 3; align-self: stretch; padding: 18px 20px; }
  .hero-detail { grid-column: 1 / -1; grid-row: 4; max-width: none; margin: 8px 0 10px; font-size: 16px; }
  .hero .button-row { grid-column: 1 / -1; grid-row: 5; margin: 0; }
  .hero-note { grid-column: 1 / -1; grid-row: 6; margin: 8px 0 0; }

  /* ecosystem */
  .ecosystem-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
  .ecosystem-list li { padding: 14px; }
  .ecosystem-list h3 { font-size: 17px; margin-bottom: 6px; }
  .ecosystem-list p { font-size: 14px; line-height: 1.45; }
  .ecosystem-closing { margin-top: 14px; font-size: 15px; }

  /* chat panel */
  .wth-chat { width: min(1640px, calc(100% - 56px)); margin: 20px auto; padding: 20px 26px; }
  .wth-chat h2 { margin-bottom: 8px; }
  .wth-chat__quota { margin: 12px 0 8px; }
  .wth-chat__transcript { min-height: 72px; padding: 10px 0; }
  .wth-chat__options { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 10px 18px; margin-bottom: 12px; }
  .wth-chat__option-help, .wth-chat__credits { grid-column: 1 / -1; }
  .wth-chat .wth-chat__choice { padding: 8px 10px; }
  .wth-chat textarea { min-height: 72px; }
  .wth-chat__privacy { margin-top: 10px; padding-top: 10px; }

  /* cards */
  .model-card { padding: 20px; }
  .model-card p, .health-grid p, .companion-grid p { font-size: 15px; }
  .price-card { padding: 16px 18px; }
  .ayce-card { padding: 16px 20px; gap: 10px 28px; }
  .ayce-card .plan-description { margin: 4px 0 0; }
  .ayce-card .plan-price { margin: 6px 0 0; }
  .ayce-points li { margin-bottom: 2px; }
}

@media (min-width: 1100px) {
  /* text blocks use the full container; class-level max-widths in the older stylesheets are overridden here */
  main p, main p[class] { max-width: none !important; }
  main .section-heading > p { max-width: none !important; }
  main .eyebrow { margin-bottom: 6px; }

  /* hero model list in a 2 x 2 grid so the hero is as short as its text */
  .hero-model-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; }
  .hero-models-statement { font-size: clamp(22px, 2vw, 28px); margin: 6px 0 8px; }
  .hero-models-note { margin-top: 8px; }
  .hero-model-list > a { padding-block: 10px; }

  /* research */
  .research-rows { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 28px; }
  .research-rows > article { display: block; padding-block: 14px; }
  .research-rows .row-number { display: block; margin-bottom: 6px; }
  .ambition-note { padding: 20px 24px; gap: 28px; grid-template-columns: .7fr 1.8fr; }
  .ambition-note > div:last-child { column-count: 2; column-gap: 36px; }
  .ambition-note > div:last-child > p { break-inside: avoid; }
  .charity-explainer { column-span: all; break-inside: avoid; margin-top: 12px; padding: 14px 18px; }
  .references { padding: 16px 20px; }
  .disclosure summary { padding-block: 14px; }

  /* pricing */
  .promotion-strip { padding: 12px 18px; }
  .billing-switch { margin-block: 12px; }
  .pricing-grid { gap: 12px; }
  .price-card ul { margin-block: 8px; }
  .price-card li { margin-bottom: 3px; }
  .founder-offer { padding: 16px 22px; margin-top: 12px; gap: 24px; }
  .pricing-notes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 28px; margin-top: 12px; }
  .pricing-notes p { font-size: 13.5px; }
  .ayce-card { margin-top: 12px; }

  /* health, api, companions */
  .health-grid { gap: 14px; }
  .health-grid > article { padding: 14px; }
  .clinical-result { padding: 14px 20px; margin-bottom: 14px; }
  .care-note { padding: 16px 20px; margin-top: 14px; }
  .api-grid { gap: 12px; }
  .api-rate, .api-conditions { padding: 16px; }
  .api-comparison { padding: 16px 20px; margin-top: 12px; }
  .companion-grid { gap: 14px; }
  .companion-grid > article { padding: 18px; }
  .principles-grid { gap: 36px; }

  /* tables and tabs */
  .comparison-scroll { max-height: none; margin-bottom: 18px; }
  .comparison-table tbody th[scope=row] { width: 17%; min-width: 175px; }
  .comparison-table th, .comparison-table td { padding: 9px 12px; }
  .comparison-intro { margin-bottom: 10px; }
  .comparison-subhead { margin: 22px 0 8px; font-size: 18px; font-weight: 600; letter-spacing: -0.3px; color: var(--ink); }
}

@media (min-width: 1100px) {
  /* second pass: tighter cards and a shorter picture panel */
  .price-card .plan-description { margin: 6px 0 10px; }
  .price-card ul { margin-block: 6px; }
  .price-card li { margin-bottom: 2px; line-height: 1.4; }
  .price-card .plan-price span:first-child { font-size: clamp(30px, 2.6vw, 38px); }
  .founder-offer h3 { font-size: clamp(20px, 1.8vw, 26px); }
  .parthenon-scene { min-height: 0; }
  .heritage-quote { padding: 14px 16px; }
  .example-sheet { padding: 16px 20px; }
  .av-metrics > div { padding: 16px 18px; }
  .clinical-result { padding: 12px 18px; }
  .care-note { padding: 12px 18px; }
  .care-note > span { font-size: clamp(22px, 2vw, 30px); }
  .references { padding: 12px 18px; }
  .references p { margin-block: 4px; }
  .api-comparison-heading { margin-bottom: 8px; }
  .mission-section .philosophy-symbols { padding: 14px 18px; gap: 14px; }
}
@media (min-width: 1300px) {
  .ecosystem-list { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .model-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .health-grid { gap: 20px; }
}
/* after the 1300px block, so that the 12px gap written here is the one that renders from 1400px up (audit round 6, web_deploy_css_ui) */
@media (min-width: 1400px) {
  .health-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
}

/* Below desktop width reading text is never smaller than 14px. Labels (eyebrows, tags, small captions) stay at 12px or more. */
@media not all and (min-width: 1100px) {
  main .cell-note p, main .price-card li, main .pricing-notes p, main .philosophy-symbols p, main .av-metrics p, main th,
  main .clinical-result p, main .companion-value-note p, main .founder-offer p, main .section-note, main .plan-description,
  main .planned-price, main .model-qualification, main .companion-claim, main .offline-control, main .av-evidence-note,
  main .comparison-note, main .comparison-sources, main .ayce-note, main .ayce-signin-hint, main .ayce-status, main .ayce-open, main .ayce-label, main .ayce-summary dt, main .ayce-chip small, main .ayce-grid th, main .api-source-links, main .hero-note, main .hero-models-note,
  main .wth-chat__policy, main .wth-chat__option-help, main .wth-chat__capacity, main .wth-chat__privacy, main .wth-chat__help,
  main .wth-chat .wth-chat__choice small, main .table-scroll-hint, .footer-attribution { font-size: 14px !important; }
  main .cell-note,
  main .comparison-table caption,
  main .comparison-table th small,
  main .local-principles .dark-note,
  main .support-grid p.support-note,
  main .example-footer,
  main .example-footer span,
  main .missing-score,
  main .index-context,
  main .index-rank,
  main .pending-index,
  main .annual-equivalent,
  main .reported-result > span + span,
  main .founder-equivalent,
  main .founder-savings small,
  main .promotion-strip small,
  main .wth-chat__account-text,
  main .wth-chat__account-email,
  main .wth-chat__account-status,
  main .wth-chat__account-policy,
  main .wth-chat__credits,
  main .api-bar-row,
  main .api-bar-row strong,
  .account-name,
  .account-signout,
  .wth-chat .wth-chat__signout,
  dialog label,
  dialog p.payment-note,
  .payment-links,
  #copy-status { font-size: 14px !important; }
  main .hero-model-list small,
  main .heritage-caption small,
  main .heritage-quote > .eyebrow,
  main .image-credit,
  main .special-badge,
  main .billing-switch small,
  main .founder-offer .eyebrow,
  main .companion-step,
  main .finding-target > span:last-child,
  .brand-tagline { font-size: 12px !important; }
}
/* On narrow screens the header can be six rows tall (the top bar, four rows of product links in two columns, and the account
   row), so it scrolls with the page and in-page targets are not hidden under it. */
@media (max-width: 640px) {
  .header { position: relative; top: auto; }
  html,
  html:has(.header.has-account) { scroll-padding-top: 12px; }
}

/* Brand W image wordmark, header shortcuts, live Cloud GPU meter, single-line API heading, Ultra telemetry, Chat model bar, and Dedicated GPU controls. */
.header { background: var(--paper, #f7f8fa) !important; }
.wordmark img.brand-w-img, .brand-w-img { width: 44px !important; height: 34px !important; object-fit: contain; display: inline-block; vertical-align: middle; margin-right: -2px; flex-shrink: 0; }
.wordmark-inthos { font-family: Georgia, 'Times New Roman', serif; font-size: 29px; font-weight: 600; letter-spacing: -1px; color: var(--ink); margin-right: 4px; }
.header-family { order: 1; display: inline-flex !important; align-items: center; min-height: 28px; padding: 0 8px; flex-shrink: 0; }
.header-family-slot { gap: 5px 10px; flex-wrap: wrap !important; overflow: visible !important; justify-content: center; align-items: center; padding: 6px 0; min-width: 0; }
.header-shortcuts { order: 3; flex: 0 0 100%; max-width: 100%; display: flex !important; align-items: center; justify-content: flex-start; gap: 6px; flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; }
.header-shortcuts > :first-child { margin-inline-start: auto; }
.header-shortcuts > :last-child { margin-inline-end: auto; }
.header-shortcuts::-webkit-scrollbar { display: none; }
.header-shortcut-pill { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 5px 11px; border: 1px solid #cbd1c6; border-radius: 18px; background: #fff; color: var(--ink); font-size: 12.5px; font-weight: 600; white-space: nowrap; flex-shrink: 0; transition: background 0.15s, border-color 0.15s; }
.header-shortcut-pill:hover { background: var(--lime); border-color: var(--ink); text-decoration: none; }
.gpu-meter-pill { order: 2; display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 4px 10px; border: 1px solid #97ad4a; border-radius: 18px; background: #f2f7e4; color: #1c2d1b; font-size: 12px; white-space: nowrap; flex-shrink: 0; }
.gpu-meter-dot, .telemetry-dot, .region-dot { width: 8px; height: 8px; border-radius: 50%; background: #2f8f46; display: inline-block; flex-shrink: 0; box-shadow: 0 0 0 3px rgba(47, 143, 70, 0.18); }
.gpu-meter-bar { width: 42px; height: 6px; border-radius: 4px; background: #d6e2c4; overflow: hidden; display: inline-block; }
.gpu-meter-fill { display: block; height: 100%; background: #2f8f46; border-radius: 4px; transition: width 0.35s ease; }
@media (min-width: 1181px) and (max-width: 1919px) { .header { height: auto !important; min-height: 124px; grid-template-rows: minmax(76px, auto) minmax(46px, auto) !important; } }
@media (min-width: 1181px) and (max-width: 1600px) {
  .header { padding-inline: 24px !important; column-gap: 12px !important; }
  .header .brand-block { flex-direction: column; align-items: flex-start; gap: 0; }
  .header .brand-block .wordmark { min-height: 40px; }
}

/* Ensure #api h2 renders cleanly on 1 horizontal line on desktop without overflowing tablet/mobile */
#api .section-heading > div:first-child, .api-section .section-heading > div:first-child { flex-shrink: 0; }
@media (max-width: 1099px) {
  .section-heading { flex-direction: column; align-items: flex-start; gap: 12px; }
  .section-heading > div:first-child { flex-shrink: 1; min-width: 0; max-width: 100%; }
}
#api .section-heading, .api-section .section-heading { flex-direction: column; align-items: flex-start; gap: 10px; }
#api h2, .api-section .section-header h2, .api-section .section-heading h2 { white-space: nowrap; max-width: none; width: 100%; }
@media (max-width: 1279px) { #api h2, .api-section .section-header h2, .api-section .section-heading h2 { white-space: normal; } }

/* Chat top row, model selector bar, voice button, datacenter region pill */
.wth-chat__top-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 10px; }
.wth-chat__top-row .wth-chat__eyebrow { margin: 0; }
.chat-telemetry-pill, .datacenter-region-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border: 1px solid #cbd1c6; border-radius: 20px; background: #f6f8f3; font-size: 12.5px; color: #24321f; }
.chat-voice-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px 12px; border: 1px solid #31531f; border-radius: 20px; background: #fff; color: #1c2d1b; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.chat-voice-btn[aria-pressed="true"] { background: #1c2d1b; color: #fff; }
.chat-model-selector { margin-top: 12px; padding: 12px 14px; border: 1px solid #cbd1c6; border-radius: 10px; background: #f8faf5; }
.chat-model-selector__pills { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.chat-model-pill { min-height: 44px; padding: 8px 16px; border: 1px solid #b9c4b1; border-radius: 22px; background: #fff; color: var(--ink); font-size: 13.5px; font-weight: 600; cursor: pointer; }
.chat-model-pill.is-active, .chat-model-pill[aria-pressed="true"] { background: #17201c; color: #fff; border-color: #17201c; }
.chat-model-pill--ultra { border-color: #af8c41; background: #fcf7e8; color: #5a4414; }
.chat-model-selector__note { margin: 0; font-size: 13px; color: var(--muted); }

/* Ultra Mode pass card and live telemetry gauges */
.ultra-grid > * { min-width: 0; }
.ultra-grid > div:last-child { column-count: 1 !important; }
.ultra-offer-card .button { margin: 8px 0 6px; }
.telemetry-gauges { display: grid; gap: 12px; margin: 14px 0; padding: 14px; border: 1px solid #cbd1c2; border-radius: 6px; background: #fff; }
.telemetry-gauge-header { display: flex; justify-content: space-between; align-items: baseline; font-size: 13.5px; margin-bottom: 6px; }
.telemetry-gauge-header strong { font-size: 18px; color: #1c2d1b; font-variant-numeric: tabular-nums; }
.telemetry-gauge-track { height: 10px; border-radius: 5px; background: #e3e8dc; overflow: hidden; }
.telemetry-gauge-fill { height: 100%; border-radius: 5px; background: linear-gradient(90deg, #3c6e2f, #7fa942); transition: width 0.35s ease; }

/* Dedicated Cloud GPU Node (#book) controls */
.book-gpu-meta { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; align-items: flex-start; }
.book-gpu-queue { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid #cbd1c6; border-radius: 8px; background: #f6f8f3; font-size: 13px; color: #24321f; }
.book-node-config { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px 20px; margin-bottom: 14px; padding: 12px 14px; border: 1px solid #dfe2dc; border-radius: 10px; background: #f9fbf7; }
.book-config-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.book-config-field select { min-height: 44px; min-width: 44px; padding: 8px 12px; border: 1px solid #cbd1c6; border-radius: 10px; background: #fff; font-size: 14px; width: 100%; }
.book-ultra-label { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; font-size: 14px; line-height: 1.45; }
.book-ultra-label input[type="checkbox"] { width: 20px; height: 20px; margin-top: 2px; flex-shrink: 0; }
.book-ultra-label small { display: block; color: var(--muted); font-size: 12.5px; margin-top: 2px; }

/* Multi-Provider SSO UI (Header Log in / Sign up button, Chat SSO bar, and SSO Modal Dialog) */
/* Prevent duplicate/overlapping Google GIS header slot when unified .sso-nav-box is present */
.header:has(.sso-nav-box) > .account-slot,
.header.has-account:has(.sso-nav-box) > .account-slot { display: none !important; }
.wth-chat:has(.chat-sso-bar) > .wth-chat__account { display: none !important; }
.sso-provider-btn[hidden],
.sso-login-btn[hidden],
.sso-user-pill[hidden],
.sso-google-gis-wrap[hidden],
.sso-email-row[hidden],
.sso-nav-box [hidden],
.chat-sso-bar [hidden] { display: none !important; }

.sso-nav-box { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; position: relative; z-index: 2; }
@media (min-width: 1920px) {
  .header:has(.sso-nav-box),
  .header.has-account:has(.sso-nav-box) {
    display: grid !important;
    height: auto !important;
    min-height: 120px;
    padding-top: 8px;
    padding-bottom: 8px;
    grid-template-columns: auto minmax(0, 1fr) auto auto 44px !important;
    grid-template-rows: minmax(73px, auto) minmax(46px, auto) !important;
    column-gap: 18px;
    row-gap: 6px;
    align-items: center;
  }
  .header:has(.sso-nav-box) .brand-block { grid-column: 1; grid-row: 1; }
  .header:has(.sso-nav-box) .header-family-slot { grid-column: 2; grid-row: 1; width: 100%; }
  .header:has(.sso-nav-box) .sso-nav-box { grid-column: 3; grid-row: 1; }
  .header:has(.sso-nav-box) .language-picker { grid-column: 4; grid-row: 1; }
  .header:has(.sso-nav-box) .menu-toggle { grid-column: 5; grid-row: 1; }
  .header:has(.sso-nav-box) .product-navigation { grid-column: 1 / -1; grid-row: 2; width: 100%; border-top: 1px solid var(--line, #dfe2dc); padding-top: 4px; }
}
@media (min-width: 1181px) and (max-width: 1919px) {
  .header:has(.sso-nav-box),
  .header.has-account:has(.sso-nav-box) { grid-template-columns: auto minmax(0, 1fr) auto auto 44px !important; grid-template-rows: minmax(73px, auto) 46px !important; }
  .header:has(.sso-nav-box) .brand-block { grid-column: 1; grid-row: 1; }
  .header:has(.sso-nav-box) .header-family-slot { grid-column: 2; grid-row: 1; }
  .header:has(.sso-nav-box) .sso-nav-box { grid-column: 3; grid-row: 1; }
  .header:has(.sso-nav-box) .language-picker { grid-column: 4; grid-row: 1; }
  .header:has(.sso-nav-box) .menu-toggle { grid-column: 5; grid-row: 1; }
  .header:has(.sso-nav-box) .product-navigation { grid-column: 1 / -1; grid-row: 2; }
}
@media (min-width: 641px) and (max-width: 1180px) {
  .header,
  .header:has(.sso-nav-box),
  .header.has-account:has(.sso-nav-box) {
    position: relative;
    top: auto;
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: auto minmax(0, 1fr) auto 44px !important;
    grid-template-rows: minmax(64px, auto) auto minmax(44px, auto) !important;
    column-gap: 10px !important;
    row-gap: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .header:has(.sso-nav-box) .brand-block { grid-column: 1; grid-row: 1; }
  .header:has(.sso-nav-box) .sso-nav-box { grid-column: 2; grid-row: 1; justify-self: end; min-width: 0; max-width: 100%; }
  .header:has(.sso-nav-box) .sso-user-badge { max-width: clamp(80px, 18vw, 190px); }
  .header:has(.sso-nav-box) .language-picker { grid-column: 3; grid-row: 1; }
  .header:has(.sso-nav-box) .menu-toggle { grid-column: 4; grid-row: 1; }
  .header:has(.sso-nav-box) .header-family-slot {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-content: center;
    padding: 6px 0;
    border-top: 1px solid var(--line, #dfe2dc);
  }
  .header:has(.sso-nav-box) .header-shortcuts { flex-wrap: nowrap !important; }
  @media (max-width: 767px) {
    .header:has(.sso-nav-box) .header-family-slot {
      justify-content: flex-start;
      overflow-x: auto !important;
      flex-wrap: nowrap !important;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
    }
    .header:has(.sso-nav-box) .header-shortcuts {
      order: 2;
      flex: 0 0 auto;
      overflow-x: visible;
    }
    .header:has(.sso-nav-box) .gpu-meter-pill {
      order: 3;
    }
  }
  .header:has(.sso-nav-box) .product-navigation {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    flex-wrap: wrap;
    height: auto;
  }
}
@media (max-width: 640px) {
  .header,
  .header:has(.sso-nav-box),
  .header.has-account:has(.sso-nav-box) {
    grid-template-columns: minmax(0, 1fr) auto 44px !important;
    grid-template-rows: minmax(60px, auto) auto auto auto !important;
    height: auto !important;
  }
  .header:has(.sso-nav-box) .brand-block { grid-column: 1; grid-row: 1; min-width: 0; }
  .header:has(.sso-nav-box) .language-picker { grid-column: 2; grid-row: 1; }
  .header:has(.sso-nav-box) .menu-toggle { grid-column: 3; grid-row: 1; }
  .header:has(.sso-nav-box) .sso-nav-box {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-content: center;
    padding: 6px 0;
    border-top: 1px solid var(--line, #dfe2dc);
    width: 100%;
  }
  .header:has(.sso-nav-box) .header-family-slot {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    overflow-x: auto !important;
    padding: 6px 0;
    border-top: 1px solid var(--line, #dfe2dc);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    max-width: 100%;
  }
  .header:has(.sso-nav-box) .header-shortcuts { order: 2; flex: 0 0 auto; flex-wrap: nowrap !important; flex-shrink: 0; overflow-x: visible; }
  .header:has(.sso-nav-box) .gpu-meter-pill { order: 3; }
  .header:has(.sso-nav-box) .product-navigation {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }
  .header .product-navigation a {
    min-width: 0;
    height: auto !important;
    min-height: 44px;
    padding: 6px 4px;
    white-space: normal !important;
    overflow-wrap: anywhere;
    line-height: 1.25;
  }
  .wordmark img.brand-w-img, .brand-w-img { width: 36px !important; height: 28px !important; }
  .wordmark-inthos { font-size: 22px !important; }
}
@media (max-width: 480px) {
  .header .product-navigation,
  .header:has(.sso-nav-box) .product-navigation {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .header .product-navigation > a:first-child { grid-column: 1 / -1; }
  .header .product-navigation > a:nth-child(n+2) { border-top: 1px solid var(--line); border-left: 0; }
  .header .product-navigation > a:nth-child(odd):not(:first-child) { border-left: 1px solid var(--line); }
}
.sso-login-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 16px; border: 1px solid #1c2d1b; border-radius: 24px; background: #1c2d1b; color: #fff; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: background 0.15s, transform 0.15s; max-width: 100%; }
.sso-login-btn:hover { background: #2d462b; }
.sso-login-btn__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lime, #d8f36a); display: inline-block; flex-shrink: 0; }
.sso-user-pill { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 4px 10px 4px 14px; border: 1px solid #97ad4a; border-radius: 24px; background: #f2f7e4; color: #1c2d1b; font-size: 12.5px; font-weight: 600; max-width: 100%; }
.sso-user-badge { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sso-logout-btn { min-height: 44px; padding: 6px 12px; border: 1px solid #b9c4b1; border-radius: 18px; background: #fff; color: #1c2d1b; font-size: 12px; font-weight: 600; cursor: pointer; }
.sso-logout-btn:hover { background: #e8eee2; }

.sso-google-gis-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; padding: 10px 14px; border: 1px solid #c5cec0; border-radius: 10px; background: #f6f8f3; }
.sso-google-gis-label { font-size: 13px; font-weight: 600; color: #1c2d1b; }
.sso-google-gis-slot { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; overflow: hidden; }

.chat-sso-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 14px; margin-top: 10px; padding: 10px 14px; border: 1px solid #cbd1c6; border-radius: 10px; background: #f4f7ef; }
.chat-sso-bar__label { font-size: 13px; font-weight: 600; color: #1c2d1b; }
.chat-sso-bar__buttons { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.chat-sso-chip { min-height: 44px; padding: 6px 12px; border: 1px solid #b8c3b0; border-radius: 18px; background: #fff; color: #1c2d1b; font-size: 12.5px; font-weight: 600; cursor: pointer; transition: background 0.15s, border-color 0.15s; }
.chat-sso-chip:hover { background: var(--lime, #d8f36a); border-color: #1c2d1b; }
.chat-sso-chip--more { background: #1c2d1b; color: #fff; border-color: #1c2d1b; }
.chat-sso-chip--more:hover { background: #2d462b; color: #fff; }

.sso-dialog { max-width: 560px; width: calc(100% - 32px); border-radius: 14px; padding: 26px 28px; }
.sso-dialog__subtitle { margin: 6px 0 16px; font-size: 14px; color: var(--muted); line-height: 1.5; }
.sso-provider-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
@media (max-width: 520px) { .sso-provider-grid { grid-template-columns: 1fr; } }
.sso-provider-btn { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 10px 14px; border: 1px solid #c5cec0; border-radius: 10px; background: #fff; color: var(--ink); font-size: 13.5px; font-weight: 600; text-align: left; cursor: pointer; transition: background 0.15s, border-color 0.15s; }
.sso-provider-btn:hover { background: #f2f7e4; border-color: #31531f; }
.sso-provider-icon { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 7px; background: #1c2d1b; color: #fff; font-size: 13px; font-weight: 700; flex-shrink: 0; }
.sso-email-box { padding: 12px 14px; border: 1px solid #d5ddd0; border-radius: 10px; background: #f8faf5; margin-bottom: 12px; }
.sso-email-box label { margin: 0 0 8px; font-size: 12.5px; font-weight: 600; color: #24321f; display: block; }
.sso-email-row { display: flex; gap: 8px; flex-wrap: wrap; }
.sso-email-row input[type="email"],
.sso-email-row input[type="text"] { flex: 1 1 200px; min-height: 44px; padding: 8px 12px; border: 1px solid #b6c0b1; border-radius: 8px; background: #fff; font-size: 14px; min-width: 0; max-width: 100%; }
.sso-email-row .button { min-height: 44px; padding: 8px 16px; font-size: 13px; }
.sso-status-msg { min-height: 20px; margin: 6px 0; font-size: 13.5px; font-weight: 600; color: #24582a; }
.sso-dialog__footnote { margin: 8px 0 0; font-size: 12px; color: var(--muted); line-height: 1.5; }

/* Responsive layout refinements for desktop, tablet, unfolded foldables (600-900px), smartphones (360-480px), and foldable cover screens (280-360px) */
.cyber-comparison > article,
.model-grid > article,
.pricing-grid > article,
.health-grid > article,
.companion-grid > article,
.av-metrics > div { min-width: 0; }
.section-note code,
.cell-note code,
.benchmark-methodology code { overflow-wrap: anywhere; word-break: break-word; }
.special-badge { white-space: normal; max-width: 100%; text-align: left; }
.ultra-grid { grid-template-columns: 1fr 1.35fr; gap: 32px; }
@media (max-width: 960px) {
  .ultra-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
}
@media (min-width: 600px) and (max-width: 1099px), (horizontal-viewport-segments: 2) {
  .ecosystem-list,
  .model-grid,
  .av-metrics,
  .health-grid,
  .cyber-comparison,
  .companion-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  .pricing-grid > .price-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}
@media (horizontal-viewport-segments: 2) {
  .hero,
  .local-grid,
  .support-grid,
  .principles-grid,
  .cyber-comparison,
  .companion-grid {
    column-gap: calc(env(viewport-segment-left 1 0, 28px) - env(viewport-segment-right 0 0, 0px));
  }
}
.comparison-table tbody th[scope="row"] {
  position: sticky;
  left: 0;
  z-index: 1;
  background: var(--paper, #f6f4ef);
}
@media (max-width: 640px) {
  html, body { overflow-x: clip; max-width: 100%; }
  .sso-login-btn { width: 100%; max-width: 360px; }
  .usecase-tabs,
  .comparison-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 4px;
    max-width: 100%;
  }
  .usecase-tabs > button,
  .comparison-tabs > button {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .chat-model-selector__pills {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  .chat-model-pill {
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 8px 10px;
    font-size: 13px;
  }
  .datacenter-region-pill,
  .book-gpu-queue {
    white-space: normal;
    line-height: 1.35;
  }
  .book-node-config {
    grid-template-columns: 1fr;
  }
  .sso-dialog,
  dialog {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    padding: 20px 16px !important;
  }
}
@media (max-width: 380px) {
  .shell { width: calc(100% - 20px) !important; }
  .header { padding-left: 8px !important; padding-right: 8px !important; column-gap: 6px !important; }
  .wordmark img.brand-w-img, .brand-w-img { width: 32px !important; height: 25px !important; }
  .wordmark-inthos { font-size: 21px !important; }
  .wordmark-ai { font-size: 10px !important; padding: 2px 5px !important; }
  .brand-tagline { display: none !important; }
  .language-picker select { min-height: 44px !important; min-width: 68px !important; max-width: 88px !important; padding: 6px 6px !important; font-size: 12px !important; }
  .sso-login-btn { padding: 8px 12px; font-size: 12px; white-space: normal; text-align: center; line-height: 1.25; }
  .av-number, .reported-score, .clinical-score { font-size: clamp(28px, 9vw, 38px) !important; }
  .chat-model-selector__pills { grid-template-columns: 1fr; }
  .chat-sso-bar { padding: 8px 10px; }
  .chat-sso-chip { flex: 1 1 calc(50% - 6px); text-align: center; justify-content: center; padding: 6px 8px; }
  .sso-email-row .button { width: 100%; justify-content: center; }
}
@media (max-width: 320px) {
  .header { column-gap: 4px !important; }
  .wordmark img.brand-w-img, .brand-w-img { width: 28px !important; height: 22px !important; }
  .wordmark-inthos { font-size: 18px !important; margin-right: 2px; }
  .language-picker select { min-width: 60px !important; max-width: 72px !important; }
}

/* Keep chat and sign-in usable in narrow panes and at text zoom. */
.wth-chat, .wth-chat__transcript, .wth-chat__form,
.chat-sso-bar, .chat-sso-bar__buttons, .sso-nav-box, .sso-user-pill { min-width: 0; }
.wth-chat__message, .wth-chat__text, .wth-chat__quota,
.wth-chat__status, .chat-sso-bar__label, .sso-status-msg { overflow-wrap: anywhere; }
.wth-chat textarea { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; }
.sso-user-badge { min-width: 0; }
.sso-logout-btn { flex-shrink: 0; }
.sso-dialog { box-sizing: border-box; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto; overscroll-behavior: contain; }
.wth-chat :is(button, input, textarea, a):focus-visible,
.sso-nav-box :is(button, a):focus-visible,
.sso-dialog :is(button, input, a):focus-visible {
  outline: 3px solid #31531f; outline-offset: 3px;
}
@media (max-width: 640px) {
  .wth-chat textarea, .sso-email-row input { font-size: 16px; }
  .wth-chat__quota, .chat-sso-bar, .chat-sso-bar__buttons { gap: 8px; flex-wrap: wrap; }
  .sso-dialog { padding: 20px 16px; }
  .sso-provider-btn { min-width: 0; overflow-wrap: anywhere; }
}
@media (max-width: 380px), (horizontal-viewport-segments: 2) and (max-width: 760px) {
  .chat-sso-bar__buttons { width: 100%; }
  .chat-sso-chip { flex: 1 1 100%; white-space: normal; }
}

/* Keep introductory prose readable in the compact desktop layout. */
@media (min-width: 1100px) {
  main p:is(.hero-detail, .hero-note, .ecosystem-closing),
  main .section-heading > p,
  .benchmark-evidence .benchmark-context,
  .benchmark-evidence .benchmark-intro p { max-width: 70ch !important; }
}

/* Payment controls obey the native hidden state. */
#plan-dialog [hidden] { display: none !important; }

/* Public launch banner and quick-start prompt controls. */
.launch-banner[hidden] { display: none !important; }
.launch-banner {
  margin-top: 18px;
  margin-bottom: 12px;
}
.launch-banner__inner {
  padding: 20px 24px;
  border: 1.5px solid #31531f;
  border-radius: 18px;
  background: linear-gradient(135deg, #f3f8ef 0%, #ffffff 100%);
  box-shadow: 0 10px 28px rgba(49, 83, 31, 0.08);
}
.launch-banner__badge-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 10px;
}
.launch-banner__pill {
  background: #1d3512;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.launch-banner__milestone {
  font-size: 13px;
  font-weight: 600;
  color: #244017;
}
.launch-banner__title {
  margin: 0 0 8px;
  font-size: clamp(1.3rem, 2.2vw, 1.85rem);
  line-height: 1.25;
  color: #151916;
}
.launch-banner__copy {
  margin: 0 0 14px;
  font-size: 0.96rem;
  line-height: 1.6;
  color: #262c28;
}
.launch-banner__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
}
.wth-chat__quick-prompts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 12px;
  padding: 12px 14px;
  border: 1px solid #d4ddd0;
  border-radius: 14px;
  background: #f6f9f4;
}
.wth-chat__quick-label {
  font-size: 12.8px;
  font-weight: 700;
  color: #244017;
  letter-spacing: 0.02em;
}
.wth-chat__quick-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wth-chat__quick-btn {
  min-height: 38px;
  padding: 7px 13px;
  border: 1px solid #b8c9b0;
  border-radius: 999px;
  background: #ffffff;
  color: #151916;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.wth-chat__quick-btn:hover {
  background: #eaf2e5;
  border-color: #31531f;
}
.wth-chat__quick-btn.is-active,
.wth-chat__quick-btn[aria-pressed="true"] {
  background: #1d3512;
  border-color: #1d3512;
  color: #ffffff;
}
.wth-chat__quick-note {
  margin: 2px 0 0;
  padding: 8px 10px;
  border-left: 3px solid #31531f;
  background: #ffffff;
  border-radius: 6px;
  font-size: 12.8px;
  line-height: 1.5;
  color: #262c28;
}
.wth-chat__quick-note[hidden] {
  display: none !important;
}

/* Winthos Vision Studio section */
.vision-studio-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 24px;
  align-items: stretch;
}
.vision-studio-card,
.vision-preview-card {
  padding: 24px;
  border: 1px solid #d4ddd0;
  border-radius: 18px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.vision-studio-header,
.vision-preview-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.vision-queue-pill {
  font-size: 12.5px;
  font-weight: 600;
  color: #1d3512;
  background: #eaf2e5;
  padding: 5px 12px;
  border-radius: 999px;
}
.vision-tier-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.vision-field-label {
  font-size: 13px;
  font-weight: 700;
  color: #151916;
  margin-bottom: 4px;
  display: block;
}
.vision-tier-options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.vision-tier-choice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #c6d3c0;
  border-radius: 12px;
  background: #f8faf6;
  cursor: pointer;
}
.vision-tier-choice input[type="radio"] {
  margin-top: 3px;
}
.vision-tier-choice span {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.vision-tier-choice strong {
  font-size: 13.8px;
  color: #151916;
}
.vision-tier-choice small {
  font-size: 12.5px;
  color: #465049;
  line-height: 1.45;
}
.vision-select,
.vision-prompt-group textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #b8c9b0;
  border-radius: 10px;
  font: inherit;
  font-size: 14px;
  background: #ffffff;
  color: #151916;
}
.vision-actions-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.vision-status-msg {
  margin: 0;
  font-size: 13px;
  color: #244017;
  line-height: 1.45;
}
.vision-preview-frame {
  flex: 1;
  min-height: 260px;
  border: 1px dashed #b8c9b0;
  border-radius: 14px;
  background: #f6f9f4;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  overflow: hidden;
}
.vision-preview-placeholder {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.55;
  color: #465049;
  text-align: center;
  max-width: 42ch;
}
.vision-result-img {
  max-width: 100%;
  max-height: 420px;
  border-radius: 10px;
  object-fit: contain;
}
@media (max-width: 900px) {
  .vision-studio-grid {
    grid-template-columns: 1fr;
  }
}

/* Pending streaming assistant bubble */
.wth-chat__message.is-streaming {
  border-left: 3px solid #31531f;
  background: linear-gradient(90deg, #f3f8ef 0%, #ffffff 100%);
}
.wth-chat__text--pending {
  color: #244017;
  font-weight: 500;
}


/* Sourced benchmark references: scoped presentation, no rankings or inferred Winthos scores. */
.benchmark-evidence { background: #f5f7fa; color: #172b43; padding-block: 56px; }
.benchmark-evidence .shell { max-width: 1180px; min-width: 0; }
.benchmark-evidence p { line-height: 1.65; }
.benchmark-evidence a { color: #164f87; text-underline-offset: 3px; }
.benchmark-evidence a:hover { text-decoration-thickness: 2px; }
.benchmark-evidence :is(a, summary, [tabindex]):focus-visible { outline: 3px solid #2369b0; outline-offset: 4px; border-radius: 3px; }
.benchmark-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: end; margin-bottom: 28px; }
.benchmark-intro h2 { font-size: clamp(30px, 3.8vw, 46px); line-height: 1.1; letter-spacing: -1.4px; margin: 10px 0 0; }
.benchmark-evidence .benchmark-date { font-size: 13px; color: #536479; }
.benchmark-status-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; padding: 28px; background: #fff; border: 1px solid #d3dce7; border-left: 4px solid #647a95; border-radius: 16px; }
.benchmark-status-label, .benchmark-card-kicker { color: #52657c; font-size: 12px; font-weight: 700; letter-spacing: .06em; }
.benchmark-status-panel h3 { margin: 10px 0; }
.benchmark-status-panel p { margin-bottom: 0; font-size: 15px; }
.benchmark-model-status { list-style: none; padding: 0; margin: 0; align-self: center; }
.benchmark-model-status li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #e2e7ee; font-size: 14px; }
.benchmark-model-status li:last-child { border: 0; }
.benchmark-status-pill { color: #43556d; background: #edf1f6; padding: 5px 9px; border-radius: 6px; font-size: 12px; white-space: nowrap; }
.benchmark-reference-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 38px 0 10px; }
.benchmark-reference-heading h3 { margin: 6px 0 0; font-size: 25px; line-height: 1.25; }
.benchmark-version { padding: 6px 10px; background: #e5edf7; color: #28507b; border-radius: 6px; font-size: 13px; font-weight: 600; }
.benchmark-evidence .benchmark-context { font-size: 15px; color: #475b73; margin: 0 0 20px; }
.benchmark-reference-scroll { max-width: 100%; overflow-x: auto; border: 1px solid #d3dce7; border-radius: 12px; background: #fff; }
.benchmark-evidence .benchmark-reference-table { width: 100%; min-width: 620px; border-collapse: collapse; table-layout: auto; margin: 0; font-size: 14px; color: #172b43; }
.benchmark-reference-table caption { text-align: left; padding: 16px 20px; font-size: 13px; color: #536479; background: #fff; caption-side: bottom; }
.benchmark-evidence .benchmark-reference-table :is(th, td) { position: static; padding: 15px 20px; text-align: left; white-space: normal; border: 0; border-bottom: 1px solid #e2e7ee; background: transparent; }
.benchmark-evidence .benchmark-reference-table thead th { font-size: 12px; color: #405874; background: #eaf0f7; font-weight: 700; }
.benchmark-evidence .benchmark-reference-table tbody tr:nth-child(even) { background: #f8fafc; }
.benchmark-evidence .benchmark-reference-table tbody th { font-weight: 600; }
.benchmark-evidence .benchmark-reference-table .benchmark-reference-score { font-variant-numeric: tabular-nums; font-size: 18px; font-weight: 700; }
.benchmark-reference-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.benchmark-reference-card { padding: 24px; background: #fff; border: 1px solid #d3dce7; border-radius: 12px; display: flex; flex-direction: column; min-width: 0; }
.benchmark-reference-card h4 { margin: 5px 0 12px; font-size: 19px; }
.benchmark-reference-card p { font-size: 14px; margin: 0 0 14px; }
.benchmark-reference-card .benchmark-card-value { font-size: 32px; font-weight: 700; color: #172b43; line-height: 1.25; }
.benchmark-card-value span { display: block; font-weight: 400; font-size: 13px; color: #536479; margin-top: 5px; }
.benchmark-reference-card a { margin-top: auto; font-size: 14px; }
.benchmark-method-note { margin-top: 24px; border-top: 1px solid #d3dce7; padding-top: 16px; }
.benchmark-method-note summary { font-size: 15px; font-weight: 600; cursor: pointer; padding: 8px 0; }
.benchmark-method-note p { font-size: 14px; color: #475b73; }
.benchmark-summary-status .benchmark-summary-title { display: block; font-size: 21px; line-height: 1.3; font-weight: 600; }
.benchmark-summary-status p { font-size: 15px; line-height: 1.6; }
@media (max-width: 760px) {
  .benchmark-evidence { padding-block: 36px; }
  .benchmark-intro, .benchmark-status-panel, .benchmark-reference-grid { grid-template-columns: 1fr; gap: 18px; }
  .benchmark-status-panel, .benchmark-reference-card { padding: 20px; }
  .benchmark-reference-heading h3 { font-size: 22px; }
  .benchmark-reference-heading { align-items: flex-start; }
}
@media (max-width: 380px) {
  .benchmark-model-status li { align-items: flex-start; flex-direction: column; gap: 6px; }
}

.benchmark-scroll-hint { display: none; }
@media (max-width: 760px) { .benchmark-evidence .benchmark-scroll-hint { display: block; font-size: 13px; color: #536479; margin: 0 0 10px; } }