/* Guides Q/R. La réponse directe est le seul élément visuellement fort :
   c'est elle qu'un lecteur pressé doit trouver, et elle que les moteurs
   citent. Le reste s'efface. */
.fil{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.1em;
text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.fil a{text-decoration:none}.fil a:hover{color:var(--brass)}
.revision{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted);margin-top:16px}

.sommaire{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);
padding:20px 24px;margin-bottom:38px}
.sommaire b{font-size:12px;font-family:'IBM Plex Mono',monospace;letter-spacing:.1em;
text-transform:uppercase;color:var(--muted)}
.sommaire ol{margin:12px 0 0;padding-left:20px}
.sommaire li{margin-bottom:6px;font-size:15px}

.guide h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:25px;
line-height:1.2;letter-spacing:-.02em;margin:44px 0 14px;scroll-margin-top:86px}
.guide h3{font-weight:600;font-size:17px;margin:26px 0 8px}
.guide p{font-size:16px;line-height:1.68;color:var(--ink-2);margin-bottom:14px}
.guide ul{padding-left:22px;margin-bottom:16px}
.guide li{font-size:16px;line-height:1.62;color:var(--ink-2);margin-bottom:7px}

/* La réponse directe : deux à quatre phrases, avant tout développement. */
.guide .reponse{background:var(--paper-2);border-left:3px solid var(--teal);
padding:16px 20px;margin:0 0 20px;font-size:16.5px;line-height:1.6;color:var(--ink)}

.vers-calcul{background:var(--ink);color:var(--paper-2);border-radius:var(--r);
padding:28px 30px;margin:48px 0 24px}
.vers-calcul b{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:21px;
display:block;margin-bottom:8px}
.vers-calcul p{color:#C7D2CB;font-size:15px;margin-bottom:18px;line-height:1.55}

.autres-guides{border-top:1px solid var(--line);padding-top:20px;margin-top:8px}
.autres-guides b{font-size:12px;font-family:'IBM Plex Mono',monospace;letter-spacing:.1em;
text-transform:uppercase;color:var(--muted)}
.autres-guides ul{list-style:none;padding:0;margin:12px 0 0}
.autres-guides li{margin-bottom:8px;font-size:15.5px}

.liste-guides{display:grid;gap:16px}
.carte-guide{display:block;background:var(--paper-2);border:1px solid var(--line);
border-radius:var(--r);padding:24px 26px;text-decoration:none}
.carte-guide:hover{border-color:var(--brass)}
.carte-guide h2{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:20px;
letter-spacing:-.015em;margin-bottom:8px}
.carte-guide p{font-size:15px;color:var(--ink-2);line-height:1.55;margin-bottom:12px}
.carte-guide .meta{font-family:'IBM Plex Mono',monospace;font-size:11.5px;
letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}