.installer{padding:24px 0 48px}
.installer h1{margin:8px 0 12px;font-size:clamp(28px,5vw,40px);letter-spacing:-.02em}
.installer-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0}
.installer-grille .carte{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--haute);border-radius:20px;background:var(--surface)}
.installer-grille h2{margin:0;font-size:18px}
.installer-grille p,.installer-grille li{margin:0;line-height:1.5}
.installer-grille ol{margin:0;padding-left:20px;display:grid;gap:8px}
.installer-grille .bouton{align-self:flex-start}
.installer-qr{align-self:flex-start;width:200px;height:200px;border-radius:12px;background:#fff}
.installer-qr svg{display:block;width:100%;height:100%;border-radius:12px}
.installer-fait{padding:12px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--haute)}
.installer-diag{margin-top:8px;padding:12px 16px;border:1px solid var(--haute);border-radius:16px;background:var(--surface)}
.installer-diag summary{cursor:pointer;font-weight:700}
.installer-diag dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;margin:12px 0}
.installer-diag dt{color:var(--sourdine,#ababb1)}
.installer-diag dd{margin:0;font-weight:600;text-align:right}