/* SH Legacy v4.2 - Desktop readability. No rules apply below 1024px.
   Keeps content, prices, forms, demo pages and the mobile layout unchanged. */
@media screen and (min-width: 1024px) {
  /* Navigation: readable labels, without increasing the page zoom. */
  .legacy-header .legacy-nav { gap: 22px; }
  .legacy-header .legacy-nav a { font-size: 15px; line-height: 1.5; white-space: nowrap; }
  .legacy-header .legacy-brand small { font-size: 9px; }
  .legacy-header .new-mark { font-size: 9px; vertical-align: middle; }
  .legacy-header .header-right > .btn { font-size: 14px; min-height: 46px; padding: 11px 17px; white-space: nowrap; }
  .legacy-header .header-inner { gap: 18px; }

  /* Shared UI; the large display headings keep their original sizes. */
  body { font-size: 16px; }
  .btn { font-size: 14px; }
  .btn.small { font-size: 13px; }
  .text-link, .text-button { font-size: 14px; }
  .kicker, .eyebrow { font-size: 11px; }
  .small-note { font-size: 12px; }
  .pill, .tag { font-size: 11px; }
  .section-title p, .section-heading > p, .heading-note { font-size: 15px; }
  .home-copy > p, .hero-lead, .solution-copy > p, .project-intro > p { font-size: 16px; line-height: 1.85; }
  .hero-assurances, .hero-trust { font-size: 12px; }
  .hero-baseline { font-size: 11px; }
  .door > p { font-size: 15px; }
  .door-lines, .door-price { font-size: 12px; }
  .door-price small { font-size: 11px; }
  .mini-step h3 { font-size: 16px; }
  .mini-step p, .contact-strip p { font-size: 14px; }
  .footer-grid p, .footer-top p, .footer-nav, .footer-links, .footer-contact { font-size: 13px; }
  .footer-title { font-size: 11px; }
  .footer-base, .footer-bottom { font-size: 11px; }
  .breadcrumbs { font-size: 12px; }
  .privacy-main p { font-size: 15px; }

  /* Dashboard: prioritise the explanations and original-source links. */
  .dash-hero-link, .dash-intro .text-link { font-size: 13px; }
  .dash-intro p { font-size: 14px; }
  .dash-signature span { font-size: 10px; }
  .dash-research-badge { font-size: 9px; }
  .dash-tabs button { font-size: 14px; }
  .dash-tab-hint { font-size: 10px; }
  .dash-metric-top { font-size: 12px; }
  .dash-metric > p { font-size: 13px; }
  .dash-source, .dash-metric > .dash-source, .dash-proof .dash-source { font-size: 11px; }
  .dash-block-head h3 { font-size: 15px; }
  .dash-block-head p { font-size: 12px; }
  .dash-year { font-size: 9px; }
  .dash-bar-row > div:first-child, .dash-bar-row b { font-size: 13px; }
  .dash-chart-foot > span { font-size: 10px; }
  .dash-eyebrow, .dash-journey > .dash-eyebrow { font-size: 10px; }
  .dash-journey li > span { font-size: 10px; }
  .dash-journey b { font-size: 12px; }
  .dash-journey li p { font-size: 11px; }
  .dash-journey > small, .dash-trustline p { font-size: 11px; }
  .dash-sources summary { font-size: 13px; }
  .dash-sources summary > span { font-size: 10px; }
  .dash-sources-grid h3 { font-size: 14px; }
  .dash-sources-grid p { font-size: 13px; }
  .dash-method-note { font-size: 12px; }
  .dash-showcase-note { font-size: 10px; flex-wrap: wrap; }
  .dash-showcase-note a { font-size: 12px; }
  .dash-proof p { font-size: 12px; }
  .dash-solution-copy > p:not(.dash-fineprint) { font-size: 14px; }
  .dash-benefits b { font-size: 14px; }
  .dash-benefits span { font-size: 12px; }
  .dash-investment small { font-size: 10px; }
  .dash-investment b > span { font-size: 11px; }
  .dash-investment .btn { font-size: 13px; }
  .dash-fineprint { font-size: 11px; }

  /* Social Media: navigation, service scope and package conditions. */
  .social-hero-copy > p { font-size: 15px; }
  .social-hero-copy .kicker { font-size: 11px; }
  .social-hero-copy .hero-actions .btn { font-size: 13px; }
  .social-tabs button { font-size: 14px; }
  .social-tabs .tab-spacer { font-size: 11px; }
  .panel-heading p { font-size: 14px; }
  .panel-heading .kicker { font-size: 11px; }
  .niche-chip { font-size: 13px; }
  .collection-line { font-size: 12px; }
  .collection-line b { font-size: 15px; }
  .zoom-tag { font-size: 12px; }
  .post-code { font-size: 11px; }
  .post-caption p { font-size: 12px; }
  .post-caption .text-link { font-size: 13px; }
  .selection-row { font-size: 14px; }
  .selection-row button { font-size: 13px; }
  .portfolio-note { font-size: 12px; }
  .social-plan .plan-label { font-size: 10px; }
  .social-plan > p, .social-plan li { font-size: 13px; }
  .social-price small { font-size: 12px; }
  .social-plan .btn { font-size: 13px; }
  .social-plan .plan-note { font-size: 11px; }
  .scope-details summary, .scope-details p { font-size: 13px; }
  .combo-card .components, .combo-card ul { font-size: 13px; }
  .combo-card > p { font-size: 14px; }
  .combo-pricing .old, .combo-pricing small { font-size: 12px; }
  .renewal { font-size: 13px; }
  .scope-mini { font-size: 12px; }
  .how-step h3 { font-size: 16px; }
  .how-step p, .faq-v4 summary, .faq-v4 p, .social-next p { font-size: 14px; }
  .art-info .caption-label { font-size: 12px; }
  .art-info p, .brief-intro { font-size: 14px; }
  .art-info .btn { font-size: 13px; }
  .art-info .small-note, .art-arrows button { font-size: 12px; }

  /* Site catalogue. Demo iframe contents are intentionally not restyled. */
  .site-social-banner small { font-size: 13px; }
  .switch-btn { font-size: 13px; }
  .solution-detail p { font-size: 14px; }
  .feature h3 { font-size: 15px; }
  .feature p { font-size: 13px; }
  .catalog-search input { font-size: 14px; }
  .filter-select { font-size: 13px; }
  .chip, .portfolio-count { font-size: 12px; }
  .model-eyebrow { font-size: 11px; }
  .model-meta p { font-size: 13px; }
  .model-actions .btn { font-size: 12px; }
  .catalog-bottom p { font-size: 12px; }
  .idea-strip h3 { font-size: 16px; }
  .idea-strip p { font-size: 13px; }
  .quiz-grid > div > p { font-size: 15px; }
  .quiz-result { font-size: 14px; }
  .quiz-result p, .result-picks button { font-size: 13px; }
  .plan-label { font-size: 11px; }
  .plan > p { font-size: 14px; }
  .price-caption { font-size: 12px; }
  .plan li, .plan .btn { font-size: 13px; }
  .plans-foot { font-size: 12px; }
  .calculator > div > p, .calc-result span { font-size: 13px; }
  .calc-disclaimer { font-size: 12px; }
  .process-step h3 { font-size: 15px; }
  .process-step p { font-size: 13px; }
  .trust-story p, .trust-values h4 { font-size: 14px; }
  .trust-values p { font-size: 12px; }
  .insight-meta { font-size: 11px; }
  .insight p, .insight a { font-size: 13px; }
  .curation-note { font-size: 12px; }
  .faq-layout > div:first-child p { font-size: 15px; }
  .faq-list summary, .faq-list details p { font-size: 14px; }
  .project-promise span { font-size: 13px; }
  .signature small { font-size: 12px; }
  .form-heading > span { font-size: 11px; }

  /* Form labels, validation and request summaries. */
  .field label, .field > span { font-size: 12px; }
  .field input, .field select, .field textarea { font-size: 14px; }
  .field small { font-size: 11px; }
  .consent-v4, .consent { font-size: 12px; }
  .brief-reference, .selected-model { font-size: 13px; }
  .form-foot { font-size: 11px; }
  .form-error { font-size: 13px; }
  .brief-result p, .ready-box p { font-size: 13px; }
  .brief-result textarea, .brief-preview { font-size: 13px; }
  .brief-result .send-actions .btn { font-size: 12px; }
  .favorites-bar span { font-size: 13px; }
  .favorites-bar .btn { font-size: 12px; }
  .info-dialog p { font-size: 14px; }
  .info-dialog dl { font-size: 13px; }
  .source-list button { font-size: 14px; }
  .source-list button span { font-size: 12px; }
  .preview-title small, .preview-footer { font-size: 11px; }
  .preview-actions .btn, .preview-footer button { font-size: 12px; }
  .compare-item p { font-size: 13px; }
  .compare-item .btn, .compare-item .text-button { font-size: 12px; }
}
/* Smaller laptop windows: preserve space between brand, navigation and CTA. */
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .legacy-header .legacy-nav { gap: 15px; }
  .legacy-header .legacy-nav a { font-size: 14px; }
  .legacy-header .header-inner { gap: 12px; }
  .legacy-header .header-right > .btn { font-size: 13px; padding: 10px 12px; }
  .legacy-header .legacy-brand small { font-size: 8px; }
  .dash-investment { flex-wrap: wrap; }
}