/* landing.css — pages d'information (faux-magasin-en-ligne.html, fake-online-store.html).
   Se charge après style.css. Mise en page d'article lisible, une colonne. */

.landing{max-width:760px;margin:0 auto;padding:36px 0 56px;}

.landing h1{font-size:32px;line-height:1.2;margin:0 0 14px;}
.landing h2{font-size:22px;line-height:1.3;margin:34px 0 10px;}
.landing p{font-size:16px;line-height:1.65;margin:0 0 14px;}
.landing .lead{font-size:18px;color:var(--muted);}
.landing ol{margin:0 0 14px;padding-left:22px;}
.landing li{margin:0 0 8px;line-height:1.6;font-size:16px;}
.landing a{text-decoration:underline;}
.landing .btn{text-decoration:none;}

.landing-crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  font-size:13px;color:var(--muted);padding:22px 0 0;
}
.landing-crumbs a{color:var(--muted);text-decoration:none;}
.landing-crumbs a:hover{color:var(--ink);text-decoration:underline;}

.landing-cta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 6px;}

.landing-faq{display:flex;flex-direction:column;gap:10px;margin:0 0 14px;}
.landing-faq details{
  border:1px solid var(--line);border-radius:12px;
  background:var(--white);padding:14px 18px;
}
.landing-faq summary{cursor:pointer;font-weight:600;font-size:16px;}
.landing-faq details p{margin:10px 0 0;font-size:15px;color:var(--muted);}

.landing-note{
  font-size:14px;color:var(--muted);
  border-left:3px solid var(--line);padding:2px 0 2px 14px;margin:0 0 14px;
}

@media (max-width:640px){
  .landing{padding-top:24px;}
  .landing h1{font-size:26px;}
  .landing h2{font-size:20px;}
  .landing .lead{font-size:16.5px;}
}