/* Lane TX1: "What this law changes in taxes" on a law's page, /laws/<id>/taxes and /taxes */
.tax>p,.tax .otr-list,.tax .otr-more,.tax-list,.tax-chips{max-width:37em}
.tax .otr-part{max-width:none}
.tax .otr-part>p,.tax .otr-part>.otr-more,.tax .otr-part>.cite{max-width:37em}
.tax-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.tax-list .otr-e{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.tax-list .otr-who{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px}
.tax-list .otr-name{font-weight:600}
.tax-what{font-size:16px;line-height:24px}
.tax-eff{overflow-wrap:anywhere}
.tax-src{overflow-wrap:anywhere}
.tax-none{font-family:var(--display);font-size:22px;line-height:28px;font-weight:700}
.tax-chgw{max-width:37em}
table.tax-chg{min-width:0}
table.tax-chg th,table.tax-chg td{text-align:left;width:50%;vertical-align:top;overflow-wrap:anywhere}
table.tax-types{min-width:300px}
table.tax-types tbody th{font-weight:600}
.tax>.tablewrap,.tax .otr-part>.tablewrap{max-width:48em}
.tax>.tablewrap:has(.tax-types),.tax .otr-part>.tablewrap:has(.tax-ded),.tax .otr-part>.tablewrap:has(.tax-types){max-width:37em}
table.tax-dist{min-width:640px}
table.tax-dist caption,table.tax-ded caption{caption-side:top;text-align:left;padding:10px 16px;font-family:var(--text);font-size:14px;line-height:21px;font-weight:600;color:var(--ink);background:var(--raised)}
table.tax-dist thead th{text-transform:none;letter-spacing:0;font-size:13px;line-height:18px;vertical-align:bottom;white-space:normal;min-width:96px}
table.tax-dist tbody th{white-space:nowrap}
table.tax-dist tfoot tr{border-top:2px solid var(--edge)}
table.tax-dist tfoot th,table.tax-dist tfoot td{font-weight:600}
table.tax-dist tfoot td{font-family:var(--data)}
table.tax-ded{min-width:300px}
table.tax-ded tbody th{font-weight:600}
table.tax-laws{min-width:720px}
table.tax-laws tbody th{min-width:220px;max-width:340px}
.tax-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;max-width:48em}
.tax-form .field{flex:0 1 auto;min-width:0}
.tax-form input{width:240px;max-width:100%;height:48px;padding:0 14px;border:2px solid var(--edge);border-radius:4px;background:var(--raised);font-family:var(--data);font-weight:500;font-size:18px}
.tax-form input::placeholder{color:var(--hint);opacity:1}
.tax-form select{height:48px;border-width:2px}
.tax-out:empty{display:none}
.tax-out{display:flex;flex-direction:column;gap:8px;max-width:37em}
.tax-res{margin:0;border:1px solid var(--line);border-radius:4px;background:var(--raised)}
.tax-res>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 24px;padding:10px 16px;border-bottom:1px solid var(--line)}
.tax-res>div:last-child{border-bottom:0}
.tax-res dt{font-weight:600}
.tax-res dd{margin:0;font-family:var(--data);font-weight:500;font-variant-numeric:tabular-nums;text-align:right}
.tax-diff dd{background:var(--mark);padding:0 8px;border-radius:2px}
.tax-chips{display:flex;flex-wrap:wrap;gap:8px;max-width:none}
.tax-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--edge);border-radius:4px;background:var(--raised);font-size:15px;line-height:22px;font-weight:600;text-decoration:none}
.tax-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}
.tax-more .bul{padding-bottom:12px}
.tax-rules li{overflow-wrap:anywhere}
@media (max-width:480px){.tax-form .field,.tax-form input,.tax-form select,.tax-form .btn{width:100%}.tax-res dd{text-align:left;flex-basis:100%}.tax-list .otr-who{flex-direction:column}}