/* sales-tax-calculator.css v2-r4 */

.st-result{margin-top:1rem;padding:1rem;background:var(--accent-soft);border:1px solid rgba(37,99,235,.25)}
.st-main{font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:.25rem}
.st-sub{font-size:.8rem;color:var(--text-muted)}
.st-breakdown{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:.8rem}
@media(max-width:480px){.st-breakdown{grid-template-columns:1fr 1fr}}
.st-item{padding:.55rem .7rem;border:1px solid var(--border);background:#fff}
.st-lbl{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.2rem}
.st-val{font-size:1rem;font-weight:600}
.st-states{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border)}
.st-states-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:.5rem}
.st-states-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4rem}
.st-state-btn{font-size:.74rem;padding:.3rem .5rem;border:1px solid var(--border);background:#f9fafb;cursor:pointer;text-align:left}
.st-state-btn:hover{background:var(--accent-soft)}

/* Reverse tax section */
.st-reverse{margin-top:.9rem;padding-top:.9rem;border-top:2px solid var(--border)}

/* Equal-width 2-col layout for the calc panels */
.st-calc-layout { grid-template-columns: 1fr 1fr; }
@media(max-width:840px){ .st-calc-layout { grid-template-columns: 1fr; } }