/* Polices du logotype — auto-hébergées (évite le rendu en police de secours pendant le chargement Google Fonts) */
@font-face{font-family:"Didact Gothic";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/didact-gothic-400.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:500;font-display:block;src:url(/fonts/jost-500.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:600;font-display:block;src:url(/fonts/jost-600.woff2) format("woff2")}
/* SaphETH — logotype web (charte 2026-09). Source : CHARTE-2026-09/README.md.
   Markup : <a class="logo [dark|ivory|inherit]"><span class="logo-saph">Saph</span><span class="logo-eth"><svg class="logo-xi">…</svg><span class="logo-th">TH</span></span></a>
   Le corps se règle uniquement via font-size sur .logo (tout est en em). */
.logo{display:inline-flex;align-items:baseline;line-height:1;text-decoration:none;direction:ltr;letter-spacing:0;text-transform:none;font-weight:400;white-space:nowrap;--saph:#232D5B;--eth:#232D5B;--w:600}
.logo.dark{--saph:#F2F1EC;--eth:#4D7CFF;--w:500}      /* fond nuit : Saph ivoire + ΞTH saphir */
.logo.ivory{--saph:#F2F1EC;--eth:#F2F1EC;--w:500}     /* fond plissé / photo sombre : monochrome ivoire */
.logo.inherit{--saph:currentColor;--eth:currentColor} /* hérite la couleur du parent (docs) */
.logo-saph{font-family:'Didact Gothic','Century Gothic','Futura','Avenir Next',sans-serif;font-size:1em;letter-spacing:.01em;color:var(--saph)}
.logo-eth{display:inline-flex;align-items:baseline;transform:scaleX(.85);transform-origin:left;color:var(--eth);margin-right:-.3em}
.logo-xi{height:.69em;width:auto;margin-right:.02em;position:relative;top:0;overflow:visible;flex:none}
.logo-th{font-family:'Jost','Futura','Century Gothic','Avenir Next',sans-serif;font-weight:var(--w);font-size:.98em;letter-spacing:0}
/* compensation optique : barres du Ξ −1 px en négatif/ivoire (irradiation) */
.logo .xi-neg{display:none}
.logo.dark .xi-pos,.logo.ivory .xi-pos{display:none}
.logo.dark .xi-neg,.logo.ivory .xi-neg{display:inline}
a.logo:hover{opacity:.8}