/* Base commune des exemples fictifs de Studio Sturm. Chaque maquette ajoute sa propre feuille. */
@font-face{font-family:"Inter";src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("../fonts/archivo-latin-wdth-normal.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;line-height:1.55;overflow-wrap:break-word}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Lien d'evitement */
.ex-skip{position:absolute;left:8px;top:-80px;z-index:100;padding:12px 16px;min-height:44px;background:#fff;color:#111;border:2px solid #111;font:600 15px/1.4 Inter,system-ui,sans-serif}
.ex-skip:focus{top:8px}

/* Bandeau d'honnetete, identique sur chaque maquette */
.ex-bandeau{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 20px;padding:6px 16px;background:#17110e;color:#fff;font:500 14px/1.45 Inter,system-ui,sans-serif;text-align:center}
.ex-bandeau p{max-width:62ch}
.ex-bandeau a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:#ffc9ad;font-weight:600;text-underline-offset:3px}
.ex-bandeau a:hover{color:#fff}

/* Mise en page */
.wrap{width:min(100% - 40px,var(--max,1120px));margin-inline:auto}
@media (min-width:700px){.wrap{width:min(100% - 64px,var(--max,1120px))}}
section[id]{scroll-margin-top:16px}

/* Focus et cibles : le focus prend la couleur --focus de chaque maquette */
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--focus,#1a55c7);outline-offset:3px}
.nav a,.btn,.foot a{display:inline-flex;align-items:center;min-height:44px}

/* Note de pied de page commune */
.ex-note{font-size:14px;line-height:1.5}
.ex-note a{text-underline-offset:3px}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}