#taxContent {max-width: 58rem;margin-inline:auto;overflow-wrap:anywhere}
#taxContent input,#taxContent select {font-size:16px}
#taxContent button,.tax-secondary button {min-height:44px}
.tax-take-home {display:block;font-size:clamp(2rem,7vw,3rem);color:#6fe2b0;margin:.5rem 0}
.tax-secondary {display:flex;gap:.5rem;flex-wrap:wrap}
.calculator-result {border-left:4px solid #6fe2b0;padding:.8rem;margin-block:1rem}
[data-screen=pay] input,[data-screen=pay] select {font-size:16px;min-height:44px;max-width:100%}
[data-screen=pay] button,[data-screen=pay] summary {min-height:44px}
.tax-form label:has(input[type=checkbox]) {min-height:44px}
.tax-nav {display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.tax-nav button {flex:1 1 12rem;white-space:normal}
.tax-nav [aria-current=page] {border:2px solid #77bfff;background:#173958}
.tax-form,.tax-employer {border:1px solid #40566e;border-radius:12px;padding:1rem;margin:1rem 0;min-width:0}
.tax-form label {display:flex;flex-direction:column;gap:.4rem;margin:.85rem 0;max-width:100%;font-weight:500}
.tax-form input,.tax-form select,#taxContent>section>label input {box-sizing:border-box;max-width:100%;min-width:0;width:100%;min-height:44px;font:inherit}
.tax-form input[type=checkbox] {width:24px;height:24px;min-height:24px;align-self:flex-start}
.tax-form input:not([type=checkbox]) {background:#162a3b;color:#edf5fb;border:1px solid #40566e;border-radius:8px;padding:.65rem;color-scheme:dark}
.tax-form button,#taxContent summary {min-height:44px;white-space:normal;overflow-wrap:anywhere;max-width:100%}
.tax-form button {margin:.3rem .3rem .3rem 0}
.tax-form fieldset {min-width:0;border:1px solid #40566e}
.tax-form details,#taxContent .tax-employer details {margin:.8rem 0;padding:.6rem;border:1px solid #40566e;border-radius:8px}
#taxContent summary {display:list-item;cursor:pointer;padding:.3rem}
.tax-amounts {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.4rem .8rem}
.tax-amounts dd {margin:0;text-align:right;font-weight:700;overflow-wrap:anywhere}
.tax-message[role=alert] {border-left:3px solid #ffaeae;padding:.6rem;color:#ffd2d2}
#taxContent :focus-visible,.payday-tax :focus-visible {outline:3px solid #8fceff;outline-offset:3px}
#taxContent [hidden] {display:none!important}
.payday-tax {border-top:1px solid #40566e;margin-top:.7rem;padding-top:.5rem;overflow-wrap:anywhere}
@media(max-width:430px){.tax-form,.tax-employer{padding:.65rem}.tax-nav button{flex-basis:100%}.tax-form button{width:100%;margin:.3rem 0}}