/* La documentation : large, aérée, lisible d'une traite. Rien à cliquer pour comprendre. */
.page-aide .aide-tete{max-width:760px;margin:0 auto;padding:56px 20px 8px;text-align:center}
.page-aide .aide-tete .kicker a{color:var(--muted)}
.page-aide .aide-tete h1{font-size:clamp(28px,5vw,42px);margin:6px 0 10px}
.page-aide .aide-tete .sub{font-size:17px;color:var(--muted);line-height:1.55;max-width:600px;margin:0 auto}

.aide-corps{max-width:720px;margin:0 auto;padding:24px 20px 8px}
.aide-bloc{padding:22px 0;border-top:1px solid var(--line-soft,var(--line))}
.aide-bloc:first-child{border-top:0}
.aide-bloc h2{font-size:21px;margin:0 0 12px;letter-spacing:-.4px}
.aide-texte p{margin:0 0 12px;line-height:1.65;color:var(--ink-2,var(--ink))}
.aide-liste{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.aide-liste li{position:relative;padding-left:20px;line-height:1.6;color:var(--ink-2,var(--ink))}
.aide-liste li::before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--brand,#0a66ff);opacity:.55}

/* Les hébergeurs, en cartes : on cherche le sien du regard. */
.aide-hebergeurs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:14px}
.aide-hebergeur{padding:13px 15px;border:1px solid var(--line-soft,var(--line));border-radius:var(--r-md,12px);background:var(--surface,#f7f7f8)}
.aide-hebergeur strong{display:block;margin-bottom:5px}
.aide-hebergeur p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted)}
.aide-hebergeur .aide-note{margin-top:7px;font-size:13px;color:var(--ink-2,var(--ink))}

.aide-cartes{max-width:900px;margin:0 auto;padding:22px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.aide-carte{display:block;padding:20px;border:1px solid var(--line-soft,var(--line));border-radius:var(--r-lg,16px);background:var(--paper,#fff);color:inherit}
.aide-carte:hover{border-color:var(--brand,#0a66ff)}
.aide-carte h3{margin:0 0 8px;font-size:18px}
.aide-carte p{margin:0 0 10px;color:var(--muted);line-height:1.55;font-size:14.5px}

.aide-pied{max-width:720px;margin:0 auto;padding:30px 20px 56px;border-top:1px solid var(--line-soft,var(--line));text-align:center}
.aide-pied h2{font-size:19px;margin:0 0 8px}
.aide-pied p{color:var(--muted);margin:0 0 14px}
.site-foot{max-width:900px;margin:0 auto;padding:20px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;
  border-top:1px solid var(--line-soft,var(--line));color:var(--muted);font-size:13.5px}
.site-foot nav{display:flex;gap:16px;flex-wrap:wrap}

/* Une commande à recopier, ou un bout de page à coller dans son site. Elle se sélectionne d'un geste,
   ne déborde pas sur téléphone, et reste lisible sur fond sombre comme sur fond clair. */
.aide-code{margin:14px 0 0;padding:14px 16px;background:var(--surface);border:1px solid var(--line-soft,var(--line));
  border-radius:12px;overflow-x:auto;font-size:13.5px;line-height:1.65}
.aide-code code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;color:var(--ink)}
@media (max-width:520px){.aide-code{font-size:12.5px;padding:12px}}