/* ===== Page recette ===== */
.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;padding-top:3rem;padding-bottom:3rem}
.hero h1{font-size:clamp(2.3rem,6vw,4rem);font-weight:800;letter-spacing:-.02em}
.hero p{font-size:1.15rem;max-width:40ch;margin:1rem 0 0}
.facts li{border:2px solid var(--rape-ink);border-radius:999px;padding:.3rem .95rem;font-weight:500}

section{padding:3.5rem 0}
#etapes,#questions{padding-top:0}
h2{font-size:clamp(1.7rem,3.5vw,2.4rem);margin-bottom:1.25rem}
h3{font-size:1.25rem}
.sub{margin-top:1.5rem}

.layout{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}
.ingr h3{margin:1.25rem 0 .4rem}
.ingr h3:first-child{margin-top:0}
.ingr li{padding:.4rem 0}
.tools{margin:1.5rem 0 0;padding-left:1.2rem;color:var(--muted)}
.time{display:inline-block;background:var(--surface);border-radius:999px;padding:.1rem .75rem;font-size:.9rem;font-weight:600}

.tips{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.tips article{border:2px solid currentColor;border-radius:1.25rem;padding:1.4rem}
.tips h3{margin-bottom:.4rem}
.tips p{margin:0}
.variants{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.variants article{background:var(--surface);border-radius:1.25rem;padding:1.5rem;border-top:6px solid var(--rape)}
.variants h3{margin-bottom:.5rem}
.variants p{margin:0}

details{border-bottom:1px solid var(--line);padding:.9rem 0}
summary{cursor:pointer;font-weight:600}
details p{margin:.6rem 0 0;color:var(--muted)}

@media print{header.top,.theme,footer{display:none}.hero{background:none}.hero img{display:none}.alt{background:none;color:inherit}}
@media (max-width:820px){
  .hero .wrap,.layout,.tips,.variants{grid-template-columns:1fr}
  section{padding:2.5rem 0}
  header.top .wrap{flex-wrap:wrap}
}