/* ==========================================================================
   Diagnostic chantier — styles additionnels (extraits de la page diagnostic)
   ========================================================================== */
.dg-hero{background:var(--navy); color:#fff; padding:clamp(48px,6vw,76px) 0 clamp(96px,10vw,130px); position:relative; overflow:hidden;}
.dg-hero::after{content:""; position:absolute; right:-120px; top:-120px; width:460px; height:420px; background:radial-gradient(circle,rgba(242,106,27,.2),transparent 62%); pointer-events:none;}
.dg-hero h1{color:#fff; font-size:clamp(28px,3.8vw,44px); margin:18px 0 0;}
.dg-hero p{margin:16px 0 0; color:#C7D5E3; font-size:clamp(15.5px,1.6vw,17.5px); line-height:1.6; max-width:640px;}
.dg-badge{display:inline-flex; align-items:center; gap:8px; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#FBA869; background:rgba(242,106,27,.14); border:1px solid rgba(242,106,27,.35); padding:7px 14px; border-radius:999px;}
.dg{max-width:840px; margin:calc(clamp(96px,10vw,130px) * -.62) auto clamp(58px,7vw,90px); position:relative; z-index:2; padding:0 clamp(20px,4vw,32px);}
.dg__card{background:#fff; border:1px solid var(--line); border-radius:22px; padding:clamp(26px,4.4vw,46px); box-shadow:0 30px 70px -34px rgba(11,30,51,.4);}
.dg__meta{display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--muted);}
.dg__meta b{color:var(--orange);}
.dg__bar{height:6px; background:var(--line-2); border-radius:999px; overflow:hidden; margin:14px 0 30px;}
.dg__bar i{display:block; height:100%; width:10%; border-radius:999px; background:linear-gradient(90deg,var(--orange),#FBA869); transition:width .3s ease;}
.dg__pane{display:none;}
.dg__pane.is-on{display:block; animation:dgIn .28s ease;}
@keyframes dgIn{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:none;}}
.dg__q{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:clamp(19px,2.4vw,25px); color:var(--ink); letter-spacing:-.01em; line-height:1.25;}
.dg__hint{margin:8px 0 0; font-size:14px; color:var(--muted);}
.dg__opts{display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-top:24px;}
.dg__opts button{font:inherit; font-size:14.5px; font-weight:500; color:var(--ink); text-align:left; background:var(--bg-alt); border:1.5px solid var(--line); border-radius:12px; padding:14px 16px; cursor:pointer; transition:border-color .15s ease, background .15s ease, transform .12s ease;}
.dg__opts button:hover{border-color:var(--navy-2); transform:translateY(-1px);}
.dg__opts button.is-sel{border-color:var(--orange); background:var(--orange-soft); color:#9a4410; font-weight:600;}
.dg__nav{display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-top:28px;}
.dg__back{font:inherit; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:14px; color:var(--muted); background:none; border:none; cursor:pointer; padding:8px 0;}
.dg__back:hover{color:var(--navy);}
/* Résultat */
.dg__score{display:flex; align-items:center; gap:22px; flex-wrap:wrap; padding:22px 24px; background:var(--navy); border-radius:16px; color:#fff;}
.dg__num{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:clamp(38px,5vw,52px); letter-spacing:-.03em; line-height:1;}
.dg__num small{font-size:.45em; font-weight:600; color:#8FA6BE;}
.dg__pill{display:inline-flex; align-items:center; gap:7px; font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:13px; padding:7px 14px; border-radius:999px;}
.dg__stats{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px;}
.dg__stat{background:var(--bg-alt); border:1px solid var(--line); border-radius:14px; padding:18px 20px;}
.dg__stat .k{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:11.5px; letter-spacing:.09em; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:6px;}
.dg__stat .v{font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:17px; color:var(--ink); line-height:1.35;}
.dg__stat p{font-size:13.5px; line-height:1.5; color:var(--text); margin-top:6px;}
.dg__note{margin-top:16px; font-size:12.5px; color:var(--muted); line-height:1.5;}
@media (max-width:600px){ .dg__opts,.dg__stats{grid-template-columns:1fr;} }