/* Denominator Decoder hero interactive. Reuses the Reach Reality design tokens
   (loaded first via reach-reality.css) so the tool reads as its sibling. */
.decoder{padding-block:4rem;background:var(--white);border-bottom:2px solid var(--ink)}
.decoder 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}
.decoder-intro{max-width:820px}
.decoder-form{display:grid;gap:1rem;max-width:900px;margin:1.6rem 0 0}
.dd-field{display:grid;gap:.35rem;font-weight:650}
.dd-field span{font-size:.95rem}
.dd-field input,.dd-field select{min-height:52px;border:2px solid var(--ink);padding:.7rem;background:var(--white);font:inherit}
.decoder-form .button{justify-self:start;margin-top:.4rem}
.decoder-output{margin-top:2rem}
.dd-readout{display:grid;gap:.9rem;margin:1.2rem 0}
.dd-readout div{display:grid;gap:.2rem}
.dd-readout dt{font-size:.76rem;font-weight:650;letter-spacing:.11em;text-transform:uppercase;color:#615d55}
.dd-readout dd{margin:0;font-size:1.05rem}
.dd-verdict-sentence{font-size:1.15rem;line-height:1.5;padding:1rem;border-left:6px solid var(--blue);background:#eef2ff}
.dd-bands{margin:1.4rem 0}
.dd-bands-label{font-weight:650;margin:0 0 .7rem}
.dd-band{padding:.9rem 1rem;border:1px solid var(--ink);background:var(--paper);margin-bottom:.7rem}
.dd-band-head{margin:0}
.dd-band-head strong{font-weight:650}
.dd-band-detail{margin:.3rem 0 .3rem;font-size:.95rem;color:#3f3b34}
.dd-band-source{margin:0;font-size:.85rem;color:#615d55}
.dd-numerator-note{padding:.9rem 1rem;border:1px dashed var(--ink);background:#fff8e8;font-size:.95rem}
@media(min-width:820px){.decoder-form{grid-template-columns:1fr 1fr}.decoder-form .dd-field:first-child,.decoder-form .button{grid-column:1/-1}}
@media print{.decoder-form,.decoder .eyebrow,.decoder-intro{display:none!important}.decoder{padding:0;border:0}.decoder-output{box-shadow:none}}