/* ============================================================
   HYL'S STUDIO · legal.css
   Pages legales (mentions, CGV, confidentialite) : nav sobre,
   colonne de lecture etroite, typographie de texte long.
   Depend de base.css (tokens, reset, .wrap, footer).
   ============================================================ */

body{line-height:1.7}
.wrap{width:min(880px,90vw)}           /* colonne de lecture resserree */

/* Nav sobre (relative, pas de tiroir mobile) */
.nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,5vw,56px);border-bottom:1px solid var(--line)}
.nav__back{font-size:.82rem;letter-spacing:.02em;color:var(--bone-dim)}
.nav__back:hover{color:var(--gold)}

.legal-hero{padding:clamp(60px,10vw,110px) 0 clamp(30px,5vw,50px)}
.legal-hero h1{font-family:var(--ff-display);text-transform:uppercase;font-size:clamp(2rem,5.6vw,3.6rem);line-height:.95}
.legal-hero p{margin-top:14px;color:var(--bone-dim);font-size:.92rem}

main.legal{padding-bottom:clamp(80px,10vw,140px)}
main.legal a{color:var(--gold)}
main.legal a:hover{color:var(--gold-soft)}
main.legal h2{font-family:var(--ff-serif);font-style:italic;font-weight:400;color:var(--gold);font-size:clamp(1.3rem,2.6vw,1.7rem);margin-top:2.4em;margin-bottom:.6em}
main.legal h2:first-child{margin-top:0}
main.legal h3{font-size:1rem;font-weight:600;color:var(--bone);margin-top:1.4em;margin-bottom:.5em}
main.legal p{margin-bottom:1em;color:var(--bone-dim)}
main.legal strong{color:var(--bone);font-weight:600}
main.legal ul{margin:0 0 1em 1.2em}
main.legal li{margin-bottom:.4em;color:var(--bone-dim)}