/* Insignes des Hauts Faits */
.insigne-svg{display:block;width:44px;height:44px;overflow:visible}
/* Vitrine sous la photo */
.hauts-faits{margin:10px 0 4px;text-align:center}
.hauts-faits .hf-titre{display:block;color:inherit;text-decoration:none;font-family:Spectral,Georgia,serif;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:6px}
.hauts-faits .hf-rang{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.hf-insigne{position:relative;display:inline-block;border-radius:50%;outline-offset:2px}
.hf-insigne.manquant{filter:grayscale(1);opacity:.32}
.hf-insigne:hover:not(.manquant){transform:translateY(-1px)}
.hf-insigne.manquant:hover,.hf-insigne.manquant:focus-visible{opacity:.6}
/* Bulle unique, placée par le script selon la place à l'écran */
.hf-bulle{position:fixed;left:0;top:0;z-index:1000;max-width:min(240px,calc(100vw - 16px));background:#1d1638;color:#f1ead7;border:1px solid rgba(233,184,79,.35);border-radius:8px;padding:7px 9px;font-size:.78rem;line-height:1.4;pointer-events:none;opacity:0;transition:opacity .12s;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.hf-bulle.visible{opacity:1}
.hf-bulle b{display:block;color:#e9b84f;font-weight:600}
.hf-bulle small{display:block;margin-top:4px;opacity:.65;font-size:.7rem}
/* Page Les Hauts Faits */
.hf-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:28px}
.hf-fiche{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--filet, rgba(0,0,0,.12));border-radius:12px;background:var(--papier-2, transparent);scroll-margin-top:90px}
.hf-fiche .insigne-svg,.hf-fiche .sceau-f{flex:none;width:58px;height:58px}
.hf-fiche .sceau-f svg{width:100%;height:100%}
.hf-fiche h3{margin:0 0 4px;font-size:1.05rem}
.hf-fiche p{margin:0 0 6px;font-size:.92rem}
.hf-fiche .hf-note{opacity:.75;font-size:.85rem}
.hf-qui{font-size:.85rem!important}.hf-qui strong{margin-right:4px}
.hf-personne{opacity:.6;font-style:italic}
.hf-fiche.hf-vise{outline:2px solid #e9b84f;outline-offset:2px}
.carte-id-ancien{filter:sepia(.25) saturate(.85)}
.carte-id-ancien .ci-cadre{aspect-ratio:1;display:grid}
.carte-id-ancien .ancien-ini{font-size:64px}
.carte-ancien{cursor:pointer}
