.hpta-jpq { --navy:#12233f; --blue:#1f5f99; --gold:#d7a52b; --cream:#f6f3ec; --ink:#182234; --muted:#5e6876; display:block; width:100%; max-width:900px; min-width:0; margin:30px auto; overflow:hidden; font-family:Arial,Helvetica,sans-serif; color:var(--ink); line-height:1.55; }
.hpta-jpq * { box-sizing:border-box; }
.hpta-jpq [hidden] { display:none!important; }
.hpta-jpq__intro,.hpta-jpq__contact,.hpta-jpq__quiz,.hpta-jpq__result { background:#fff; border:1px solid #dfe3e8; border-radius:12px; padding:clamp(24px,5vw,52px); box-shadow:0 8px 30px rgba(18,35,63,.07); }
.hpta-jpq__intro,.hpta-jpq__contact,.hpta-jpq__quiz,.hpta-jpq__result,.hpta-jpq form,.hpta-jpq__form-grid,.hpta-jpq__result-card { width:100%; max-width:100%; min-width:0; }
.hpta-jpq__intro { text-align:center; background:linear-gradient(145deg,#fff 60%,var(--cream)); }
.hpta-jpq h2 { font-size:clamp(28px,4vw,44px); line-height:1.1; color:var(--navy); margin:8px 0 18px; }
.hpta-jpq h3 { font-size:28px; line-height:1.2; color:var(--navy); margin:0 0 12px; }
.hpta-jpq h4 { color:var(--navy); margin:22px 0 6px; }
.hpta-jpq__eyebrow { color:var(--blue); font-size:13px; font-weight:700; letter-spacing:.12em; margin:0 0 10px; }
.hpta-jpq__note { max-width:680px; margin:20px auto; padding:14px 18px; background:#edf4fa; border-left:4px solid var(--blue); text-align:left; font-size:14px; }
.hpta-jpq__button { display:inline-block; max-width:100%; appearance:none; border:0; border-radius:6px; background:var(--blue); color:#fff!important; font-weight:700; font-size:16px; padding:14px 24px; cursor:pointer; transition:.18s ease; text-decoration:none!important; white-space:normal; overflow-wrap:anywhere; }
.hpta-jpq__button:hover { background:var(--navy); transform:translateY(-1px); }
.hpta-jpq__button:focus-visible,.hpta-jpq__option:focus-visible,.hpta-jpq__text-button:focus-visible { outline:3px solid var(--gold); outline-offset:3px; }
.hpta-jpq__button:disabled { opacity:.55; cursor:wait; }
.hpta-jpq__button--secondary { background:#e7ebef; color:var(--navy)!important; }
.hpta-jpq__destination { margin-top:24px; }
.hpta-jpq__progress-wrap { margin-bottom:36px; }
.hpta-jpq__progress { height:8px; background:#e7ebef; border-radius:10px; overflow:hidden; }
.hpta-jpq__progress span { display:block; height:100%; width:10%; background:var(--gold); transition:width .25s ease; }
.hpta-jpq__progress-wrap p { text-align:right; color:var(--muted); font-size:13px; margin:7px 0 0; }
.hpta-jpq__question { width:100%; min-width:0; border:0; padding:0; margin:0; }
.hpta-jpq__question legend { display:block; width:100%; font-size:clamp(24px,3vw,34px); line-height:1.25; font-weight:700; color:var(--navy); margin-bottom:10px; }
.hpta-jpq__help { color:var(--muted); margin:0 0 20px; }
.hpta-jpq__options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:22px 0 30px; }
.hpta-jpq__option { width:100%; max-width:100%; min-width:0; appearance:none; background:#fff; border:2px solid #dce2e8; border-radius:8px; color:var(--ink); font-size:16px; font-weight:600; padding:17px; text-align:left; cursor:pointer; transition:.15s ease; white-space:normal; overflow-wrap:anywhere; }
.hpta-jpq__option:hover,.hpta-jpq__option.is-selected { border-color:var(--blue); background:#edf4fa; color:var(--navy); }
.hpta-jpq__nav { min-height:48px; }
.hpta-jpq__result { margin-bottom:22px; }
.hpta-jpq__result-card { border-top:5px solid var(--gold); background:var(--cream); padding:28px; border-radius:7px; }
.hpta-jpq__result-card ul { padding-left:22px; }
.hpta-jpq__approval { background:#fff; border-left:4px solid var(--blue); padding:15px 18px; margin:22px 0 0; }
.hpta-jpq__text-button { appearance:none; border:0; background:none; color:var(--blue); padding:16px 0 0; text-decoration:underline; cursor:pointer; font-weight:700; }
.hpta-jpq__form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0; }
.hpta-jpq label { display:flex; min-width:0; flex-direction:column; font-weight:700; font-size:14px; color:var(--navy); }
.hpta-jpq label span { color:#9f2727; }
.hpta-jpq input,.hpta-jpq textarea { display:block; width:100%; max-width:100%; min-width:0; border:1px solid #b9c1ca; border-radius:5px; background:#fff; color:var(--ink); font:inherit; padding:12px; margin-top:5px; }
.hpta-jpq input:focus,.hpta-jpq textarea:focus { outline:3px solid rgba(31,95,153,.2); border-color:var(--blue); }
.hpta-jpq__consent { flex-direction:row!important; align-items:flex-start; gap:9px; margin:16px 0 22px; font-weight:400!important; }
.hpta-jpq__consent input { width:auto; margin:4px 0 0; }
.hpta-jpq__hp { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; }
.hpta-jpq__form-status { color:#9f2727; font-weight:700; }
@media(max-width:650px) {
  .hpta-jpq__options,.hpta-jpq__form-grid { grid-template-columns:1fr; }
  .hpta-jpq__intro,.hpta-jpq__contact,.hpta-jpq__quiz,.hpta-jpq__result { padding:24px 18px; }
  .hpta-jpq__option { padding:15px; }
  .hpta-jpq { width:100%; max-width:100%; margin:18px 0; }
  .hpta-jpq h2 { font-size:clamp(26px,9vw,36px); overflow-wrap:anywhere; }
  .hpta-jpq h3 { font-size:24px; overflow-wrap:anywhere; }
  .hpta-jpq__button { width:100%; text-align:center; }
}