/* Storylab Partners — styles communs (polices auto-hébergées, aides transverses) */

/* Polices auto-hébergées — sous-ensemble latin, licences : /assets/fonts/LICENCES.md */
@font-face{
  font-family:'Arapey';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/arapey-latin-400.woff2') format('woff2');
}
@font-face{
  font-family:'Arapey';font-style:italic;font-weight:400;font-display:swap;
  src:url('/assets/fonts/arapey-latin-400italic.woff2') format('woff2');
}
@font-face{
  font-family:'Stack Sans Notch';font-style:normal;font-weight:200 700;font-display:swap;
  src:url('/assets/fonts/stack-sans-notch-latin-var.woff2') format('woff2');
}
@font-face{
  font-family:'Open Sans';font-style:normal;font-weight:300 800;font-stretch:75% 100%;font-display:swap;
  src:url('/assets/fonts/open-sans-latin-var.woff2') format('woff2');
}

/* Focus clavier */
:focus-visible{outline:2px solid #0B3B2B;outline-offset:3px}
header :focus-visible,footer :focus-visible,[data-dark] :focus-visible,#menu-mobile :focus-visible{outline-color:#E8C87D}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0B3B2B;outline-offset:1px}

/* Survols (équivalents des style-hover de l'export) */
.hu:hover{text-decoration:underline}
.hu6:hover{text-decoration:underline;text-underline-offset:6px}
.hu5:hover{text-decoration:underline;text-underline-offset:5px}
.rowh{transition:border-color 0.3s ease}
.rowh:hover{border-top-color:#0B3B2B}

/* Curseur du text type */
@keyframes slblink{50%{opacity:0}}

/* Navigation : bascule bureau / burger (liens insécables, gouttière resserrée avant le repli) */
#menu-mobile[hidden]{display:none !important}
[data-desknav] a{white-space:nowrap}
@media (max-width:1340px){
  [data-desknav]{gap:26px !important}
}
@media (max-width:1199px){
  [data-desknav]{display:none !important}
  [data-burgerbtn]{display:inline-flex !important}
}

/* Petits écrans : gouttières resserrées, titres contenus (aucun débordement de 320 à 1920 px) */
@media (max-width:640px){
  .gutter{padding-left:22px !important;padding-right:22px !important}
  main h1{overflow-wrap:break-word}
}
@media (max-width:760px){
  .g2{grid-template-columns:minmax(0,1fr) !important}
  .sp2{grid-column:auto !important}
  .dl2{grid-template-columns:minmax(0,1fr) !important;gap:8px !important}
  .cr2{grid-template-columns:minmax(0,1fr) !important;gap:6px !important}
  .rowh{grid-template-columns:minmax(0,1fr) !important;gap:12px !important}
  .rowh > span:last-child{align-items:flex-start !important;text-align:left !important;flex-direction:row !important;gap:18px !important}
}
@media (max-width:480px){
  main h1{font-size:clamp(26px,8vw,34px) !important}
  .bignum{font-size:clamp(34px,11vw,44px) !important}
  .grandformat{font-size:clamp(26px,8vw,34px) !important}
  header .gutter{gap:16px !important}
}
@media (max-width:400px){
  .marque{font-size:10px !important}
}

/* Impression discrète */
@media print{
  header,footer,#menu-mobile,[data-gridmotion]{display:none !important}
}

/* Mouvement réduit : aucun mouvement, états finaux affichés (le JS se retire aussi) */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}