/* MR. FOX · v1.2.27 — solid angular header + adaptive bilingual typography.
   The SVG shape under the header now contains its OWN solid fill, with its
   lower contour identical to the neon line. No empty wedge or rectangular gap. */
.mf-site-header--neon{background:linear-gradient(106deg,#040b1b 0%,#030917 60%,#05091b 100%)!important;margin-bottom:22px}
.mf-site-header--neon .mf-header-neon-edge{
  position:absolute;z-index:3;top:calc(100% - 8px);left:0;
  display:block;width:100%;height:32px;pointer-events:none;
  overflow:visible;filter:drop-shadow(0 0 5px rgba(26,234,247,.65)) drop-shadow(0 0 4px rgba(243,44,220,.30));
}
/* Avoid text clipping, independently of language or custom copy length. */
.mf-site-header--neon .mf-header-inner{position:relative;z-index:4}
.mf-site-header--neon:before{z-index:0}
.mf-topbar__inner,.mf-topbar__left,.mf-topbar__social,.mf-header-inner,.mf-main-nav{min-width:0}
.mf-topbar__welcome{white-space:normal;line-height:1.25;overflow-wrap:anywhere}
.mf-topbar__social>a,.mf-topbar__social-pending{max-width:100%;overflow-wrap:anywhere}
.mf-topbar__chooser{flex-shrink:0}
/* Centralized adaptive-heading policy: titles may expand vertically rather
   than extending beyond their cards; container units track the actual column. */
.mf-hero-copy,.mf-story-hero__copy,.mf-story-turn__content,
.mf-story-journey__heading,.mf-story-code__heading,.mf-story-outro__content,
.mf-about-copy,.mf-cta-inner,.mf-contact-newsletter__intro,.mf-contact-connect,
.mf-footer-newsletter__copy,.mf-contact-top,.mf-section-heading>div{
  min-width:0;container-type:inline-size;
}
/* Undo the old screen-reader-only rule: English uses a real text title,
   not the Spanish raster headline hidden for accessibility. */
.mf-hero:not(.mf-hero--text-only).mf-hero--live-title .mf-hero-title{
  display:block!important;position:relative!important;left:auto!important;top:auto!important;
  width:100%!important;height:auto!important;max-width:100%!important;
  clip-path:none!important;overflow:visible!important;white-space:normal!important;
  margin:8px 0 16px!important;padding:0!important;
}
.mf-hero--live-title .mf-hero-title{
  font-size:clamp(1.85rem,9.8cqi,5.3rem)!important;line-height:1.08!important;
  width:100%!important;height:auto!important;max-width:100%!important;
  text-wrap:balance;overflow-wrap:anywhere;
}
.mf-hero--live-title .mf-hero-title span,
.mf-hero--live-title .mf-hero-title strong{
  display:block!important;width:100%!important;max-width:100%!important;
  white-space:normal!important;overflow-wrap:anywhere;word-break:normal;
  text-wrap:balance;line-height:1.08!important;
  transform:skewX(-5deg) scaleX(.96)!important;transform-origin:0 50%;
}
.mf-hero--live-title .mf-hero-title strong{font-size:1em!important}
.mf-story-hero h1{font-size:clamp(1.95rem,10.5cqi,6.5rem)!important;line-height:1.08!important;max-width:100%;text-wrap:balance;overflow-wrap:anywhere}
.mf-story-hero h1 span,.mf-story-hero h1 em{
  display:block;max-width:100%!important;white-space:normal!important;
  text-wrap:balance;overflow-wrap:anywhere;line-height:1.1!important;
}
.mf-story-hero h1 em{font-size:clamp(1.17rem,6.3cqi,3.35rem)!important;letter-spacing:-.04em}
.mf-contact-top h1{font-size:clamp(1.7rem,7.2cqi,4.4rem)!important;overflow-wrap:anywhere;text-wrap:balance}
.mf-contact-connect>h2{font-size:clamp(1.08rem,5.4cqi,1.55rem)!important;overflow-wrap:anywhere;text-wrap:balance}
.mf-contact-newsletter__intro h2{font-size:clamp(1.32rem,6.7cqi,2.5rem)!important;overflow-wrap:anywhere;text-wrap:balance;line-height:1.12}
.mf-story-turn h2,.mf-story-code__heading h2,.mf-story-journey__heading h2,.mf-story-outro h2,
.mf-story-prologue h2,.mf-about-copy h2,.mf-cta h2,.mf-section-heading h2,.mf-page-title,
.mf-footer-newsletter__copy h2{
  max-width:100%;white-space:normal!important;text-wrap:balance;overflow-wrap:anywhere;
  line-height:1.16;
}
.mf-story-turn h2{font-size:clamp(1.65rem,6.1cqi,4.1rem)!important}
.mf-story-journey__heading h2,.mf-story-code__heading h2{font-size:clamp(1.65rem,6.5cqi,3.65rem)!important}
.mf-story-outro h2{font-size:clamp(1.7rem,6.4cqi,4.3rem)!important}
.mf-about-copy h2{font-size:clamp(1.7rem,7cqi,3.6rem)!important}
.mf-cta h2{font-size:clamp(1.85rem,6.9cqi,4.5rem)!important}
.mf-section-heading h2{font-size:clamp(1.37rem,5.8cqi,2.35rem)!important}
.mf-footer-newsletter__copy h2{font-size:clamp(1.18rem,5.9cqi,1.9rem)!important}
.mf-story-chapter,.mf-story-code__card,.mf-category-card,.mf-product-card,
.mf-contact-panel,.mf-contact-connect,.mf-social-tile,.mf-footer-contact-col{min-width:0}
.mf-story-chapter h3,.mf-story-code__card h3,.mf-category-card h3,.mf-product-card h3,
.mf-fox-speech__title,.mf-footer-title{max-width:100%;text-wrap:balance;overflow-wrap:anywhere}
.mf-contact-info strong,.mf-contact-info small{overflow-wrap:anywhere}
.mf-button,.mf-story-link,.mf-story-outro__actions a{max-width:100%;white-space:normal!important;text-wrap:balance;overflow-wrap:anywhere;text-align:center;line-height:1.3}
.mf-news-form__entry{max-width:100%;min-width:0}
.mf-news-form__entry button{max-width:48%;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:760px){
  .mf-topbar__social{max-width:52%}
  .mf-hero--live-title .mf-hero-title{font-size:clamp(1.85rem,11.4cqi,3.55rem)!important}
  .mf-story-hero h1{font-size:clamp(2rem,10.4cqi,5.35rem)!important}
  .mf-contact-newsletter__intro h2{font-size:clamp(1.3rem,7.1cqi,2.2rem)!important}
}
@media(max-width:520px){
  .mf-story-hero h1 em{font-size:clamp(1.2rem,6.2cqi,2.65rem)!important}
  .mf-topbar__chooser select{max-width:80px}
  .mf-site-header--neon .mf-header-neon-edge{filter:drop-shadow(0 0 3px rgba(26,234,247,.65))}
}
@media(prefers-reduced-motion:reduce){.mf-site-header--neon .mf-header-neon-edge{filter:none}}