/* ======================================================= 📚 GLOSSAIRE — forme conservant TA palette (aucune nouvelle couleur, aucun var()) ======================================================= */ /* Confort d’ancre (#id) sous navbar sticky */ #glossaire-ia [id] { scroll-margin-top: 80px; } /* Section (identique à ton thème) */ .section-glossaire { padding: 40px 0; margin-top: 40px; border-top: 3px solid #b3c3e0; background: #fff; /* gardé neutre */ } /* Titres */ .section-glossaire h2 { font-size: 2rem; line-height: 1.2; margin: 0 0 1rem 0; color: #1639b1; } .section-glossaire h3 { font-size: 1.6em; color: #1639b1; border-left: 5px solid #1639b1; padding-left: 12px; margin: 2em 0 1em; text-wrap: balance; } /* Liste glossaire (styles d’origine) */ .glossaire-list { list-style-type: disc; margin: 0 0 2em 2em; /* retrait standard */ padding: 0; max-width: 960px; font-size: 15.5px; line-height: 1.7; /* interligne confortable */ color: #333; /* Lisibilité texte */ text-align: justify; text-justify: inter-word; hyphens: auto; /* césures FR (mettre lang="fr" sur ) */ overflow-wrap: anywhere; /* évite débordements */ word-break: normal; text-wrap: pretty; } /* un peu plus d’air entre les items */ .glossaire-list li { margin-bottom: 1.05em; } /* Terme mis en valeur (couleur d’origine) */ .glossaire-list strong { color: #2e405e; font-weight: 600; letter-spacing: 0.2px; /* micro-typo douce */ } /* Paragraphes internes éventuels */ .glossaire-list li p{ margin: 0.5em 0 0.4em; text-align: justify; hyphens: auto; } /* Petites portions de code inline (sans nouvelle couleur de fond) */ .glossaire-list code{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .95em; background: transparent; border: 1px solid #b3c3e0; border-radius: 6px; padding: .08em .35em; white-space: nowrap; vertical-align: baseline; } /* Liens d’info (palette d’origine) */ .ia-link { color: #3a4d75; font-weight: 600; text-decoration: none; border-bottom: 1px dotted #a8b7d5; transition: color .25s ease, border-bottom-color .25s ease; } .ia-link:hover, .ia-link:focus { color: #1639b1; border-bottom-color: #1639b1; } /* Accessibilité focus sans changer ta palette */ .ia-link:focus-visible { outline: 3px solid rgba(22,57,177,0.25); /* #1639b1, version douce */ outline-offset: 2px; } /* Optionnel : petite carte pour longues définitions (couleurs identiques) */ .glossaire-card { background: #ffffff; border: 1px solid #b3c3e0; border-left: 4px solid #1639b1; border-radius: 10px; padding: 1rem 1.1rem; } /* ===== Options de mise en forme ===== */ /* Ajoute `glossaire--alinea` sur