/* OSABUENA Design System · TYPOGRAPHY 2026 · v0.16.0.49
 * Objective: sans-serif throughout public website, legacy templates, MaM Live admin.
 * Intentionally preserve monospace for commands and debugging / icon fonts.
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{
  --osa-sans:'DM Sans','Segoe UI',Arial,Helvetica,sans-serif;
  --osa-display:'DM Sans','Segoe UI',Arial,Helvetica,sans-serif;
  --osa-serif:var(--osa-display);
  --mam-sans:'DM Sans','Segoe UI',Arial,Helvetica,sans-serif;
}
html,body,body.osa-page,body.mam-app{font-family:var(--osa-sans)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* Headlines, wordmarks, numerical/expressive elements formerly set in Georgia/Playfair. */
body :is(h1,h2,h3,h4,h5,h6,blockquote,legend,.osa-wordmark,.osa-footer strong,.osa-art-center strong,.osa-offer-symbol strong,.osa-authority-disc-inner strong,.osa-authority-stats strong,.osa-authority-method strong,.osa-authority-quote>span,.mam-admin-mark b,.brand){font-family:var(--osa-display)!important}
/* Italic emphasis inside a headline may have its own serif family from legacy CSS. */
body :is(h1,h2,h3,h4,h5,h6) :is(em,strong,span,b){font-family:var(--osa-display)!important}
/* Inline Georgia and serif font declarations present in a few historical views. */
body [style*="font-family:Georgia"],body [style*="font-family: Georgia"],body [style*="font-family:serif"],body [style*="font-family: serif"],body [style*="font:700 24px Georgia"]{font-family:var(--osa-sans)!important}
/* Brand typography; consistent hierarchy without any serif display font. */
body.osa-page :is(h1,h2,h3,h4,h5,h6){letter-spacing:-.038em!important;line-height:1.12!important}
body.osa-page h1{font-weight:800!important;letter-spacing:-.052em!important;line-height:1.055!important;text-wrap:balance}
body.osa-page h2{font-weight:700!important;line-height:1.115!important;text-wrap:balance}
body.osa-page h3{font-weight:700!important;letter-spacing:-.028em!important}
body.osa-page :is(.osa-wordmark,.osa-footer strong){font-weight:800!important;letter-spacing:-.035em!important}
body.osa-page :is(.osa-art-center strong,.osa-authority-disc-inner strong,.osa-offer-symbol strong,.osa-authority-stats strong,.osa-authority-method strong){font-weight:700!important;letter-spacing:-.035em!important}
body.osa-page :is(.osa-eyebrow,.osa-kicker,.osa-index){font-weight:800;letter-spacing:.16em}
body.osa-page :is(.osa-nav a,.osa-footer nav a,.osa-btn,.osa-text-link){font-weight:700}
/* Legacy public and MaM operational views: replace ornate display typography. */
body:not(.osa-page) :is(h1,h2,h3,h4,h5,h6){font-family:var(--osa-display)!important;letter-spacing:-.028em;line-height:1.13}
body:not(.osa-page) :is(.update-hero h1,.mam-int h1,.mam-rb h1,.mam-rg h1,.pev h1,.bd-hero h1){font-weight:750!important;letter-spacing:-.04em!important;line-height:1.09!important}
/* Inputs and interactive copy inherit the same typography in every view. */
body :is(button,input,textarea,select,optgroup,option,summary){font-family:var(--osa-sans)!important}
/* Leave technical code and icon fonts untouched for reliability. */
body :is(code,pre,kbd,samp,.code,.rb-digest,.bd-digest,.mam-digest,.mam-diag-paths){font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace!important}
@media(max-width:780px){body.osa-page h1{letter-spacing:-.042em!important;line-height:1.09!important}body.osa-page h2{letter-spacing:-.032em!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}