/* Fiches « révision express », glossaire et calculateurs de gestion (étape 82) */
.rx-bref { margin: 0 0 22px 0; padding: 16px 20px; border: 1px solid #cfe0f3; border-left: 6px solid var(--ec-bleu, #2a68b8); border-radius: 14px; background: linear-gradient(180deg, #f2f7fd 0%, #f8fbfe 100%); line-height: 1.6; font-size: 1.04rem; }
.rx-bref p { margin: 0; }
.rx-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 18px; margin: 0 0 22px 0; }
.rx-bloc { padding: 16px 18px; border: 1px solid var(--ec-bord, #d6dfea); border-radius: 14px; background: #fff; }
.rx-bloc h2 { margin: 0 0 10px 0; font-size: 1.08rem; letter-spacing: .02em; text-transform: uppercase; color: var(--ec-or-fonce, #9a6b00); }
.rx-bloc h2 .rx-num { display: inline-block; min-width: 1.7em; margin-right: 8px; padding: 1px 0; border-radius: 999px; background: var(--ec-or, #f4c430); color: #1f2a37; font-size: .85rem; text-align: center; }
.rx-defs dt { font-weight: 700; color: var(--ec-encre, #1f2a37); margin-top: 8px; }
.rx-defs dd { margin: 2px 0 0 0; }
.rx-large { grid-column: 1 / -1; }
.rx-formules { margin: 0; }
.rx-formules th { font-size: .85rem; text-transform: uppercase; letter-spacing: .04em; color: #5b6b7c; }
.rx-formules td:first-child { font-weight: 600; width: 22%; }
.rx-formules td:nth-child(2) { width: 48%; }
.rx-formules td:nth-child(2) { font-family: Georgia, "Times New Roman", serif; }
.rx-formules td:nth-child(3) { color: #5b6b7c; font-size: .93rem; }
.rx-methode { padding-left: 1.4rem; columns: 2 320px; column-gap: 32px; }
.rx-methode li { margin: 0 0 6px 0; break-inside: avoid; }
.rx-exemple { padding: 16px 20px; border: 1px solid #f3dfa6; border-left: 6px solid var(--ec-or, #f4c430); border-radius: 14px; background: #fff9ea; margin: 0 0 22px 0; }
.rx-exemple h2 { margin: 0 0 8px 0; font-size: 1.08rem; text-transform: uppercase; letter-spacing: .02em; color: var(--ec-or-fonce, #9a6b00); }
.rx-exemple ol { margin: 8px 0 0 0; padding-left: 1.4rem; }
.rx-pieges li { margin: 0 0 6px 0; }
.rx-pieges li::marker { color: #b02a37; }
.rx-test details { margin: 0 0 8px 0; padding: 8px 12px; border: 1px solid var(--ec-bord, #d6dfea); border-radius: 10px; background: #fff; }
.rx-test summary { cursor: pointer; font-weight: 600; }
.rx-test details p { margin: 8px 0 0 0; padding-top: 8px; border-top: 1px dashed #d6dfea; }
.rx-liens { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 22px 0; }
/* glossaire */
.gl-outils { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 16px 0; }
.gl-outils input { max-width: 360px; }
.gl-lettres { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 18px 0; }
.gl-lettres a, .gl-lettres span { display: inline-block; min-width: 2em; padding: 3px 0; border-radius: 8px; text-align: center; font-weight: 700; text-decoration: none; }
.gl-lettres a { background: #edf3fa; color: var(--ec-encre, #1f2a37); }
.gl-lettres a:hover { background: var(--ec-or, #f4c430); }
.gl-lettres span { color: #b6c0cc; }
.gl-lettre { margin: 22px 0 8px 0; padding-bottom: 4px; border-bottom: 2px solid var(--ec-or, #f4c430); font-size: 1.5rem; }
.gl-entree { margin: 0 0 12px 0; padding: 10px 14px; border: 1px solid var(--ec-bord, #d6dfea); border-radius: 12px; background: #fff; }
.gl-entree dt { font-weight: 700; font-size: 1.05rem; color: var(--ec-encre, #1f2a37); }
.gl-entree dd { margin: 4px 0 0 0; }
.gl-formule { display: block; margin-top: 4px; font-family: Georgia, "Times New Roman", serif; color: #3b4a5a; }
.gl-meta { display: block; margin-top: 4px; font-size: .9rem; color: #5b6b7c; }
.gl-cache { display: none; }
.gl-compte { color: #5b6b7c; font-size: .92rem; }
/* calculateurs */
.og-form { margin: 0 0 20px 0; padding: 18px 20px; border: 1px solid var(--ec-bord, #d6dfea); border-radius: 14px; background: #f8fafc; }
.og-form .form-label { font-weight: 600; margin-bottom: 4px; }
.og-form .input-group-text { font-size: .9rem; }
.og-grille-zone table { background: #fff; margin-bottom: 8px; }
.og-grille-zone td { padding: 3px 4px; }
.og-grille-zone input, .og-grille-zone select { min-width: 6em; }
#og-resultat { margin: 0 0 22px 0; }
#og-resultat.og-vide { display: none; }
.og-cles { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin: 0 0 18px 0; }
.og-cle { display: flex; flex-direction: column; padding: 12px 14px; border: 1px solid #f3dfa6; border-radius: 12px; background: #fff9ea; }
.og-cle-l { font-size: .82rem; text-transform: uppercase; letter-spacing: .05em; color: #7a5c00; }
.og-cle-v { font-size: 1.35rem; font-weight: 700; color: var(--ec-encre, #1f2a37); }
.og-cle-n { font-size: .85rem; color: #5b6b7c; }
.og-h3 { margin: 18px 0 8px 0; font-size: 1.05rem; text-transform: uppercase; letter-spacing: .03em; color: var(--ec-or-fonce, #9a6b00); }
.og-table { background: #fff; font-size: .95rem; }
.og-table th, .og-table td { vertical-align: middle; }
.og-table td, .og-table tfoot th { text-align: right; }
.og-table td:first-child, .og-table th[scope=row], .og-table thead th, .og-table tfoot th:first-child { text-align: left; }
.og-etapes { padding-left: 1.4rem; background: #f8fafc; border: 1px solid var(--ec-bord, #d6dfea); border-radius: 12px; padding: 12px 14px 12px 36px; }
.og-etapes li { margin: 0 0 6px 0; }
.og-rappel { padding: 14px 18px; border: 1px solid #cfe0f3; border-left: 6px solid var(--ec-bleu, #2a68b8); border-radius: 14px; background: #f2f7fd; }
.og-rappel ul { margin: 0; }
@media print { .og-form, .gl-outils, .gl-lettres { display: none; } }
