/* habillage:import — ligne generee par tools/habiller_pages_statiques.py */ @import url("/assets/index-pr_mDi_U.css"); /* /habillage:import */

/* ─────────────────────────────────────────────────────────────────────────────────────────────
   L'HABILLAGE DES PAGES STATIQUES DE speakapp.work — pages legales, « Ou va votre texte »,
   feuille de route, connexion de l'application de bureau, page introuvable.

   Ces pages ne lient QUE ce fichier. Sa premiere regle importe la feuille du site (celle qui
   dessine l'en-tete, le pied, les polices et le papier des pages React) : apres une integration
   de paquet, seule cette ligne change, et `py tools/habiller_pages_statiques.py` la reecrit.

   Ce qui suit n'invente aucune charte : couleurs, polices et formes sont celles du site
   (`.home-next` : papier #fbfaf5 et #f5f1e4, encre #171713 et #43413b, gris #6b6961, filet
   rgba(23,23,19,.15), corail #cc785c et #9b452f, vert #28704a, Fraunces et Inter ; carte et
   boutons du parcours client repris de `.site-auth-*`). Elle ne fait que rendre, dans cette
   charte, les composants que ces pages avaient deja — sans toucher un mot de leur texte.

   Poids : chaque regle vit sous `.home-next.site-document-page` (0,2,0) ou plus, pour passer
   devant les regles de page du site (`.site-next-page main > section …`, jusqu'a (0,2,3)).
   ───────────────────────────────────────────────────────────────────────────────────────────── */

html { background: #fbfaf5; }
body { margin: 0; background: #fbfaf5; color: #171713; }

/* ═══ 1. DOCUMENT — la bande de tete ═════════════════════════════════════════════════════════ */

.home-next.site-document-page main > .site-document__entete {
  padding: clamp(56px, 8vw, 96px) 20px clamp(48px, 6vw, 72px);
  text-align: center;
}
.home-next.site-document-page .site-document__entete h1 {
  max-width: 900px;
  margin: 0 auto;
  color: var(--home-ink);
  font-family: var(--home-display);
  font-size: clamp(2.75rem, 5vw, 4.75rem);
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 1;
  text-wrap: balance;
  overflow-wrap: break-word;
}
/* « Ou va votre texte », « Ce qu'on construit » : le mot en degrade violet reste un mot du titre. */
.home-next.site-document-page .site-document__entete h1 span {
  background: none;
  color: inherit;
  -webkit-text-fill-color: currentColor;
}
.home-next.site-document-page .site-document__entete p {
  max-width: 640px;
  margin: 20px auto 0;
  color: #504b42;
  font-size: clamp(1rem, 1.4vw, 1.125rem);
  line-height: 1.62;
  text-wrap: balance;
}
.home-next.site-document-page .site-document__entete p.meta {
  font-size: 15px;
  line-height: 1.75;
}
.home-next.site-document-page .site-document__entete strong { color: var(--home-ink); font-weight: 650; }
.home-next.site-document-page .site-document__entete .updated {
  margin-top: 18px;
  color: var(--home-muted);
  font-size: 13px;
}

/* ═══ 2. DOCUMENT — le corps, en colonne de lecture ══════════════════════════════════════════ */

.home-next.site-document-page main > .site-document__corps {
  padding: clamp(44px, 6vw, 80px) max(20px, calc((100% - 680px) / 2)) clamp(64px, 8vw, 104px);
  color: var(--home-ink-2);
  font-size: 16px;
  line-height: 1.72;
}
.home-next.site-document-page .site-document__corps > :first-child,
.home-next.site-document-page .site-document__corps > .container > :first-child,
.home-next.site-document-page .site-document__corps > .main > .section:first-child > :first-child { margin-top: 0; }

/* Tailwind a une classe `.container` ; support.html en porte une a lui. */
.home-next.site-document-page .site-document__corps > .container,
.home-next.site-document-page .site-document__corps > .main {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
}

.home-next.site-document-page .site-document__corps h2 {
  margin: clamp(48px, 6vw, 68px) 0 16px;
  color: var(--home-ink);
  font-family: var(--home-display);
  font-size: clamp(1.75rem, 2.6vw, 2.25rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.08;
  text-wrap: balance;
}
.home-next.site-document-page .site-document__corps h3 {
  margin: 36px 0 10px;
  color: var(--home-ink);
  font-family: var(--home-display);
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.2;
  text-wrap: balance;
}
.home-next.site-document-page .site-document__corps h2 + h3 { margin-top: 20px; }

.home-next.site-document-page .site-document__corps p {
  margin: 0 0 1em;
  text-wrap: pretty;
}
.home-next.site-document-page .site-document__corps :is(ul, ol) {
  margin: 0 0 1.1em;
  padding-left: 1.4em;
}
.home-next.site-document-page .site-document__corps ul { list-style: disc; }
.home-next.site-document-page .site-document__corps ol { list-style: decimal; }
.home-next.site-document-page .site-document__corps li {
  margin: 0.45em 0;
  padding-left: 0.2em;
  text-wrap: pretty;
}
.home-next.site-document-page .site-document__corps li::marker { color: var(--home-coral); }
.home-next.site-document-page .site-document__corps :is(p, li, dd, blockquote) { overflow-wrap: anywhere; }
/* Dans une cellule, `anywhere` laisse la colonne se resserrer jusqu'a couper les mots (« Essai gratui-t ») :
   `break-word` garde la largeur du mot le plus long et ne coupe qu'en dernier recours. */
.home-next.site-document-page .site-document__corps :is(th, td) { overflow-wrap: break-word; }

.home-next.site-document-page .site-document__corps a,
.home-next.site-document-page .site-document__entete a {
  color: var(--home-coral-ink);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--home-coral) 55%, transparent);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.home-next.site-document-page .site-document__corps a:hover,
.home-next.site-document-page .site-document__entete a:hover {
  color: var(--home-coral-dark);
  text-decoration-color: currentColor;
}
.home-next.site-document-page .site-document__corps :is(strong, b) { color: var(--home-ink); font-weight: 650; }
.home-next.site-document-page .site-document__corps code {
  padding: 0.08em 0.32em;
  border-radius: 3px;
  background: rgba(23, 23, 19, 0.06);
  color: var(--home-ink);
  font-family: ui-monospace, "JetBrains Mono", Consolas, monospace;
  font-size: 0.86em;
}
.home-next.site-document-page .site-document__corps small { font-size: 0.875em; }

.home-next.site-document-page .site-document__corps blockquote {
  margin: 24px 0;
  padding: 2px 0 2px 20px;
  border-left: 2px solid var(--home-coral);
  color: var(--home-ink);
  font-style: italic;
}

/* Les tableaux defilent dans leur couloir ; la page, jamais. */
.home-next.site-document-page .site-document__tableau {
  margin: 20px 0 28px;
  overflow-x: auto;
  scrollbar-color: rgba(23, 23, 19, 0.3) transparent;
  scrollbar-width: thin;
  /* ombres de defilement : une ombre n'apparait que du cote ou il reste des colonnes a voir */
  background:
    linear-gradient(to right, #fbfaf5 40%, rgba(251, 250, 245, 0)) left / 44px 100% no-repeat local,
    linear-gradient(to left, #fbfaf5 40%, rgba(251, 250, 245, 0)) right / 44px 100% no-repeat local,
    linear-gradient(to right, rgba(23, 23, 19, 0.16), rgba(23, 23, 19, 0)) left / 16px 100% no-repeat scroll,
    linear-gradient(to left, rgba(23, 23, 19, 0.16), rgba(23, 23, 19, 0)) right / 16px 100% no-repeat scroll;
}
.home-next.site-document-page .site-document__tableau::-webkit-scrollbar { height: 8px; }
.home-next.site-document-page .site-document__tableau::-webkit-scrollbar-thumb { background: rgba(23, 23, 19, 0.28); border-radius: 8px; }
.home-next.site-document-page .site-document__corps table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid var(--home-ink);
  font-size: 15px;
  line-height: 1.55;
}
.home-next.site-document-page .site-document__corps table:has(tr > :nth-child(3)) { min-width: 38rem; }
/* les premieres colonnes ne se laissent pas ecraser par la derniere (« Essai / gratuit » sur 4 lignes) */
.home-next.site-document-page .site-document__corps table:has(tr > :nth-child(3)) :is(th, td):not(:last-child) { min-width: 7.5em; }
.home-next.site-document-page .site-document__corps :is(th, td) {
  padding: 11px 14px 11px 0;
  border-bottom: 1px solid var(--home-line);
  text-align: left;
  vertical-align: top;
  text-wrap: pretty;
}
.home-next.site-document-page .site-document__corps :is(th, td):last-child { padding-right: 0; }
.home-next.site-document-page .site-document__corps th { color: var(--home-ink); font-weight: 650; }

/* Encadres : a plat, un filet a gauche — ni fond, ni rayon, ni boite dans la boite. */
.home-next.site-document-page .site-document__corps :is(.warn, .note, .good, .info-card, .tldr, .contact-card, .solution, .nope) {
  margin: 24px 0;
  padding: 2px 0 2px 20px;
  border: 0;
  border-left: 2px solid var(--home-line);
  border-radius: 0;
  background: none;
}
.home-next.site-document-page .site-document__corps :is(.warn, .note, .nope) { border-left-color: var(--home-coral); }
.home-next.site-document-page .site-document__corps :is(.good, .tldr, .solution) { border-left-color: var(--home-ink); }
.home-next.site-document-page .site-document__corps :is(.info-card, .contact-card) { border-left-color: var(--home-ink); }
.home-next.site-document-page .site-document__corps :is(.warn, .note, .good, .info-card, .tldr, .contact-card, .solution, .nope) > :last-child { margin-bottom: 0; }

.home-next.site-document-page .site-document__corps .faq-q {
  margin: 22px 0 4px;
  color: var(--home-ink);
  font-weight: 650;
}

/* Le pied propre a chaque document (date, liens voisins) : une note de fin, pas un second pied. */
.home-next.site-document-page .site-document__corps > :is(.footer, footer) {
  margin-top: clamp(48px, 7vw, 72px);
  padding-top: 20px;
  border-top: 1px solid var(--home-line);
  color: var(--home-muted);
  font-size: 14px;
  line-height: 1.7;
}
.home-next.site-document-page .site-document__corps > :is(.footer, footer) p { margin: 0 0 6px; }
.home-next.site-document-page .site-document__corps > :is(.footer, footer) a { color: var(--home-coral-ink); }

/* ═══ 3. SUPPORT ═════════════════════════════════════════════════════════════════════════════ */

.home-next.site-document-page .site-document__entete header { margin: 0; }
.home-next.site-document-page .site-document__corps .label {
  margin-bottom: 4px;
  color: var(--home-muted);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.home-next.site-document-page .site-document__corps .solution .label { color: var(--home-ink); }
.home-next.site-document-page .site-document__corps .value {
  color: var(--home-ink);
  font-size: 1.125rem;
  font-weight: 650;
}
.home-next.site-document-page .site-document__corps :is(.future-note, .sla) {
  color: var(--home-muted);
  font-size: 14px;
}
.home-next.site-document-page .site-document__corps .future-note { font-style: italic; }

/* ═══ 4. « OU VA VOTRE TEXTE » ET FEUILLE DE ROUTE — sections, etapes, lignes ═══════════════ */

.home-next.site-document-page .site-document__corps .section { margin: 0 0 clamp(48px, 7vw, 72px); }
.home-next.site-document-page .site-document__corps .section-label { margin: 0 0 18px; }
.home-next.site-document-page .site-document__corps .section-label-text {
  color: var(--home-coral-ink);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.home-next.site-document-page .site-document__corps .intro { color: var(--home-ink-2); }

.home-next.site-document-page .site-document__corps :is(.step, .feature, .upcoming) {
  padding: 20px 0;
  border-top: 1px solid var(--home-line);
}
.home-next.site-document-page .site-document__corps .section > :is(.step, .feature, .upcoming):last-child { border-bottom: 1px solid var(--home-line); }
.home-next.site-document-page .site-document__corps :is(.step-row, .feature-row, .upcoming) {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.home-next.site-document-page .site-document__corps :is(.feature-row, .upcoming) { align-items: center; }
.home-next.site-document-page .site-document__corps :is(.step-icon, .feature-icon, .upcoming-icon) {
  flex: 0 0 auto;
  min-width: 40px;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
}
.home-next.site-document-page .site-document__corps :is(.step-body, .feature-body, .upcoming-info) { flex: 1 1 auto; min-width: 0; }
.home-next.site-document-page .site-document__corps :is(.step-name, .feature-name) {
  margin: 0 0 6px;
  color: var(--home-ink);
  font-family: var(--home-display);
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
.home-next.site-document-page .site-document__corps .upcoming-name {
  /* meme rang que .feature-name : meme police, meme taille (revue Systeme du 2026-09-13) */
  margin: 0 0 4px;
  color: var(--home-ink);
  font-family: var(--home-display);
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
.home-next.site-document-page .site-document__corps :is(.step-desc, .feature-desc) { margin: 0; color: var(--home-ink-2); }
.home-next.site-document-page .site-document__corps .step-desc + .step-desc { margin-top: 10px; }
.home-next.site-document-page .site-document__corps :is(.feature-desc, .upcoming-desc) { font-size: 15px; line-height: 1.6; }
.home-next.site-document-page .site-document__corps .upcoming-desc { color: var(--home-muted); }
.home-next.site-document-page .site-document__corps :is(.feature-status, .upcoming > .badge) { flex: 0 0 auto; }

.home-next.site-document-page .site-document__corps .list { margin: 0; padding: 0; list-style: none; }
.home-next.site-document-page .site-document__corps .list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 0;
  padding: 16px 0;
  border-top: 1px solid var(--home-line);
}
.home-next.site-document-page .site-document__corps .list li:last-child { border-bottom: 1px solid var(--home-line); }
.home-next.site-document-page .site-document__corps .list-mark { flex: 0 0 auto; font-size: 18px; line-height: 1.5; }
.home-next.site-document-page .site-document__corps .nope-claim { margin: 0 0 4px; color: var(--home-ink); font-weight: 650; }
.home-next.site-document-page .site-document__corps .nope-why { margin: 0; }

/* Etiquettes : la pastille arrondie du site (celle de « Derniere methode » a la connexion). */
.home-next.site-document-page :is(.tag, .badge) {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 11px;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: none;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
  white-space: nowrap;
}
.home-next.site-document-page .tag { margin-top: 12px; }
.home-next.site-document-page :is(.tag-ok, .badge-avail) { color: var(--home-actif); }
.home-next.site-document-page :is(.tag-warn, .badge-wip) { color: var(--home-coral-ink); }
.home-next.site-document-page .badge-soon { color: var(--home-ink-2); }
.home-next.site-document-page .badge-vision { color: var(--home-muted); }
.home-next.site-document-page .badge-dot {
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: currentColor;
}
.home-next.site-document-page .badge-wip .badge-dot { animation: site-habillage-pouls 1.8s ease-in-out infinite; }
:root[data-animations-reduites="true"] .home-next.site-document-page .badge-wip .badge-dot { animation: none; }
@keyframes site-habillage-pouls { 50% { opacity: 0.35; } }

.home-next.site-document-page .site-document__entete .legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 28px auto 0;
}

/* Progression : la barre visible se dessine, la barre masquee reste masquee (son texte aussi). */
.home-next.site-document-page .feature-bar-wrap { display: none; margin: 14px 0 0 56px; }
.home-next.site-document-page .feature-bar-wrap.show { display: block; }
.home-next.site-document-page .feature-bar-label {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  color: var(--home-muted);
  font-size: 12px;
}
.home-next.site-document-page .feature-bar { height: 4px; overflow: hidden; border-radius: 4px; background: var(--home-line); }
.home-next.site-document-page .feature-bar-fill { height: 100%; border-radius: 4px; background: var(--home-coral); }

@media (max-width: 620px) {
  .home-next.site-document-page .site-document__entete h1 { font-size: clamp(2.15rem, 9.6vw, 2.9rem); }
  .home-next.site-document-page .site-document__corps :is(.feature-row, .upcoming) { flex-wrap: wrap; row-gap: 10px; }
  /* le texte reste a cote de son icone (40 px + 16 px d'ecart) ; seule l'etiquette passe a la ligne */
  .home-next.site-document-page .site-document__corps :is(.feature-body, .upcoming-info) { flex: 1 1 0; min-width: 12rem; }
  .home-next.site-document-page .site-erreur__actions a { flex: 1 1 100%; }
  .home-next.site-document-page .site-document__corps :is(.feature-status, .upcoming > .badge) { margin-left: 56px; }
  .home-next.site-document-page .feature-bar-wrap { margin-left: 56px; }
}

/* ═══ 5. PAGE INTROUVABLE ════════════════════════════════════════════════════════════════════ */

.home-next.site-document-page main > .site-erreur {
  display: grid;
  min-height: 62vh;
  place-content: center;
  padding: clamp(64px, 9vw, 112px) 20px;
  text-align: center;
}
.home-next.site-document-page .site-erreur__surtitre {
  margin: 0 0 14px;
  color: var(--home-coral-ink);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.home-next.site-document-page main > .site-erreur h1 { max-width: 12em; }
.home-next.site-document-page main > .site-erreur > .site-erreur__question { margin: 18px 0 0; }
.home-next.site-document-page .site-erreur__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
}
.home-next.site-document-page .site-erreur__actions a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  border: 1px solid var(--home-line);
  border-radius: 12px;
  background: #fff;
  color: var(--home-ink);
  font: 650 14px/1 Inter, -apple-system, "Segoe UI", sans-serif;
  text-decoration: none;
}
.home-next.site-document-page .site-erreur__actions a.site-erreur__retour {
  border-color: var(--home-coral);
  background: var(--home-coral);
  color: #fff;
}
.home-next.site-document-page .site-erreur__actions a:hover { transform: translateY(-1px); }
.home-next.site-document-page .site-erreur__actions svg { width: 16px; height: 16px; flex: 0 0 auto; }
.home-next.site-document-page .site-erreur__actions svg.lucide-external-link { width: 12px; height: 12px; opacity: 0.6; }
.home-next.site-document-page main > .site-erreur > .site-erreur__url {
  margin: 32px 0 0;
  color: var(--home-muted) !important;
  font-size: 12px;
  overflow-wrap: anywhere;
}
.home-next.site-document-page .site-erreur__url code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

/* ═══ 6. PARCOURS CLIENT — la connexion de l'application de bureau, dans la carte de /auth ═══ */

.home-next.site-auth-page { position: relative; }
.home-next.site-auth-page .site-auth-card { text-align: left; }
.home-next.site-auth-page .site-auth-brand { display: flex; }
.home-next.site-auth-page .lang-toggle {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  padding: 7px 12px;
  border: 1px solid var(--home-line);
  border-radius: 999px;
  background: #fff;
  color: var(--home-ink);
  font: 650 12px/1 Inter, -apple-system, "Segoe UI", sans-serif;
  cursor: pointer;
}
.home-next.site-auth-page .lang-toggle:hover { border-color: var(--home-ink); }
@media (max-width: 620px) {
  /* sur la carte (marge 10 px + retrait 22 px), a hauteur de la marque : mesure au 2026-09-13 */
  .home-next.site-auth-page .lang-toggle { top: 39px; right: 32px; }
}
.home-next.site-auth-page .title-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 14px;
}
.home-next.site-auth-page .title-row > svg { margin-top: 0.22em; }
.home-next.site-auth-page .site-auth-card .title-row h1 {
  margin: 0;
  font-size: clamp(1.9rem, 5.5vw, 2.4rem);
  line-height: 1.05;
}
.home-next.site-auth-page .site-auth-card h1.title-error { color: var(--home-coral-ink); }
.home-next.site-auth-page .title-check-icon { flex: 0 0 auto; color: var(--home-actif); }
.home-next.site-auth-page .title-error-icon { flex: 0 0 auto; color: var(--home-coral-ink); }
.home-next.site-auth-page .subtitle {
  margin: 0 0 24px;
  color: var(--home-muted);
  font-size: 15px;
  line-height: 1.55;
}
.home-next.site-auth-page .status {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 20px;
  padding: 14px 16px;
  border: 1px solid var(--home-line);
  border-radius: 12px;
  background: #fbfaf5;
  color: var(--home-ink-2);
  font-size: 14px;
}
.home-next.site-auth-page .status.error { border-color: var(--home-coral); color: var(--home-coral-ink); }
.home-next.site-auth-page .spinner {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border: 2px solid var(--home-line);
  border-top-color: var(--home-coral);
  border-radius: 50%;
  animation: site-habillage-rotation 0.8s linear infinite;
}
@keyframes site-habillage-rotation { to { transform: rotate(360deg); } }
.home-next.site-auth-page .btn {
  display: flex;
  width: 100%;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 20px;
  border: 1px solid var(--home-coral);
  border-radius: 12px;
  background: var(--home-coral);
  color: #fff;
  font: 750 14px/1 Inter, -apple-system, "Segoe UI", sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.home-next.site-auth-page .btn:hover { transform: translateY(-1px); }
.home-next.site-auth-page .btn-icon { width: 18px; height: 18px; flex: 0 0 auto; }
.home-next.site-auth-page .btn-secondary { border-color: var(--home-line); background: #fff; color: var(--home-ink); }
.home-next.site-auth-page .btn-small { display: inline-flex; width: auto; min-height: 40px; padding: 0 16px; font-size: 13px; }
.home-next.site-auth-page :is(.btn, .lang-toggle, .link-tertiary):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--home-coral) 34%, transparent);
  outline-offset: 3px;
}
.home-next.site-auth-page .smart-btn-hint { margin: 14px 0 0; color: var(--home-muted); font-size: 13px; line-height: 1.5; }
.home-next.site-auth-page .link-tertiary {
  display: inline-block;
  margin-top: 18px;
  color: var(--home-coral-ink);
  font-size: 13px;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--home-coral) 50%, transparent);
  text-underline-offset: 3px;
}
.home-next.site-auth-page .link-tertiary:hover { color: var(--home-coral-dark); }
.home-next.site-auth-page #recoveryPanel {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--home-line);
}
.home-next.site-auth-page .recovery-intro { margin: 0 0 12px; color: var(--home-muted); font-size: 13px; line-height: 1.5; }
.home-next.site-auth-page .code-block {
  max-height: 80px;
  margin: 0 0 12px;
  padding: 12px;
  overflow-y: auto;
  border: 1px solid var(--home-line);
  border-radius: 12px;
  background: #fff;
  color: var(--home-ink-2);
  font-family: ui-monospace, "JetBrains Mono", Consolas, monospace;
  font-size: 12px;
  word-break: break-all;
}

/* ═══ 7. IMPRESSION — le document, sans l'habillage ═════════════════════════════════════════ */

@media print {
  .home-wispr-nav,
  .home-source-footer { display: none !important; }
  .home-next.site-document-page main > .site-document__entete { padding: 0 0 18pt; background: none; border: 0; }
  .home-next.site-document-page main > .site-document__corps { padding: 0; }
  .home-next.site-document-page .site-document__tableau { overflow: visible; }
}

/* Une ancre sous l'en-tete collant ne se cache pas dessous. */
.home-next.site-document-page [id] { scroll-margin-top: 96px; }