/* En-tête et pied du site, pour les pages hors accueil (secteurs, etc.).
   Tout référence les tokens de charte.css : mêmes couleurs, même marque, même
   pied que sizu.fr. Sur une page de contenu, l'en-tête est en flux normal avec
   un fond papier et un filet — il ne survole pas un hero comme sur l'accueil. */

.skip{position:absolute;left:16px;top:-56px;background:var(--accent);color:#fff;
  padding:11px 18px;border-radius:var(--r-sm);z-index:200;font-weight:600;
  text-decoration:none;transition:top .3s var(--ease)}
.skip:focus-visible{top:16px}

header.site-head{display:flex;align-items:center;gap:16px;background:var(--paper);
  border-bottom:1px solid var(--line);
  padding:18px max(22px, calc((100% - 1080px) / 2 + 22px))}
header.site-head .spacer{flex:1}

.logo{display:inline-flex;align-items:center;gap:.34em;font-weight:700;
  letter-spacing:-.02em;line-height:1;white-space:nowrap;font-size:1.5rem;
  color:inherit;text-decoration:none;min-height:44px}
.logo .spark{font-family:"Apple Symbols","Segoe UI Symbol","Noto Sans Symbols 2","DejaVu Sans",sans-serif;
  font-size:.92em;color:var(--accent);font-weight:400;line-height:1;flex:0 0 auto;
  transform:translateY(.06em)}
.logo .word{line-height:1;color:var(--ink)}

.nav-site{display:none;gap:26px;margin-left:40px}
.nav-site a{color:var(--ink-soft);text-decoration:none;font-size:.875rem;white-space:nowrap;
  padding:6px 0;border-bottom:1px solid transparent;
  transition:color var(--t-micro,.15s) var(--ease),border-color var(--t-micro,.15s) var(--ease)}
.nav-site a:hover{color:var(--ink);border-bottom-color:var(--line)}
@media(min-width:900px){.nav-site{display:flex}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;
  border-radius:var(--r-pill);padding:12px 24px;font-size:.9rem;font-weight:600;font-family:inherit;
  border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:transform var(--t-micro,.15s) var(--ease),background var(--t-micro,.15s) var(--ease)}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--ink);color:var(--paper)}
.btn-primary:hover{transform:translateY(-2px);background:var(--ink-2)}

/* La colonne de contenu, calée sur les 1080 px du site. */
.band{max-width:1080px;margin:0 auto;padding:48px 22px 72px}

footer.site-foot{background:transparent;color:var(--ink);border-top:1px solid var(--line);margin-top:40px}
footer.site-foot .band{padding-top:56px;padding-bottom:56px}
.pied{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pied .marque{font-size:1.25rem;flex:0 0 auto}
.pied .baseline{margin:0;font-style:italic;font-size:.82rem;color:var(--ink-soft);white-space:nowrap}
.foot-legal{margin-top:40px;display:flex;gap:24px;flex-wrap:wrap;font-size:.82rem;color:var(--ink-soft)}
.foot-legal a{color:var(--ink-soft);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.foot-legal a:hover{color:var(--accent)}
.foot-legal span{display:inline-flex;align-items:center;min-height:44px}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}