/* ToolYak sales tax: all rules scoped; compatible with shared ToolYak palette. */
.ty-stc{--stc-navy:#0f284d;--stc-green:#228b22;--stc-pale:#e1eff0;display:grid;grid-template-columns:minmax(0,325px) minmax(0,375px);gap:22px;max-width:750px;margin:20px auto;align-items:start;overflow:visible;font-family:'Segoe UI',Arial,sans-serif;color:#0f284d}
.ty-stc,.ty-stc *{box-sizing:border-box}
.ty-stc .leftinput,.ty-stc .rightresult{float:none;width:auto;max-width:none;margin:0;min-width:0}
.ty-stc .leftinput{padding:15px;background:var(--stc-pale);border:1px solid var(--stc-navy)}
.ty-stc .rightresult{padding:0;background:transparent}
.ty-stc .leftinput h2{margin:0 0 10px;font-size:18px;line-height:1.3;text-align:center;color:var(--stc-navy)}
.ty-stc .rightresult h2{margin:0 0 9px;padding:7px;color:white;background:var(--stc-green);text-align:center;font-size:18px}
.ty-stc .ty-stc-field{min-width:0;margin:0 0 8px}
.ty-stc label{display:block;margin:0 0 4px;font-size:12px;font-weight:600;color:var(--stc-navy)}
.ty-stc .ty-stc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ty-stc input[type=text],.ty-stc select{display:block;width:100%;min-width:0;height:38px!important;min-height:38px;padding:6px 8px!important;font-size:16px!important;line-height:1.2!important;color:var(--stc-navy);background:#fff;border:1px solid var(--stc-navy);border-radius:0;box-shadow:none}
.ty-stc :is(input,select,button):focus-visible{outline:3px solid #2787c3;outline-offset:2px}
.ty-stc [aria-invalid=true]{border-color:#ae2525!important;background:#fff7f7!important}
.ty-stc .ty-stc-error{display:block;color:#a51b1b;font-size:11px;line-height:1.25;min-height:0}
.ty-stc .ty-stc-error:empty{display:none}
.ty-stc .ty-stc-hint{font-size:11px;line-height:1.3;color:#4b5867;margin:2px 0 6px}
.ty-stc .ty-stc-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ty-stc .ty-stc-buttons .btn-style{width:100%;height:39px;margin:0;padding:7px;font-size:15px;border:0;border-radius:2px;color:#fff;cursor:pointer}
.ty-stc .ty-stc-buttons .btn-calculate{background:var(--stc-navy)!important}
.ty-stc .ty-stc-buttons .btn-reset{background:#4c4c4c!important}
.ty-stc .ty-stc-stars{text-align:center;margin:8px 0 0}
.ty-stc .ty-stc-message{font-size:12px;line-height:1.5;color:#526175;background:#eef4f7;padding:10px}
.ty-stc .ty-stc-head{padding:11px 12px;background:#e9f5e9;border-left:4px solid var(--stc-green)}
.ty-stc .ty-stc-head span{display:block;font-size:12px;color:#42536b}
.ty-stc .ty-stc-head strong{display:block;font-size:27px;overflow-wrap:anywhere;color:var(--stc-navy);line-height:1.3}
.ty-stc .ty-stc-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:9px 0}
.ty-stc .ty-stc-metrics>div{background:#f3f7f9;border:1px solid #e1e7eb;padding:7px;min-width:0}
.ty-stc .ty-stc-metrics span{display:block;color:#526175;font-size:10px}
.ty-stc .ty-stc-metrics strong{display:block;color:var(--stc-navy);font-size:13px;overflow-wrap:anywhere}
.ty-stc .ty-stc-visual{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:center;margin-top:4px}
.ty-stc .ty-stc-visual svg{display:block;width:110px;height:110px}
.ty-stc .ty-stc-svg-big{font-size:17px;font-weight:700;fill:var(--stc-navy)}
.ty-stc .ty-stc-svg-small{font-size:10px;fill:#506075}
.ty-stc .ty-stc-barlabel{display:flex;justify-content:space-between;gap:6px;font-size:11px;margin:5px 0 3px;color:var(--stc-navy)}
.ty-stc .ty-stc-track{height:12px;width:100%;background:#edf0f2;border-radius:2px;overflow:hidden}
.ty-stc .ty-stc-track>div{height:100%;width:0;transition:width .25s ease}
.ty-stc .ty-stc-basebar{background:var(--stc-navy)}
.ty-stc .ty-stc-taxbar{background:var(--stc-green)}
.ty-stc .ty-stc-formula{font-size:11px;line-height:1.45;color:#526175;margin:9px 0}
.ty-stc .ty-stc-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.ty-stc .ty-stc-actions button{margin:0;padding:7px 3px;font-size:11px;line-height:1.15;border:1px solid var(--stc-navy);background:#fff;color:var(--stc-navy);cursor:pointer;border-radius:2px}
.ty-stc .ty-stc-actions button:hover{background:var(--stc-pale)}
.ty-stc .ty-stc-feedback{display:block;font-size:11px;color:#246f24;margin-top:4px}
.ty-stc [hidden]{display:none!important}
@media(max-width:680px){.ty-stc{display:block;max-width:380px;margin:8px auto;padding:0 5px}.ty-stc .leftinput,.ty-stc .rightresult{max-width:none;width:100%;margin:0}.ty-stc .leftinput{padding:10px 12px}.ty-stc .rightresult{margin-top:10px}.ty-stc .leftinput h2{font-size:16px;margin-bottom:7px}.ty-stc .rightresult h2{font-size:16px;margin-bottom:5px}.ty-stc .ty-stc-field{margin-bottom:6px}.ty-stc .ty-stc-visual{grid-template-columns:100px 1fr}.ty-stc .ty-stc-visual svg{width:100px;height:100px}}
@media(max-width:360px){.ty-stc .ty-stc-metrics strong{font-size:11px}.ty-stc .ty-stc-grid{gap:5px}}
@media(prefers-reduced-motion:reduce){.ty-stc .ty-stc-track>div{transition:none}}
@media print{body *{visibility:hidden!important}.ty-stc .rightresult,.ty-stc .rightresult *{visibility:visible!important}.ty-stc .rightresult{position:absolute;left:12mm;top:12mm;width:170mm!important}.ty-stc .ty-stc-actions,.ty-stc .ty-stc-feedback{display:none!important}.ty-stc .ty-stc-track>div{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
