/* ==========================================================================
   ASSESSMENT PAGE — quiz card, options, results, loading state.
   Loaded only on assessment.html, on top of main.css.
   ========================================================================== */
.assess-wrap{max-width:640px;margin:0 auto;}
.assess-card{background:var(--white);border:1px solid var(--hairline);border-radius:16px;padding:44px 40px;}
.assess-progress-track{height:4px;background:var(--hairline);border-radius:2px;margin-bottom:34px;overflow:hidden;}
.assess-progress-fill{height:100%;background:var(--gold);width:0%;transition:width .3s ease;}
.assess-steptag{font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
.assess-qtext{font-family:'Poppins',Georgia,sans-serif;font-size:22px;font-weight:700;color:var(--navy);margin-bottom:24px;line-height:1.35;}
.assess-options{display:flex;flex-direction:column;gap:9px;margin-bottom:26px;}
.assess-option{
  border:1px solid var(--hairline);border-radius:10px;padding:14px 18px;
  display:flex;align-items:center;gap:14px;cursor:pointer;
  font-size:14.5px;color:var(--ink-soft);transition:border-color .15s, background .15s;
}
.assess-option:hover{border-color:var(--gold);}
.assess-option.selected{border-color:var(--gold);background:rgba(195,162,96,0.08);color:var(--navy);font-weight:700;}
.assess-option .qval{
  font-size:11px;width:22px;height:22px;border-radius:50%;
  border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.assess-option.selected .qval{background:var(--gold);border-color:var(--gold);color:var(--navy);}
.assess-nav{display:flex;justify-content:space-between;align-items:center;}

.assess-result-score{text-align:center;padding:6px 0 24px;}
.assess-result-score .num{font-family:'Poppins',Georgia,sans-serif;font-size:68px;font-weight:700;color:var(--navy);line-height:1;}
.assess-band{
  display:inline-block;margin-top:12px;padding:6px 16px;border-radius:20px;
  font-size:12px;letter-spacing:0.06em;text-transform:uppercase;font-weight:700;
}
.band-safe{background:rgba(24,169,153,0.14);color:#0F8577;}
.band-improve{background:rgba(195,162,96,0.18);color:#8a6c2d;}
.band-risk{background:rgba(224,101,63,0.16);color:#B8481F;}
.assess-explain{font-size:15px;color:var(--ink-soft);text-align:center;max-width:460px;margin:14px auto 30px;}
.assess-bars{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;}
.assess-bar-label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:6px;}
.assess-bar-track{height:8px;background:var(--hairline);border-radius:4px;overflow:hidden;}
.assess-bar-fill{height:100%;background:var(--gold);border-radius:4px;transition:width .6s ease;}

.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px;}
.action-card{border:1px solid var(--hairline);border-radius:10px;padding:22px 20px;}
.action-card h4{font-size:15px;margin-bottom:8px;color:var(--navy);font-family:'Poppins',Georgia,sans-serif;}
.action-card p{font-size:13px;margin-bottom:14px;}
.action-card input{width:100%;padding:10px 12px;border:1px solid var(--hairline);border-radius:8px;font-family:inherit;font-size:13.5px;margin-bottom:10px;}
.action-card input:focus{outline:none;border-color:var(--gold);}
.action-card .btn{width:100%;justify-content:center;font-size:13px;padding:11px;}
.reportsent{font-size:13px;color:#0F8577;font-weight:700;}
.action-card .field-error{font-size:12px;color:#B8481F;margin:-4px 0 10px;display:none;}
.action-card .field-error.show{display:block;}

@media (max-width:640px){
  .assess-card{padding:32px 22px;}
  .action-grid{grid-template-columns:1fr;}
}