/* MAW 39 — page « Guide rapide » (réutilise les couleurs et boutons du parcours). */
.g-main{max-width:760px;margin:0 auto;padding:20px 16px 40px;display:grid;gap:14px}
.g-hero{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:center}
.g-hero img{width:80px;height:80px;border-radius:50%;background:#fff;border:2px solid var(--line)}
.g-hero h1{margin:0;font-family:var(--head);font-size:1.6rem;line-height:1.2}
.g-hero p{margin:6px 0 0;color:var(--ink2)}
.g-toc{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:12px 16px}
.g-toc ol{margin:0;padding-left:22px;columns:2;column-gap:24px}
.g-toc a{display:inline-block;min-height:40px;line-height:40px}
.g-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:16px;scroll-margin-top:80px}
.g-card h2{margin:0 0 8px;font-family:var(--head);font-size:1.2rem}
.g-card p,.g-card li{margin:0 0 8px}
.g-card ol{margin:0;padding-left:22px}
.g-tip{padding:10px 12px;border-radius:12px;background:var(--soft)}
.g-cta{text-align:center}
@media (max-width:520px){.g-toc ol{columns:1}}

/* MAJ114 correctif : éviter le débordement horizontal à 320 px (URL longues dans une grille). */
.g-main>*{min-width:0}.g-main a,.g-main strong{overflow-wrap:anywhere}
