.pay-eyebrow{color:var(--accent-emerald);font-size:.8rem;font-weight:800;margin:1rem 0;letter-spacing:.08em;text-transform:uppercase}
.pay-mode{display:flex;gap:.5rem;margin:1.25rem 0;flex-wrap:wrap}.pay-mode button{flex:1;min-height:48px;border:2px solid var(--border-main);padding:.7rem;border-radius:.8rem;font-weight:700;font-size:.85rem;background:var(--bg-secondary);color:var(--text-primary)}.pay-mode button[aria-pressed=true]{background:#176d68;color:white;border-color:#176d68}
.pay-details{border-top:1px solid var(--border-main);margin-top:1.2rem;padding-top:1rem}.pay-details summary{font-weight:800;cursor:pointer;min-height:44px;line-height:1.5}.pay-check{display:flex!important;align-items:flex-start;gap:.65rem;min-height:44px;font-size:.85rem;line-height:1.6;margin-top:.5rem}.pay-check input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:#176d68}
.pay-hero{background:#176d68;color:white;border-radius:1.5rem;padding:1.75rem}.pay-hero>p:first-child{font-weight:700}.pay-total{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;line-height:1.4;overflow-wrap:anywhere}.pay-hero p:not(.pay-total){font-size:.9rem;line-height:1.6}.pay-bar{height:10px;background:#104e4a;border-radius:10px;overflow:hidden;margin:1rem 0}.pay-bar span{display:block;background:#f7d777;height:100%;width:0}
#pay-methodology p{font-size:.9rem;color:var(--text-secondary);line-height:1.75}#pay-results{scroll-margin-top:7rem;min-width:0}#pay-results table{text-align:right;border-collapse:collapse}#pay-results th:first-child{text-align:left}#pay-results td,#pay-results th{padding:.7rem .5rem;border-bottom:1px solid var(--border-main)}#pay-results caption{white-space:normal}.home-fields input:disabled,.home-fields select:disabled{opacity:.55}
@media(max-width:380px){.pay-mode{flex-direction:column}.home-breakdown div{font-size:.8rem}.pay-hero{padding:1.2rem}}
#pay-form .home-fields>div>label{display:block;margin-bottom:.45rem;font-weight:700;line-height:1.5}#pay-form .input-field{display:block;width:100%;min-height:48px;padding:.7rem .8rem;font-size:1rem;line-height:1.4;color:var(--text-primary)}#pay-form select.input-field{padding-right:1.5rem}#pay-form input[type=number]{appearance:textfield}
@media(max-width:640px){#pay-results table{table-layout:fixed;font-size:.75rem}#pay-results th,#pay-results td{padding:.8rem .15rem}#pay-results th{white-space:normal;overflow-wrap:break-word}#pay-results th:first-child{width:35%}#pay-results td{white-space:nowrap}#pay-results caption{font-size:.75rem}}