/* DiffeRENT HMO risk score - page styles. Builds on site.css. No inline styles (strict CSP). */
[hidden]{display:none !important}
.riskpage{position:relative;overflow:hidden;padding:36px 0 64px;min-height:70vh}
.riskpage .aurora{opacity:.6}
.riskpage .aurora i{filter:blur(90px)}
.risk-wrap{position:relative;max-width:760px}
.risk-back-top{margin-left:auto;padding:10px 16px}
.risk-card{position:relative;border-radius:22px;border:1px solid rgba(160,185,255,.18);background:linear-gradient(180deg,rgba(18,28,62,.92),rgba(10,16,38,.96));box-shadow:0 40px 100px -30px rgba(0,0,0,.8);padding:24px 20px;display:grid;gap:16px;animation:rise .4s var(--ease)}
@media (min-width:640px){.risk-card{padding:34px}}
.riskpage h1{font-size:clamp(32px,6vw,50px);font-weight:700;letter-spacing:-.03em}
.risk-small{color:var(--muted-2);font-size:13px;line-height:1.5}
.risk-small a{color:var(--blue)}
.risk-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.risk-actions .btn{white-space:normal;text-align:center}

/* glow */
.risk-glow{animation:riskGlow 3.2s ease-in-out infinite}
@keyframes riskGlow{0%,100%{box-shadow:0 8px 24px -10px rgba(232,87,63,.6)}50%{box-shadow:0 10px 34px -6px rgba(232,87,63,.95)}}

/* progress */
.risk-progress-row{display:grid;gap:8px}
.risk-count{font:600 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.risk-progress{-webkit-appearance:none;appearance:none;width:100%;height:8px;border:0;border-radius:99px;background:rgba(160,185,255,.12);overflow:hidden}
.risk-progress::-webkit-progress-bar{background:rgba(160,185,255,.12);border-radius:99px}
.risk-progress::-webkit-progress-value{background:var(--blue);border-radius:99px;transition:width .3s var(--ease)}
.risk-progress::-moz-progress-bar{background:var(--blue);border-radius:99px}

/* question */
.risk-q{font-size:clamp(22px,4.6vw,30px);font-weight:700;line-height:1.2}
.risk-q:focus{outline:none}
.risk-hint{color:var(--muted);font-size:15px}
.risk-hint:empty{display:none}
.risk-answers{display:grid;gap:10px}
.risk-ans{display:flex;align-items:center;width:100%;min-height:56px;height:auto;padding:14px 18px;text-align:left;font:600 16px/1.35 var(--body);color:var(--fg);background:rgba(255,255,255,.03);border:1.5px solid var(--line-2);border-radius:var(--r);cursor:pointer;transition:border-color .15s,background .15s,transform .15s var(--ease)}
.risk-ans:hover{border-color:var(--blue);background:var(--blue-soft)}
.risk-ans:active{transform:scale(.99)}
.risk-ans[aria-pressed="true"]{border-color:var(--red);background:var(--red-soft)}
.risk-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.risk-nav .btn[disabled]{opacity:.35;cursor:default}
.risk-exit{color:var(--muted);font-size:14px}
.risk-exit:hover{color:var(--red)}

/* gauge */
.risk-gauge-wrap{display:grid;justify-items:center;gap:6px}
.risk-scale{font-size:13px;color:var(--muted)}
.risk-band{font:700 28px/1.1 var(--display);text-align:center}
.risk-band-text{color:var(--muted);text-align:center;max-width:52ch;margin-inline:auto}
.band-low .risk-band{color:var(--ok)}
.band-medium .risk-band{color:var(--warn)}
.band-high .risk-band{color:var(--red)}

.risk-h3{font-size:20px}
.risk-weak{list-style:none;display:grid;gap:8px}
.risk-weak li{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.03);border:1px solid var(--line-2);border-radius:var(--r);padding:12px 14px;font-weight:600}
.risk-weak li::before{content:counter(w);counter-increment:w;font:700 13px var(--mono);color:var(--red);background:var(--red-soft);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex:none}
.risk-weak{counter-reset:w}

/* gate */
.risk-gate{display:grid;gap:12px;background:rgba(7,12,28,.55);border:1px solid rgba(76,134,255,.35);border-radius:var(--r-lg);padding:18px}
.risk-gate form{display:grid;gap:14px}
.risk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.risk-consent{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--muted);line-height:1.5}
.risk-consent input{width:18px;height:18px;margin-top:4px;accent-color:var(--red);flex:none}
.risk-consent a{color:var(--blue)}
.risk-error{color:var(--red);font-weight:600;font-size:14px}
.risk-msg{background:var(--blue-soft);border:1px solid var(--blue);border-radius:var(--r);padding:14px;line-height:1.55}
.risk-msg a{color:var(--fg);font-weight:700}
.risk-msg.is-ok{background:var(--ok-soft);border-color:var(--ok)}
.risk-cta{display:grid}
.risk-cta .btn{white-space:normal;text-align:center}
.risk-disc{border-top:1px solid var(--line);padding-top:14px}

.risk-foot{border-top:1px solid var(--line);background:#050916;padding:24px 0 36px}
.risk-foot-in{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}

@media (prefers-reduced-motion:reduce){
  .risk-card,.risk-glow{animation:none}
  .risk-progress::-webkit-progress-value,.risk-ans{transition:none}
}