/* QSE NORD V27 — couche responsive commune à toutes les pages */
.mobile-action-bar,.mobile-quick-nav{display:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:1120px){
  .menu-btn{min-width:48px!important;min-height:48px!important;padding:11px 14px!important}
  .navlinks{max-height:calc(100vh - 94px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .navlinks>a{min-height:48px;display:flex;align-items:center}
}

@media(max-width:720px){
  body.visual-site{padding-bottom:68px}
  .hero h1,.pagehero h1,.article-content h1{font-size:clamp(32px,10vw,44px)!important;line-height:1.08!important}
  .pagehero-media{display:none}
  .training-layout{display:flex!important;flex-direction:column}
  .training-aside{order:-1;width:100%}
  .sticky-card{position:static!important;padding:18px!important}
  .sticky-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
  .sticky-card dt{margin-top:0!important}.sticky-card dd{margin-bottom:4px}
  .mobile-action-bar{position:fixed;display:grid;grid-template-columns:.75fr 1.35fr 1fr;left:0;right:0;bottom:0;z-index:1000;background:#fff;border-top:1px solid #deddda;box-shadow:0 -8px 24px rgba(0,0,0,.14);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:6px}
  .mobile-action-bar a{min-height:48px;border:1px solid #55575a;border-radius:9px;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;font-size:12px;font-weight:900;line-height:1.15;color:#343638;background:#fff;text-decoration:none}
  .mobile-action-bar a:nth-child(2){background:linear-gradient(135deg,#f58220,#f4bd43);border-color:transparent}
  .mobile-quick-nav{position:sticky;top:82px;z-index:80;display:flex;gap:7px;overflow-x:auto;padding:10px 12px;background:#fff;border-bottom:1px solid #deddda;box-shadow:0 6px 16px rgba(0,0,0,.07);scrollbar-width:none}
  .mobile-quick-nav::-webkit-scrollbar{display:none}
  .mobile-quick-nav a{flex:0 0 auto;min-height:44px;display:flex;align-items:center;padding:8px 12px;border:1px solid #deddda;border-radius:999px;font-size:13px;font-weight:850;background:#f7f6f3;text-decoration:none;color:#3f4247}
  .form-card{padding:20px 16px!important}
  .field input,.field select,.field textarea{min-height:48px;font-size:16px}
  .field textarea{min-height:130px}
  .actions .btn{width:100%;min-height:48px}
}

@media(max-width:420px){
  .sticky-card dl{grid-template-columns:1fr}
  .mobile-action-bar{grid-template-columns:.7fr 1.3fr 1fr}
  .mobile-action-bar a{font-size:11px}
}