/* Magnet Studio M32 — optical readability pass.
   Desktop layouts and headline scale are intentionally locked. Only supporting
   typography, symbols and control labels are lifted to a calmer readable size. */

:root {
  --m32-copy: 15.5px;
  --m32-copy-strong: 13.5px;
  --m32-caption: 11px;
  --m32-micro: 10px;
}

@media (min-width: 769px) {
  .m16-home,
  .m17-page,
  .m23-account-shell,
  .m27-admin-shell,
  .m27-login-shell,
  .m2-studio-app {
    text-rendering: optimizeLegibility;
  }

  /* Shared public navigation and actions. */
  .ms-nav a,
  .ms-account-link,
  .ms-cart-link,
  .ms-button--small {
    font-size: 14px !important;
  }
  .ms-button,
  .m16-primary,
  .m23-primary,
  .m23-secondary {
    font-size: 14px;
  }
  .ms-nav svg,
  .ms-account-link svg,
  .ms-cart-link svg,
  .ms-button svg {
    width: 18px;
    height: 18px;
  }

  /* Homepage: headlines stay untouched, supporting copy gets breathing room. */
  .m16-eyebrow,
  .m16-section-label {
    font-size: 11.5px !important;
    letter-spacing: .135em !important;
  }
  .m16-eyebrow svg { width: 18px !important; height: 18px !important; }
  .m16-hero__copy > p { font-size: 17px !important; line-height: 1.72 !important; }
  .m16-text-link { font-size: 14.5px !important; }
  .m16-text-link svg { width: 18px !important; height: 18px !important; }
  .m16-hero__micro { font-size: 12px !important; gap: 10px 19px !important; }
  .m16-hero__micro svg { width: 16px !important; height: 16px !important; }
  .m16-hero__badge { font-size: 10.5px !important; }
  .m16-hero__badge svg { width: 17px !important; height: 17px !important; }
  .m16-hero__studio-card header span { font-size: 9.5px !important; }
  .m16-hero__studio-card header svg { width: 16px !important; }
  .m16-hero__studio-card header b { font-size: 16px !important; }
  .m16-hero__studio-card footer { font-size: 9.5px !important; }
  .m16-hero__studio-card footer svg { width: 14px !important; height: 14px !important; }

  .m16-trust article > span { width: 42px !important; height: 42px !important; }
  .m16-trust svg { width: 21px !important; height: 21px !important; }
  .m16-trust b { font-size: 13px !important; }
  .m16-trust small { font-size: 10.5px !important; line-height: 1.42 !important; }

  .m16-manifesto p,
  .m16-section-head > p,
  .m16-studio-story__copy > p,
  .m16-sheet-story__copy > p,
  .m16-production__copy > p,
  .m16-final p {
    font-size: 16px !important;
    line-height: 1.72 !important;
  }

  .m16-smartcut__steps b { font-size: 17px !important; }
  .m16-smartcut__steps p { font-size: 13px !important; line-height: 1.6 !important; }
  .m16-step-number { width: 38px !important; height: 38px !important; font-size: 10.5px !important; }
  .m16-smartcut__promise > svg { width: 26px !important; height: 26px !important; }
  .m16-smartcut__promise b { font-size: 13px !important; }
  .m16-smartcut__promise span { font-size: 11px !important; }
  .m16-smartcut__promise a { font-size: 12px !important; }
  .m16-smartcut__promise a svg { width: 17px !important; }

  .m16-product__visual > span { font-size: 9.5px !important; }
  .m16-product__visual > span svg { width: 15px !important; height: 15px !important; }
  .m16-product__copy > small { font-size: 9.5px !important; }
  .m16-product__copy p { font-size: 13.5px !important; line-height: 1.62 !important; }
  .m16-product__copy a { font-size: 12.5px !important; }
  .m16-product__copy a svg { width: 16px !important; }

  .m16-studio-story li { font-size: 13px !important; }
  .m16-studio-story li svg { width: 18px !important; }
  .m16-editor-window > header b { font-size: 11.5px !important; }
  .m16-editor-window > header em { font-size: 9px !important; }
  .m16-editor-window__body > nav small { font-size: 8px !important; }
  .m16-editor-window__body > nav span > svg { width: 19px !important; }
  .m16-editor-window__body aside small,
  .m16-editor-window__body aside p,
  .m16-editor-choice small,
  .m16-editor-next { font-size: 9.5px !important; }

  .m16-sheet-facts b,
  .m16-production__points span { font-size: 13px !important; }
  .m16-sheet-facts small { font-size: 10.5px !important; }
  .m16-production__points svg { width: 20px !important; height: 20px !important; }

  /* Premium menu pages. */
  .m17-label { font-size: 11.5px !important; letter-spacing: .135em !important; }
  .m17-label svg { width: 18px !important; height: 18px !important; }
  .m17-link { font-size: 14px !important; }
  .m17-link svg { width: 18px !important; }
  .m17-hero__copy > p { font-size: 17px !important; }
  .m17-hero__badge { font-size: 10.5px !important; }
  .m17-hero__badge svg { width: 17px !important; }
  .m17-section-head > p,
  .m17-product-row__copy > p,
  .m17-dark-story p,
  .m17-process__copy p,
  .m17-deep-dive__copy > p,
  .m17-proof-story__copy > p,
  .m17-volume__copy > p,
  .m17-photo-guide__copy > p,
  .m17-support-human__copy > p,
  .m17-b2b-workspace__copy > p,
  .m17-b2b-volume__copy > p {
    font-size: 15.5px !important;
    line-height: 1.72 !important;
  }
  .m17-final p { font-size: 14px !important; }
  .m17-product-row__visual > span { font-size: 9.5px !important; }
  .m17-product-row__visual > span svg { width: 16px !important; }
  .m17-product-facts span { font-size: 11px !important; padding: 9px 12px !important; }
  .m17-product-facts svg { width: 15px !important; }
  .m17-compare__table > div.is-head { font-size: 9.5px !important; }
  .m17-compare__table span { font-size: 13px !important; }
  .m17-compare__table svg { width: 16px !important; }
  .m17-dark-story li,
  .m17-proof-story__copy li { font-size: 13px !important; }
  .m17-dark-story li svg,
  .m17-proof-story__copy li svg { width: 18px !important; }
  .m17-proof-card > span { font-size: 9.5px !important; }
  .m17-proof-card b { font-size: 15px !important; }
  .m17-proof-card small { font-size: 10.5px !important; }
  .m17-process__number { font-size: 11px !important; }
  .m17-process__copy > svg { width: 26px !important; }
  .m17-mini-grid svg { width: 21px !important; }
  .m17-mini-grid b { font-size: 12px !important; }
  .m17-mini-grid small { font-size: 9.5px !important; line-height: 1.4 !important; }
  .m17-before-after article small { font-size: 9px !important; }
  .m17-proof-screen header b { font-size: 10.5px !important; }
  .m17-proof-screen footer span { font-size: 9.5px !important; }
  .m17-proof-screen footer svg { width: 14px !important; }
  .m17-local-strip b { font-size: 13px !important; }
  .m17-local-strip span { font-size: 11px !important; }
  .m17-local-strip > svg { width: 27px !important; }
  .m17-control > b { font-size: 13px !important; }
  .m17-control button { font-size: 12px !important; }
  .m17-calculator__summary > span { font-size: 10.5px !important; }
  .m17-calculator__summary > p { font-size: 14px !important; }
  .m17-calculator__summary > em { font-size: 11px !important; }
  .m17-calculator__summary > em svg { width: 16px !important; }
  .m17-faq summary { font-size: 14px !important; }
  .m17-faq details p { font-size: 14px !important; }

  /* Account Center — keep the information density, remove microscopic text. */
  .m23-kicker { font-size: 11.5px !important; }
  .m23-kicker svg { width: 19px !important; height: 19px !important; }
  .m23-account-hero__copy > p { font-size: 17px !important; }
  .m23-primary,
  .m23-secondary { font-size: 14px !important; }
  .m23-security-card small { font-size: 9.5px !important; }
  .m23-security-card b { font-size: 14px !important; }
  .m23-security-card p { font-size: 11px !important; }
  .m23-security-card > button { font-size: 11.5px !important; }
  .m23-trust-strip article > span { width: 42px !important; height: 42px !important; }
  .m23-trust-strip svg { width: 20px !important; }
  .m23-trust-strip b { font-size: 12.5px !important; }
  .m23-trust-strip small { font-size: 10px !important; }
  .m23-profile-card small { font-size: 8.5px !important; }
  .m23-profile-card b { font-size: 13px !important; }
  .m23-profile-card p { font-size: 10px !important; }
  .m23-account-nav nav button { font-size: 12.5px !important; }
  .m23-account-nav nav button svg { width: 20px !important; }
  .m23-nav-upgrade b { font-size: 13px !important; }
  .m23-nav-upgrade p { font-size: 10.5px !important; }
  .m23-nav-upgrade button { font-size: 10.5px !important; }
  .m23-device-card b { font-size: 10.5px !important; }
  .m23-device-card small { font-size: 9.5px !important; }
  .m23-kpi-grid small { font-size: 9.5px !important; }
  .m23-kpi-grid p { font-size: 9.5px !important; }
  .m23-panel-head > div > span { font-size: 9.5px !important; }
  .m23-panel-head p { font-size: 13px !important; }
  .m23-panel-head > button:not(.m23-primary) { font-size: 11.5px !important; }
  .m23-project-card__visual > span { font-size: 9.5px !important; }
  .m23-project-card__meta { font-size: 8.5px !important; }
  .m23-project-card__body > p { font-size: 11px !important; }
  .m23-status,
  .m23-project-card footer button,
  .m23-project-card footer button b { font-size: 10px !important; }
  .m23-proof-overview header small { font-size: 8.5px !important; }
  .m23-proof-flow > span b { font-size: 10.5px !important; }
  .m23-proof-flow > span small { font-size: 8.5px !important; }
  .m23-proof-overview > p,
  .m23-account-roadmap > p { font-size: 12px !important; }
  .m23-account-roadmap article b { font-size: 9.5px !important; }
  .m23-empty p { font-size: 13px !important; }
  .m23-order-list small { font-size: 9.5px !important; }
  .m23-order-list b { font-size: 13px !important; }
  .m23-order-list p { font-size: 10px !important; }
  .m23-proof-list small { font-size: 8.5px !important; }
  .m23-proof-list p { font-size: 10px !important; }
  .m23-account-shell label > span { font-size: 11.5px !important; }
  .m23-account-shell input { font-size: 15px !important; }

  /* Production console. */
  .m27-kicker { font-size: 11.5px !important; }
  .m27-kicker svg { width: 17px !important; height: 17px !important; }
  .m27-sidebar nav > small { font-size: 9.5px !important; }
  .m27-sidebar nav button { font-size: 13px !important; }
  .m27-sidebar nav button svg { width: 20px !important; }
  .m27-sidebar nav button b { font-size: 10px !important; }
  .m27-sidebar-health b { font-size: 11.5px !important; }
  .m27-sidebar-health small { font-size: 9.5px !important; }
  .m27-sidebar > footer button { font-size: 11.5px !important; }
  .m27-sidebar > footer p b { font-size: 11px !important; }
  .m27-sidebar > footer p small { font-size: 9px !important; }
  .m27-search input { font-size: 13.5px !important; }
  .m27-search kbd { font-size: 9px !important; }
  .m27-session-pill { font-size: 10.5px !important; }
  .m27-admin-intro p { font-size: 15px !important; line-height: 1.62 !important; }
  .m27-login-story > p { font-size: 17px !important; }
  .m27-login-points b { font-size: 14px !important; }
  .m27-login-points small { font-size: 11px !important; }
  .m27-login-card > small { font-size: 10.5px !important; }
  .m27-login-card > p { font-size: 14px !important; }
  .m27-login-card label > span { font-size: 11.5px !important; }
  .m27-login-foot { font-size: 10px !important; }

  /* Editor desktop — no panel rearrangement, only legibility. */
  .m2-panel-heading > span { font-size: 9.5px !important; }
  .m2-panel-heading p { font-size: 12.5px !important; line-height: 1.58 !important; }
  .m2-mode-list button b,
  .m3-tool-grid button b,
  .m6-cut-presets button b,
  .m7-art-presets button b { font-size: 13px !important; }
  .m2-mode-list button small,
  .m3-tool-grid button small,
  .m6-cut-presets button small,
  .m7-art-presets button small { font-size: 10.5px !important; line-height: 1.42 !important; }
  .m2-range > span { font-size: 11.5px !important; }
  .m4-smart-cut-action,
  .m2-primary-button { font-size: 13px !important; }
  .m7-step-progress button > small { font-size: 9px !important; }
}