.review {display:grid;grid-template-columns:minmax(245px,.75fr) minmax(0,1.6fr);gap:clamp(24px,5vw,74px);padding-bottom:72px}
[hidden] {display:none}
.masthead {padding-block:52px 39px}
.masthead h1 {font-size:clamp(40px,5vw,63px)}
.masthead-description {margin-top:12px}
.controls {align-self:start;border:1px solid var(--line);border-radius:8px;padding:22px}
.controls h2 {font-size:21px;margin-bottom:20px}
.controls label {margin-bottom:5px}
.contact-box select,.contact-box input {padding:8px;min-height:42px;margin-bottom:15px}
.result {border-top:2px solid var(--accent);padding-top:17px;overflow-wrap:anywhere}
.overline {font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}
.result h2 {font-size:clamp(24px,3vw,36px);font-weight:500;letter-spacing:-.04em}
.result h3 {font-size:16px;margin:20px 0 4px}
.result p,.result a {font-size:15px}
.result .overline,.result .footnote,#case-line {font-size:12px;color:var(--muted)}
.result a {color:var(--accent);text-decoration:underline}
table {width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
caption {text-align:left;font-weight:600;margin:21px 0 7px}
th,td {text-align:right;border-bottom:1px solid var(--line);padding:10px 5px}
th:first-child {text-align:left}
thead th {font-size:12px;color:var(--muted);vertical-align:bottom}
tbody th {font-weight:500}
td[data-sign="loss"] {color:#8c3829}
td[data-sign="gain"] {color:#245d4e}
.threshold {background:#e6ede5;border-left:3px solid var(--accent);padding:13px 16px;margin-top:22px}
.threshold h3 {margin-top:0}
.result details {margin:9px 0 14px}
@media(max-width:760px){.review{grid-template-columns:1fr}.controls{padding:16px}.masthead{padding-block:28px 22px}.result h3{margin-top:15px}.threshold h3{margin-top:0}}