/* Path of Nuance — definitive mobile navigation and readable content */
@media(max-width: 800px){
  .pon-global-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;position:relative!important;min-height:74px!important;padding:12px 18px!important;gap:8px!important;z-index:90!important}
  .pon-global-logo{width:min(58vw,208px)!important;height:49px!important;flex-shrink:0!important}
  .pon-global-logo img{max-width:100%!important;width:100%!important;object-fit:contain!important}
  .pon-menu-toggle{display:flex!important;justify-content:center;align-items:center;flex-direction:column;gap:5px;width:44px;height:44px;padding:10px;border:1px solid #ffffff77;border-radius:7px;background:#ffffff14;color:white;cursor:pointer;flex-shrink:0}
  .pon-menu-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:currentColor}
  .pon-global-header .pon-global-nav{display:none!important;flex-basis:100%!important;width:100%!important;max-height:calc(100dvh - 90px);overflow:auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:10px 0!important;margin:0!important;background:#24364a!important;box-shadow:none!important}
  .pon-global-header.pon-menu-open .pon-global-nav{display:flex!important}
  .pon-global-nav>a,.pon-global-dropdown>button{display:block!important;width:100%!important;text-align:left!important;white-space:normal!important;font-size:15px!important;padding:13px 16px!important;border:0!important;border-bottom:1px solid #ffffff20!important;color:#fff!important}
  .pon-global-nav .pon-space-link{color:#f4c9ae!important}
  .pon-global-dropdown{width:100%!important}
  .pon-global-dropdown .pon-global-sub{display:none!important;position:static!important;left:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;box-shadow:none!important;background:#1b2d40!important;padding:4px 10px!important}
  .pon-global-dropdown.is-open .pon-global-sub{display:block!important}
  .pon-global-sub a{color:white!important;padding:11px 21px!important}
  html,body{max-width:100%;overflow-x:clip}
  /* Phone-first formation carousel: real swipeable cards instead of overlapping fan. */
  #formations #nuanceStudioCatalog,#formations #nuanceStudioCatalog .cards{width:100%!important;max-width:100%!important;margin:0!important;overflow:visible!important}
  #formations #nuanceStudioCatalog .cards{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:16px!important;position:relative!important;height:auto!important;min-height:0!important;padding:10px max(18px,calc((100vw - 350px)/2)) 22px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;transform:none!important}
  #formations #nuanceStudioCatalog .card,#formations #nuanceStudioCatalog .card[class*="fan-"]{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;display:flex!important;flex:0 0 min(84vw,350px)!important;width:min(84vw,350px)!important;min-width:min(84vw,350px)!important;max-width:min(84vw,350px)!important;height:auto!important;min-height:0!important;opacity:1!important;visibility:visible!important;transform:none!important;rotate:none!important;perspective:none!important;pointer-events:auto!important;scroll-snap-align:center!important;z-index:auto!important}
  #formations .home-catalogue-cards__controls{display:none!important}
  #formations #nuanceStudioCatalog .card .card-body{height:auto!important}
  /* Podcast page: calm typography and an uncomplicated Spotify block. */
  .podcast-hub{padding:50px 0!important}
  .podcast-layout{padding:0 18px!important;max-width:740px!important}
  .podcast-layout .episode-feature{background:#fffdf9!important;border:1px solid #e6ded3!important;border-radius:12px!important;padding:22px!important;box-shadow:0 10px 30px #172b4310!important}
  .podcast-layout .episode-preview{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:18px!important;border-radius:9px!important}
  .podcast-layout .episode-preview__art{max-width:100%!important;width:100%!important;min-height:120px!important}
  .podcast-layout .episode-preview__body{min-width:0!important;width:100%!important}
  .podcast-layout .episode-preview__play{align-self:flex-start!important}
  .podcast-layout .episode-feature h3{font-size:clamp(25px,7vw,34px)!important}
}
@media(min-width:801px){.pon-menu-toggle{display:none!important}}
