.vat-page { max-width:1160px; margin:0 auto; padding:1rem; }
.vat-intro { margin: 1rem 0 2rem; max-width: 44rem; }
.vat-intro h1 { font-size: clamp(2.3rem,6vw,3.5rem); margin: .4rem 0; }
.vat-intro p { font-size: 1.15rem; }
.vat-calculator { display:grid; grid-template-columns:1fr 1fr; border:1px solid #cbdad7; border-radius:24px; overflow:hidden; margin-bottom:2.5rem; background:#fff; }
.vat-calculator[hidden] { display:none; }
.vat-inputs,.vat-results { padding:clamp(1.1rem,4vw,2rem); min-width:0; }
.vat-results { background:#eef5f3; }
.vat-results h2 { font-size:1.3rem; margin:0 0 1.5rem; }
.vat-inputs fieldset { border:0; padding:0; margin:0 0 1.2rem; }
.vat-inputs legend,.vat-amount-label { font-size:1rem; font-weight:700; margin-bottom:.6rem; }
.vat-options { display:flex; gap:.5rem; }
.vat-options label { flex:1; position:relative; cursor:pointer; }
.vat-options input { position:absolute; opacity:0; width:1px; height:1px; }
.vat-options span { display:flex; align-items:center; justify-content:center; min-height:48px; border:1px solid #a9bdb7; border-radius:10px; padding:.6rem; text-align:center; }
.vat-options input:checked+span { background:#245b60; border-color:#245b60; color:#fff; }
.vat-options input:focus-visible+span { outline:3px solid #976329; outline-offset:3px; }
.vat-amount-label { display:block; }
.vat-amount-wrap { display:flex; align-items:center; gap:.75rem; }
.vat-amount-wrap input { width:100%; min-width:0; border:1px solid #a9bdb7; border-radius:10px; padding:.8rem; font-size:1.4rem; }
.vat-help { font-size:.9rem; line-height:1.6; margin:.65rem 0; color:#526269; }
.vat-error { color:#a12e2e; font-size:.9rem; }
.vat-results dl>div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.3rem 1rem; padding:1rem 0; border-bottom:1px solid #cbdad7; }
.vat-results dd { margin:0; font-size:1.35rem; font-weight:700; overflow-wrap:anywhere; }
.vat-results dt { font-weight:400; }
.vat-results .vat-total dd { font-size:clamp(1.4rem,4vw,2rem); color:#245b60; }
.vat-results button { border:0; min-height:48px; margin-top:.8rem; }
.vat-results button:disabled { opacity:.5; }
@media(max-width:700px) { .vat-calculator { grid-template-columns:1fr; } }