.ho-diag__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.ho-diag__proofs{display:grid;gap:8px;margin-top:22px!important}
.ho-mod.ho-mod .ho-diag__proofs li{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--ho-text)}
.ho-diag__proofs .fi{color:var(--ho-ok);font-size:14px;width:26px;height:26px;border-radius:50%;background:var(--ho-ok-50);display:inline-grid;place-items:center}
.ho-diag__card{padding:20px 16px 22px;overflow:hidden}
.ho-diag__top{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;margin-bottom:22px}
.ho-diag__back{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ho-bg);color:var(--ho-ink);font-size:16px;grid-row:1}
.ho-diag__back:hover{background:var(--ho-blue-50)}
.ho-mod.ho-mod .ho-diag__count{font-size:14px;font-weight:600;color:var(--ho-muted);grid-column:2;grid-row:1}
.ho-diag__back[hidden] + .ho-diag__count{grid-column:1/-1}
.ho-diag__progress{grid-column:1/-1;height:6px;border-radius:6px;background:var(--ho-bg);overflow:hidden}
.ho-diag__progress span{display:block;height:100%;width:0;border-radius:inherit;background:var(--ho-blue);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.ho-diag__pane{animation:hoDiagIn .38s cubic-bezier(.2,.8,.2,1)}
@keyframes hoDiagIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.ho-mod.ho-mod .ho-diag__q{font-size:clamp(22px,5.4vw,28px);margin-bottom:6px;outline:none}
.ho-mod.ho-mod .ho-diag__sub{font-size:16px;color:var(--ho-muted);margin-bottom:18px}
.ho-diag__opts{display:grid;gap:10px}
.ho-diag__opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 16px;min-height:64px;border-radius:var(--ho-radius-sm);border:1.5px solid var(--ho-line);background:var(--ho-white);transition:border-color .18s,background-color .18s,transform .12s}
.ho-diag__opt:hover{border-color:var(--ho-blue-100);background:var(--ho-blue-50)}
.ho-diag__opt:active{transform:scale(.985)}
.ho-diag__opt[aria-pressed="true"]{border-color:var(--ho-blue);background:var(--ho-blue-50)}
.ho-diag__ico{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--ho-blue-50);color:var(--ho-blue);font-size:20px}
.ho-diag__opt[aria-pressed="true"] .ho-diag__ico{background:var(--ho-blue);color:#fff}
.ho-diag__txt{display:flex;flex-direction:column;min-width:0}
.ho-diag__lbl{font-size:16px;font-weight:600;line-height:1.3;color:var(--ho-ink)}
.ho-diag__hint{font-size:14px;line-height:1.4;color:var(--ho-muted);margin-top:2px}
.ho-diag__opts--2{grid-template-columns:1fr 1fr}
.ho-diag__opts--2 .ho-diag__opt{flex-direction:column;align-items:flex-start;gap:12px;min-height:124px}
/* Résultat */
.ho-mod.ho-mod .ho-diag__kicker{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ho-pink)}
.ho-mod.ho-mod .ho-diag__res-title{font-size:clamp(24px,6vw,32px);margin:8px 0 14px;outline:none}
.ho-diag__prio{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:14px;font-weight:600}
.ho-diag__prio--1{background:var(--ho-ok-50);color:var(--ho-ok)}
.ho-diag__prio--2{background:var(--ho-warn-50);color:var(--ho-warn)}
.ho-diag__prio--3{background:var(--ho-alert-50);color:var(--ho-alert)}
.ho-mod.ho-mod .ho-diag__prio-txt{font-size:16px;color:var(--ho-muted);margin-top:10px}
.ho-diag__blocks{display:grid;gap:10px;margin:22px 0}
.ho-diag__block{background:var(--ho-bg);border-radius:var(--ho-radius-sm);padding:16px 18px}
.ho-mod.ho-mod .ho-diag__block p{font-size:16px;line-height:1.6}
.ho-mod.ho-mod .ho-diag__block .ho-diag__k{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ho-blue);margin-bottom:6px}
.ho-mod.ho-mod .ho-diag__block .ho-diag__service{font-size:19px;font-weight:600;color:var(--ho-ink)}
.ho-diag__actions{display:grid;gap:10px}
.ho-diag__actions .ho-btn{white-space:normal;text-align:center}
.ho-diag__restart{margin-top:10px}
.ho-mod.ho-mod .ho-diag__disclaimer{font-size:13px;line-height:1.5;color:var(--ho-muted);margin-top:14px}
@media (min-width:600px){
  .ho-diag__opts--list{grid-template-columns:1fr 1fr}
  .ho-diag__opts--2{grid-template-columns:repeat(3,1fr)}
  .ho-diag__actions{grid-template-columns:1fr 1fr}
}
@media (min-width:1024px){
  .ho-diag__grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:start}
  .ho-diag__head{position:sticky;top:calc(var(--ho-offset,0px) + 32px)}
  .ho-diag__card{padding:32px 32px 30px}
}