/* Conditions Checker hero interactive. Reuses the Reach Reality design tokens
   (loaded first via reach-reality.css) so the tool reads as its sibling.
   No inline styles anywhere; the tool runs under a strict style-src 'self' CSP. */
.conditions{padding-block:4rem;background:var(--white);border-bottom:2px solid var(--ink)}
.conditions h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95;margin:0 0 1rem;font-family:Umiak,Arial,sans-serif;letter-spacing:-.035em}
.conditions-intro{max-width:820px}
.pc-form{display:grid;gap:1.2rem;max-width:900px;margin:1.6rem 0 0}
.pc-field{display:grid;gap:.35rem;font-weight:650}
.pc-field span{font-size:.95rem}
.pc-field input,.pc-field select{min-height:52px;border:2px solid var(--ink);padding:.7rem;background:var(--white);font:inherit}
.pc-questions{display:grid;gap:1.2rem}
.pc-questions:empty{display:none}
.pc-form .button{justify-self:start;margin-top:.2rem}
.pc-output{margin-top:2rem}
.pc-badges{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}
.pc-badge{display:inline-block;padding:.35rem .8rem;border:2px solid var(--ink);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--white)}
.pc-verdict[data-verdict="applies"]{background:#e8f6ec;border-color:#1c7c3f}
.pc-verdict[data-verdict="depends-test-it"]{background:#fff5e0;border-color:#8a6100}
.pc-verdict[data-verdict="does-not-apply"]{background:#efece6;border-color:#615d55}
.pc-badge-note{margin:.4rem 0 0;font-size:.85rem;color:#615d55}
.pc-answers{font-size:.95rem;color:#615d55;margin:.6rem 0 1rem}
.pc-readout{display:grid;gap:.9rem;margin:1.2rem 0}
.pc-readout div{display:grid;gap:.2rem}
.pc-readout dt{font-size:.76rem;font-weight:650;letter-spacing:.11em;text-transform:uppercase;color:#615d55}
.pc-readout dd{margin:0;font-size:1.05rem}
@media(min-width:820px){.pc-form{grid-template-columns:1fr}}
@media print{.pc-form,.conditions .eyebrow,.conditions-intro{display:none!important}.conditions{padding:0;border:0}.pc-output{box-shadow:none}}