.hc-vat-page {
    max-width: 900px;
    margin: 0 auto;
    box-sizing: border-box;
    line-height: 1.65;
  }

  .hc-vat-page h1 {
    line-height: 1.2;
    margin-bottom: 24px;
  }

  .hc-vat-card {
    padding: 26px;
    border: 1px solid #e3e8ef;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 30px rgba(15,35,60,.06);
    margin-bottom: 38px;
  }

  .hc-vat-card h2 {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.2;
  }

  .hc-vat-lead {
    margin: 0 0 22px;
    color: #596273;
  }

  .hc-vat-mode {
    display: flex;
    gap: 8px;
    margin-bottom: 24px;
  }

  .hc-vat-mode-btn,
  .hc-vat-rates button {
    border: 1px solid #cdd6e0;
    background: #fff;
    color: #18354e;
    border-radius: 9px;
    cursor: pointer;
    font-weight: 600;
  }

  .hc-vat-mode-btn {
    padding: 11px 17px;
  }

  .hc-vat-mode-btn.is-active,
  .hc-vat-rates button.is-active {
    background: #0b4a7e;
    border-color: #0b4a7e;
    color: #fff;
  }

  .hc-vat-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: 26px;
    align-items: start;
  }

  .hc-vat-field > label,
  .hc-vat-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
  }

  .hc-vat-input-wrap,
  .hc-vat-custom-wrap {
    display: flex;
    align-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    overflow: hidden;
    background: #fff;
  }

  .hc-vat-input-wrap input,
  .hc-vat-custom-wrap input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 13px 14px;
    font-size: 18px;
    background: transparent;
  }

  .hc-vat-input-wrap span,
  .hc-vat-custom-wrap span {
    padding: 0 14px 0 6px;
    color: #667085;
    font-weight: 600;
  }

  .hc-vat-rates {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }

  .hc-vat-rates button {
    min-height: 43px;
  }

  .hc-vat-custom {
    margin-top: 12px;
  }

  .hc-vat-custom label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: #667085;
  }

  .hc-vat-custom-wrap {
    max-width: 180px;
  }

  .hc-vat-calc-btn {
    width: 100%;
    min-height: 50px;
    margin-top: 24px;
    border: 0;
    border-radius: 9px;
    background: #0b4a7e;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
  }

  .hc-vat-calc-btn:hover {
    filter: brightness(.95);
  }

  .hc-vat-error {
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid #efc0c0;
    border-radius: 9px;
    background: #fff3f3;
  }

  .hc-vat-results {
    margin-top: 22px;
    border: 1px solid #dce4ec;
    border-radius: 12px;
    overflow: hidden;
  }

  .hc-vat-result-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 13px 16px;
    border-bottom: 1px solid #e8edf2;
  }

  .hc-vat-result-row:last-of-type {
    border-bottom: 0;
  }

  .hc-vat-result-row strong {
    white-space: nowrap;
  }

  .hc-vat-tax-row {
    background: #f7f9fc;
  }

  .hc-vat-total-row {
    background: #edf6fc;
    font-size: 18px;
  }

  .hc-vat-formula {
    padding: 13px 16px;
    border-top: 1px solid #dce4ec;
  }

  .hc-vat-formula summary {
    cursor: pointer;
    font-weight: 600;
  }

  .hc-vat-formula p {
    margin-bottom: 0;
  }

  .hc-vat-article h2 {
    margin-top: 30px;
  }

  .hc-vat-note {
    padding: 14px 16px;
    border-left: 4px solid #0b4a7e;
    background: #f7f9fc;
  }

  @media (max-width: 680px) {
    .hc-vat-card {
      padding: 18px;
    }

    .hc-vat-grid {
      grid-template-columns: 1fr;
      gap: 18px;
    }

    .hc-vat-mode {
      flex-direction: column;
    }

    .hc-vat-rates {
      grid-template-columns: repeat(3, 1fr);
    }

    .hc-vat-result-row {
      align-items: flex-start;
      flex-direction: column;
      gap: 4px;
    }
  }

body.hc-vat-content .post-image{display:none}body.hc-vat-content .single-post-section{padding-top:28px!important}body.hc-vat-content .single-post-section>.container{max-width:1000px}body.hc-vat-content .post-title{font-size:32px;line-height:1.25}body.hc-vat-content .post-header{margin-bottom:22px}.hc-vat-page [hidden]{display:none!important}.hc-vat-card{background:#f5f8fc;box-shadow:none;margin-bottom:26px;padding:24px}.hc-vat-card .hc-vat-lead{font-size:15px;line-height:1.5;margin:0 0 18px}.hc-vat-mode{margin-bottom:18px}.hc-vat-card h2{font-size:24px!important;margin:0 0 10px!important}.hc-vat-mode-btn,.hc-vat-rates button{font-size:15px}.hc-vat-mode-btn.is-active,.hc-vat-rates button.is-active,.hc-vat-calc-btn{background:#15314f;border-color:#15314f}.hc-vat-page input:focus-visible,.hc-vat-page button:focus-visible{outline:3px solid #5486dc;outline-offset:2px}.hc-vat-page input{color:#15314f}.hc-vat-result-row strong{white-space:normal;overflow-wrap:anywhere}.hc-vat-result-row span{min-width:0}.hc-vat-formula{overflow-wrap:anywhere}.hc-vat-article h3{font-size:21px;line-height:1.4}.hc-vat-article a{overflow-wrap:anywhere}.hc-vat-results{background:#fff}.hc-vat-article ul{list-style:disc;padding-left:24px}@media(max-width:680px){body.hc-vat-content .post-title{font-size:25px}.hc-vat-card{padding:18px}.hc-vat-mode-btn{min-height:46px}.hc-vat-mode{gap:6px}.hc-vat-custom-wrap{max-width:100%}body.hc-vat-content .boxcar-header .logo-inner{width:auto!important;margin:0!important}body.hc-vat-content .boxcar-header .logo img{max-width:136px!important}body.hc-vat-content .boxcar-header .right-box{width:auto!important;margin:0!important}body.hc-vat-content .boxcar-header .c-box{justify-content:space-between;gap:8px}body.hc-vat-content .boxcar-header .mobile-navigation{margin-left:8px!important}body.hc-vat-content .boxcar-header .lang{width:32px;height:32px;padding:0}body.hc-vat-content .boxcar-header .lang-switcher{padding:4px;gap:4px}}
/* Approved richer brand palette, scoped to the VAT calculator. */
.hc-vat-card{border:1px solid #dce4f1;border-radius:22px;background:linear-gradient(135deg,#f8fbff,#eef3ff);box-shadow:0 14px 38px rgba(21,49,79,.08);overflow:hidden}
.hc-vat-heading{position:relative;margin:-24px -24px 24px;padding:26px 84px 22px 24px;background:linear-gradient(120deg,#15314f,#254b79);color:#fff;border-bottom:4px solid #ffda57}
.hc-vat-heading h2{color:#fff!important}.hc-vat-card .hc-vat-heading .hc-vat-lead{color:#e1ebf7;margin:0;font-size:15px;font-weight:400}
.hc-vat-symbol{position:absolute;right:24px;top:28px;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#ffda57;color:#15314f;font-size:28px;font-weight:700;transform:rotate(5deg)}
.hc-vat-mode{padding:5px;border-radius:15px;background:#e2e9f6;border:1px solid #d6e0f1}.hc-vat-mode-btn{flex:1;border:0;background:transparent;color:#254b79;border-radius:11px;min-height:48px}.hc-vat-mode-btn.is-active{background:linear-gradient(115deg,#4968ff,#3150d4);color:#fff;box-shadow:0 4px 10px rgba(49,80,212,.18)}
.hc-vat-grid{gap:22px}.hc-vat-field>label,.hc-vat-label{color:#15314f;font-size:16px}.hc-vat-input-wrap{border:2px solid #ccd9ec;background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(21,49,79,.03)}.hc-vat-input-wrap input{font-size:23px;min-height:62px;padding:14px 16px;font-weight:600}.hc-vat-input-wrap span{background:#eef3ff;align-self:stretch;display:grid;place-items:center;padding:0 16px;color:#385ad6;font-size:23px}.hc-vat-input-wrap:focus-within,.hc-vat-custom-wrap:focus-within{border-color:#4968ff;box-shadow:0 0 0 3px #e2e8ff}
.hc-vat-rates{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hc-vat-rates button{border:1px solid #d0dbee;border-radius:11px;min-height:44px;background:#fff;color:#254b79}.hc-vat-rates button:hover{background:#edf2ff;border-color:#4968ff}.hc-vat-rates button.is-active{background:#ffda57;border-color:#f2c83e;color:#15314f;box-shadow:0 3px 8px rgba(242,200,62,.2)}.hc-vat-custom label{color:#61718b}.hc-vat-custom-wrap{border-radius:10px}.hc-vat-custom-wrap input{padding:10px 12px;font-size:16px}
.hc-vat-calc-btn{border-radius:12px;background:linear-gradient(115deg,#4968ff,#3150d4);min-height:52px;box-shadow:0 5px 13px rgba(49,80,212,.18);margin-top:20px}.hc-vat-results{border:1px solid #cbd8ed;border-radius:14px;box-shadow:0 5px 16px rgba(21,49,79,.04)}.hc-vat-result-row{padding:16px 18px;align-items:center}.hc-vat-result-row strong{font-size:21px;color:#15314f}.hc-vat-tax-row{background:#eef3ff}.hc-vat-tax-row strong{color:#3150d4}.hc-vat-total-row{background:#15314f;color:#fff;font-size:17px;border-left:4px solid #ffda57}.hc-vat-total-row strong{color:#ffda57;font-size:25px}.hc-vat-formula{background:#fff;color:#254b79}.hc-vat-formula summary{font-size:15px}.hc-vat-error{color:#8c252d}
@media(max-width:680px){.hc-vat-heading{margin:-18px -18px 20px;padding:22px 68px 20px 18px}.hc-vat-symbol{right:18px;top:22px;width:38px;height:38px;font-size:24px;border-radius:11px}.hc-vat-card .hc-vat-heading h2{font-size:21px!important}.hc-vat-card .hc-vat-heading .hc-vat-lead{font-size:14px;line-height:1.5}.hc-vat-mode-btn{min-height:44px}.hc-vat-input-wrap input{font-size:21px;min-height:56px}.hc-vat-result-row{align-items:flex-start;padding:14px 16px}.hc-vat-result-row strong{font-size:20px}.hc-vat-total-row strong{font-size:24px}.hc-vat-rates{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Match the calculator heading; retain a visible selected mode. */
.hc-vat-mode-btn,.hc-vat-mode-btn.is-active,.hc-vat-calc-btn{background:linear-gradient(120deg,#15314f,#254b79);color:#fff;box-shadow:none}.hc-vat-mode-btn.is-active{outline:2px solid #ffda57;outline-offset:-2px}.hc-vat-mode-btn:hover,.hc-vat-calc-btn:hover{background:linear-gradient(120deg,#15314f,#254b79);filter:brightness(1.12)}
.hc-vat-card .hc-vat-mode-btn.is-active,.hc-vat-card .hc-vat-mode-btn.is-active:hover{background:#ffda57!important;color:#15314f!important;outline:none!important;box-shadow:0 3px 9px rgba(21,49,79,.12);filter:none}