/* En-tête et pied de page communs aux pages publiques de brevet.laprofjulie.fr
   (pages de dictée du BREVET, Dictonote, pages légales).
   Couleur d'accent : bleu pétrole du français par défaut ; une page outil (Dictonote)
   la remplace par le bleu canard avec : body{--site-accent:#0B8A8F} */
:root{
  --site-accent:#135E75; --site-fond:#ffffff; --site-encre:#16313a; --site-doux:#56707a; --site-ligne:#d6e3e8;
  --site-canard:#0B8A8F; --site-canard-clair:#DCF0F0; --site-noir:#2D2D2D;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --site-fond:#142226; --site-encre:#e4eff2; --site-doux:#9fb6bd; --site-ligne:#2a3f45; --site-canard-clair:#123a3c; --site-noir:#e9ecec}}
:root[data-theme="dark"]{--site-fond:#142226; --site-encre:#e4eff2; --site-doux:#9fb6bd; --site-ligne:#2a3f45; --site-canard-clair:#123a3c; --site-noir:#e9ecec}

.site-entete,.site-pied,.encart-dictonote,.pub-site{font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;box-sizing:border-box}
.site-entete *,.site-pied *,.encart-dictonote *{box-sizing:border-box}
.site-largeur{max-width:1072px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* En-tête : une barre fine, sans publicité */
.site-entete{display:block;background:var(--site-fond);border-bottom:3px solid var(--site-accent);color:var(--site-encre);position:relative;z-index:2}
.site-entete .site-largeur{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;min-height:56px;padding-block:8px}
.site-marque{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--site-encre);font-weight:800;font-size:17px;line-height:1.2}
.site-marque span{font-weight:600;font-size:13px;color:var(--site-doux)}
.site-nav{display:flex;gap:4px;flex-wrap:wrap}
.site-nav a{display:inline-flex;align-items:center;min-height:40px;padding:6px 12px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px;color:var(--site-encre)}
.site-nav a:hover{background:var(--site-canard-clair)}
.site-nav a[aria-current="page"]{color:var(--site-accent);box-shadow:inset 0 -3px 0 var(--site-accent);border-radius:8px 8px 0 0}
.site-entete a:focus-visible,.site-pied a:focus-visible,.site-pied button:focus-visible,.encart-dictonote a:focus-visible{outline:3px solid #E77500;outline-offset:2px}

/* Pied de page */
.site-pied{display:block;background:var(--site-fond);border-top:1px solid var(--site-ligne);color:var(--site-doux);font-size:13.5px;margin-top:32px}
.site-pied .site-largeur{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:18px 28px;padding-block:24px}
.site-pied h2{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--site-encre);margin:0 0 8px}
.site-pied ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.site-pied a,.site-pied button.lien{color:var(--site-encre);text-decoration:underline;text-decoration-color:var(--site-ligne);text-underline-offset:3px;display:inline-block;padding:3px 0;font:inherit;background:none;border:0;cursor:pointer;text-align:left}
.site-pied a:hover,.site-pied button.lien:hover{text-decoration-color:var(--site-accent)}
.site-pied p{margin:0 0 6px;line-height:1.5}
.site-pied .site-copie{grid-column:1/-1;border-top:1px solid var(--site-ligne);padding-top:12px;font-size:12.5px}

/* Encart « Calcule ta note avec Dictonote » (pages de dictée, après la correction) */
.encart-dictonote{margin:28px 0;background:var(--site-canard-clair);border-left:5px solid var(--site-canard);border-radius:14px;padding:18px 20px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;color:var(--site-encre)}
.encart-dictonote div{display:flex;flex-direction:column;gap:3px;flex:1 1 260px;min-width:0}
.encart-dictonote b{font-size:17px;color:var(--site-encre)}
.encart-dictonote span{font-size:14.5px;line-height:1.45}
.encart-dictonote a{display:inline-flex;align-items:center;gap:8px;background:var(--site-noir);color:var(--site-fond)!important;text-decoration:none;font-weight:700;font-size:15px;padding:12px 18px;border-radius:10px;min-height:44px}
.encart-dictonote a:hover{opacity:.88}

/* Emplacements de publicité des pages de dictée (dans le contenu, jamais dans l'en-tête, le pied ni les menus) */
.pub-site{display:flex;align-items:center;justify-content:center;margin:24px auto;max-width:100%;min-height:250px;font-size:12px;color:var(--site-doux)}
.pub-site.attente{display:none}