/* Contenus validés le 13/10/2026 — blocs ajoutés (méthode 360°, sites officiels, coordonnées, mentions) */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Mention sous le bouton principal */
.hero-note{font-size:14px;line-height:1.6;color:#565656;margin-top:13px}
.page-hero .hero-note{margin-top:13px}

/* Méthode Latitude 360° (4 étapes) */
.method-lead{text-align:center;max-width:620px;margin:20px auto 0;font-size:19px;line-height:1.6;color:#444}
.steps.steps--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.steps--four h3{font-size:24px}
.method-name{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-top:22px;color:#725338}
@media(max-width:1050px){.steps.steps--four{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px}}
@media(max-width:760px){.method-lead{font-size:17px}.steps.steps--four{grid-template-columns:1fr;gap:27px}.steps--four h3{font-size:22px}}

/* Sites officiels à connaître */
.useful-sites .sites-title{font-size:20px!important;line-height:1.3!important;text-align:center;margin:0 0 20px;letter-spacing:-.02em}
.official-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px}
.official-links a{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 16px;border:1px solid #deded9;background:#fff;font-size:15px;font-weight:500;line-height:1.3}
.official-links a:hover{background:#f5f5f2}
.official-links a>span[aria-hidden]{font-size:15px;color:#6a6a6a}
.sites-note{text-align:center;font-size:12px;line-height:1.6;color:#6a6a6a;margin:16px auto 0;max-width:560px}
@media(max-width:760px){.official-links{justify-content:flex-start}.official-links a{font-size:14px;padding:9px 13px}.sites-note{text-align:left}.useful-sites .sites-title{text-align:left}}

/* Bloc « Comment ça se passe » */
.contact-checklist{list-style:none;padding:0;margin:0 auto 30px;display:inline-grid;gap:11px;text-align:left;font-size:17px;line-height:1.5;color:#2f2f2f}
.contact-checklist li{display:grid;grid-template-columns:22px 1fr;gap:10px}
.contact-checklist li:before{content:'✓';font-weight:700;color:#b06a2c}
.contact .contact-checklist{max-width:520px}
@media(max-width:760px){.contact-checklist{font-size:16px;margin-bottom:26px}}

/* Limite fiscale */
.fiscal-note{margin-top:16px!important;padding:13px 17px;border-left:2px solid #e8a76f;background:#faf8f4;font-size:15px!important;line-height:1.6!important;color:#565656!important;max-width:640px}

/* Page Premier échange */
.exchange-subtitle{font-size:22px!important;line-height:1.3;margin-top:30px}
.exchange-checklist{display:grid;margin:14px 0 0}
.exchange-write{margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}
.exchange-write>p{font-size:17px;line-height:1.7;color:#565656;margin-top:10px}
.exchange-write-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.button.button-outline{background:#fff;border-color:#242424;color:#242424;min-height:52px;font-size:15px}
.button.is-pending{opacity:.55;cursor:not-allowed}
.pending-note{font-size:13px!important;color:#7a7a7a!important;margin-top:12px!important}

/* Coordonnées dans le pied de page */
.footer-contact{display:grid;gap:4px;padding:4px 0 22px;font-size:13px;line-height:1.6;color:var(--muted)}
.footer-contact p{display:flex;flex-wrap:wrap;gap:2px 22px}
.footer-contact strong{color:#242424;font-weight:600}
.footer-contact a{text-decoration:underline;text-underline-offset:3px}
[data-a-completer]:not(a){background:#fff4e6;padding:0 6px;border-radius:2px}

/* Mentions légales */
.legal-title{font-size:19px!important;line-height:1.3;margin:26px 0 8px}
dialog [data-a-completer]{background:#fff4e6;padding:0 6px}

/* Avis de la page Faire le point : 3 colonnes sur ordinateur, défilement latéral sur téléphone */
.landing-page .landing-review .quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:none}
.landing-page .landing-review .quote{padding:30px 28px 26px}
.landing-page .landing-review .quote blockquote p{font-size:17px;line-height:1.7}
@media(max-width:920px){
.landing-page .landing-review .quote-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px;-webkit-overflow-scrolling:touch}
.landing-page .landing-review .quote{scroll-snap-align:start}
}
.useful-sites--bas{border-top:1px solid #e3e3df;border-bottom:0}

.exchange-calendly-note{font-size:15px!important;color:#565656!important;margin-top:12px!important;max-width:520px}
