/* Choisir Plancha · Accueil (design/accueil-plancha.html), sans la barre d'outils ni les annotations. Chargé après wf-plp.css. */
.btn.full{width:100%}
.link{background:none;border:0;padding:0;text-decoration:underline;cursor:pointer;font-size:13px}
.st h2{font-size:23px;margin:0 0 4px}
.st p{margin:0 0 18px;color:var(--g500)}
section.zone{padding:34px 0;scroll-margin-top:calc(var(--bar) + 16px)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:38px;line-height:1.12;margin:0 0 14px}
.hero .intro{font-size:16px;line-height:1.6;margin:0 0 20px;max-width:560px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:10px}
.hero-img{aspect-ratio:4/3}
.popular{display:grid;gap:10px;background:var(--g50);border:1px solid var(--g200);border-radius:var(--card-r);padding:16px 18px}
.popular h2{margin:0 0 2px;font-size:16px}
.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}
.about .ph{aspect-ratio:4/3}
.about h2{font-size:26px;margin:2px 0 12px}
.about p{margin:0 0 12px;font-size:14.5px;line-height:1.6}
.facts-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.facts-row div{border:1px solid var(--g200);border-radius:var(--card-r);background:#fff;padding:10px 14px;min-width:130px}
.facts-row b{display:block;font-family:var(--f-title);font-size:20px;color:var(--c-dark);line-height:1.1}
.facts-row span{font-size:12px;color:var(--g500)}
.disclo{font-size:13px;line-height:1.5;background:var(--g50);border:1px solid var(--g200);border-radius:var(--card-r);padding:10px 12px;margin-bottom:14px}
.crits{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.crit{border:1px solid var(--g200);border-radius:var(--card-r);background:#fff;padding:14px}
.crit .lico{stroke:var(--c-primary)}
.crit b{display:block;margin:8px 0 4px;color:var(--c-dark);font-size:14px}
.crit p{margin:0;font-size:12.5px;line-height:1.45;color:var(--g600)}
.method-foot{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:14px;background:var(--g50);border:1px solid var(--g200);border-radius:var(--card-r);padding:14px 16px;font-size:13.5px}
.method-foot p{margin:0}
@container dev (max-width: 760px){
  section.zone{padding:24px 0}
  .st h2{font-size:20px}
  .hero{grid-template-columns:1fr;gap:18px}
  .hero h1{font-size:26px}
  .hero .intro{font-size:15px}
  .hero-ctas .btn{flex:1}
  .hero-img{aspect-ratio:16/10}
  .popular{padding:14px;margin:0 -16px;border-radius:0;border-left:0;border-right:0}
  .popular .quick{flex-wrap:nowrap;overflow-x:auto;margin:0 -14px;padding:0 14px 4px}
  .about{grid-template-columns:1fr;gap:16px}
  .about h2{font-size:21px}
  .facts-row{flex-wrap:nowrap;gap:8px}
  .facts-row div{flex:1;min-width:0;padding:9px 10px}
  .facts-row b{font-size:17px}
  .crits{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 6px}
  .crit{flex:0 0 62%;scroll-snap-align:start}
  .method-foot{grid-template-columns:1fr}
}