/* Mary & Blake site-wide text floor, V89.
 * Readable text: minimum 18 CSS pixels and regular (400) weight.
 * This baseline is followed by a computed-style clamp that preserves larger,
 * bolder typography across all public WordPress templates.
 * Admin UI, third-party iframe interiors and icon glyphs are not prose.
 */
:root{--mb-text-floor:18px}
body:not(.wp-admin){font-size:18px;font-weight:400}
body:not(.wp-admin) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
body:not(.wp-admin) textarea,
body:not(.wp-admin) select{
  font-size:18px;
  font-weight:400;
  line-height:1.5;
}
body:not(.wp-admin) :is(input,textarea)::placeholder{font-size:18px;font-weight:400}
body:not(.wp-admin) :is(input,textarea)::-webkit-input-placeholder{font-size:18px;font-weight:400}
/* Large copy cannot fit inside the old compact desktop primary navigation.
 * Use the existing accessible hamburger and its expanded panel sooner.
 * This applies only to the shared Website 2.0 header. */
@media (max-width:1560px){
  body.mb2-site.mb2-universe .mb2-header .mb2-nav{display:none!important}
  body.mb2-site.mb2-universe header.mb2-header .mb2-menu-btn{
    display:flex!important;min-width:44px;min-height:44px;
    flex-direction:column;align-items:center;justify-content:center
  }
  body.mb2-site.mb2-universe .mb2-mobile-nav:not([hidden]){display:flex!important;flex-direction:column}
}
/* Readable controls must be allowed to wrap rather than crop their labels. */
body.mb2-site.mb2-universe .mb2-mobile-nav a{white-space:normal}
body.mb2-site.mb2-universe .mb2-site-footer nav{row-gap:12px}
/* Compact two-column panels would squeeze 18px prose on narrow devices.
 * Let the cards breathe while leaving the desktop editorial grid intact. */
@media(max-width:700px){
  body.mb2-site.mb2-universe .mb2-v18-episode-grid,
  body.mb2-site.mb2-universe .mb2-v18-character-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.mb2-site.mb2-universe .mb2-v18-character{
    padding:20px!important;
  }
}