/* Roberin The New — VAT Calculator 20260820e */
body.tn-vat-page-body .cs-custom-content-post-before{display:none!important}
body.tn-vat-page-body .tn-vat-page{
  --vat-ink:#1a1208;
  --vat-muted:#5a4a30;
  --vat-line:#b8a888;
  --vat-soft:#ddd4be;
  --vat-paper:#faf6ee;
  --vat-surface:#fffdf7;
  --vat-wash:#f5efdf;
  --vat-accent:#c44a00;
  --vat-primary:#1a1208;
  --vat-primary-hover:#c44a00;
  --vat-primary-text:#fff7e8;
  --vat-secondary:#ede6d4;
  --vat-secondary-hover:#dfd4bb;
  --vat-danger:#7c2115;
  --vat-num-font:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin:0 auto 56px!important;
  color:var(--vat-ink)!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:ui-serif,Georgia,"Times New Roman","Noto Serif KR",serif!important;
  font-size:15px!important;
  line-height:1.58!important;
}
body.tn-vat-page-body .tn-vat-page :is(.tn-vat-tool,.tn-vat-tool *,.tn-vat-tool *::before,.tn-vat-tool *::after){box-sizing:border-box!important;min-width:0!important}
body.tn-vat-page-body .tn-vat-tool :is(ul,ol,li){margin:0!important;padding:0!important;list-style:none!important}
body.tn-vat-page-body .tn-vat-tool :is(code,pre,kbd,samp){padding:0!important;border:0!important;border-radius:0!important;background:none!important;background-color:transparent!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
body.tn-vat-page-body .tn-vat-tool{
  width:100%!important;
  margin:0 auto 18px!important;
  border:1px solid var(--vat-line)!important;
  border-top:3px double var(--vat-line)!important;
  border-bottom:3px double var(--vat-line)!important;
  border-radius:0!important;
  background:var(--vat-paper)!important;
  box-shadow:4px 4px 0 rgba(26,18,8,.10)!important;
  color:var(--vat-ink)!important;
  -webkit-text-fill-color:var(--vat-ink)!important;
  font-family:var(--vat-num-font)!important;
}
body.tn-vat-page-body .tn-vat-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
body.tn-vat-page-body .tn-vat-input,
body.tn-vat-page-body .tn-vat-result{display:grid!important;grid-template-rows:auto 260px minmax(0,1fr) 40px!important;align-content:start!important;gap:10px!important;padding:18px!important}
body.tn-vat-page-body .tn-vat-input{border-right:1px solid var(--vat-line)!important;background:var(--vat-wash)!important}
body.tn-vat-page-body .tn-vat-result{background:var(--vat-paper)!important}
body.tn-vat-page-body .tn-vat-pane-label{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  color:var(--vat-muted)!important;
  -webkit-text-fill-color:var(--vat-muted)!important;
  font-family:var(--vat-num-font)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:15px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body.tn-vat-page-body .tn-vat-fields,
body.tn-vat-page-body .tn-vat-result-box{
  width:100%!important;
  height:260px!important;
  min-height:260px!important;
  margin:0!important;
  border:1px solid var(--vat-line)!important;
  border-radius:0!important;
  background:var(--vat-surface)!important;
}
body.tn-vat-page-body .tn-vat-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;gap:8px!important;padding:14px!important}
body.tn-vat-page-body .tn-vat-control-group{display:grid!important;grid-template-rows:auto 40px!important;align-content:start!important;gap:5px!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
body.tn-vat-page-body .tn-vat-control-group--rate{grid-column:1/-1!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto 40px auto!important;column-gap:8px!important}
body.tn-vat-page-body .tn-vat-control-group--rate .tn-vat-label,
body.tn-vat-page-body .tn-vat-control-group--rate .tn-vat-rate-help{grid-column:1/-1!important}
body.tn-vat-page-body .tn-vat-control-group--total{grid-column:1/-1!important}
body.tn-vat-page-body .tn-vat-label{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--vat-muted)!important;
  -webkit-text-fill-color:var(--vat-muted)!important;
  font-family:var(--vat-num-font)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:15px!important;
}
body.tn-vat-page-body .tn-vat-field{
  display:flex!important;
  position:relative!important;
  align-items:center!important;
  width:100%!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--vat-line)!important;
  border-radius:0!important;
  background:var(--vat-paper)!important;
  box-shadow:none!important;
}
body.tn-vat-page-body .tn-vat-field input{
  flex:1 1 auto!important;
  width:1px!important;
  height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--vat-ink)!important;
  -webkit-text-fill-color:var(--vat-ink)!important;
  font-family:var(--vat-num-font)!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:38px!important;
  letter-spacing:0!important;
  font-variant-numeric:lining-nums tabular-nums!important;
}
body.tn-vat-page-body .tn-vat-field input::placeholder{color:var(--vat-muted)!important;-webkit-text-fill-color:var(--vat-muted)!important;font-weight:400!important;opacity:.35!important}
body.tn-vat-page-body .tn-vat-field input::-webkit-input-placeholder{color:var(--vat-muted)!important;-webkit-text-fill-color:var(--vat-muted)!important;font-weight:400!important;opacity:.35!important}
body.tn-vat-page-body .tn-vat-affix{
  display:block!important;
  flex:0 0 auto!important;
  position:static!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  color:var(--vat-muted)!important;
  -webkit-text-fill-color:var(--vat-muted)!important;
  font-family:var(--vat-num-font)!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:38px!important;
  pointer-events:none!important;
}
body.tn-vat-page-body .tn-vat-currency-prefix .tn-vat-affix{padding-right:0!important}
body.tn-vat-page-body .tn-vat-currency-suffix .tn-vat-affix,
body.tn-vat-page-body .tn-vat-field--rate .tn-vat-affix{padding-left:0!important}
body.tn-vat-page-body .tn-vat-field:has(input:focus-visible){outline:2px solid var(--vat-accent)!important;outline-offset:-1px!important}
body.tn-vat-page-body .tn-vat-field:has(input[aria-invalid="true"]),
body.tn-vat-page-body .tn-vat-field.is-invalid{border-color:var(--vat-danger)!important;background:#fff8f4!important}
body.tn-vat-page-body .tn-vat-field input[aria-invalid="true"]{color:var(--vat-danger)!important;-webkit-text-fill-color:var(--vat-danger)!important}
body.tn-vat-page-body .tn-vat-control-group.is-active .tn-vat-label{color:var(--vat-accent)!important;-webkit-text-fill-color:var(--vat-accent)!important}
body.tn-vat-page-body .tn-vat-control-group.is-active .tn-vat-field{border-color:var(--vat-accent)!important}
body.tn-vat-page-body .tn-vat-rate-presets{display:flex!important;align-items:stretch!important;gap:4px!important;height:40px!important}
body.tn-vat-page-body .tn-vat-rate-preset{
  display:grid!important;
  place-items:center!important;
  min-width:42px!important;
  height:40px!important;
  margin:0!important;
  padding:0 8px!important;
  border:1px solid var(--vat-line)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--vat-wash)!important;
  box-shadow:none!important;
  color:var(--vat-muted)!important;
  -webkit-text-fill-color:var(--vat-muted)!important;
  font-family:var(--vat-num-font)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  cursor:pointer!important;
}
body.tn-vat-page-body .tn-vat-rate-preset:hover,
body.tn-vat-page-body .tn-vat-rate-preset.is-active{border-color:var(--vat-accent)!important;background:var(--vat-secondary)!important;color:var(--vat-ink)!important;-webkit-text-fill-color:var(--vat-ink)!important}
body.tn-vat-page-body .tn-vat-rate-preset:focus-visible,
body.tn-vat-page-body .tn-vat-actions button:focus-visible{outline:2px solid var(--vat-accent)!important;outline-offset:2px!important}
body.tn-vat-page-body .tn-vat-rate-help,
body.tn-vat-page-body .tn-vat-help{
  margin:0!important;
  padding:0!important;
  color:var(--vat-muted)!important;
  -webkit-text-fill-color:var(--vat-muted)!important;
  font-family:var(--vat-num-font)!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.35!important;
}
body.tn-vat-page-body .tn-vat-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:0!important}
body.tn-vat-page-body .tn-vat-actions button{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid var(--vat-primary)!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  font-family:var(--vat-num-font)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  cursor:pointer!important;
}
body.tn-vat-page-body .tn-vat-primary{background:var(--vat-primary)!important;color:var(--vat-primary-text)!important;-webkit-text-fill-color:var(--vat-primary-text)!important}
body.tn-vat-page-body .tn-vat-primary:hover:not(:disabled){background:var(--vat-primary-hover)!important}
body.tn-vat-page-body .tn-vat-secondary{background:var(--vat-secondary)!important;color:var(--vat-ink)!important;-webkit-text-fill-color:var(--vat-ink)!important}
body.tn-vat-page-body .tn-vat-secondary:hover:not(:disabled){background:var(--vat-secondary-hover)!important}
body.tn-vat-page-body .tn-vat-actions button:disabled{cursor:not-allowed!important;opacity:.55!important}
body.tn-vat-page-body .tn-vat-result-box{display:flex!important;flex-direction:column!important;overflow:hidden!important}
body.tn-vat-page-body .tn-vat-hero-result{display:grid!important;flex:1 1 auto!important;align-content:center!important;justify-items:center!important;margin:0!important;padding:22px 16px!important;text-align:center!important}
body.tn-vat-page-body .tn-vat-hero-result dt{margin:0 0 10px!important;color:var(--vat-accent)!important;-webkit-text-fill-color:var(--vat-accent)!important;font-family:var(--vat-num-font)!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.tn-vat-page-body .tn-vat-hero-result dd{max-width:100%!important;margin:0!important;color:var(--vat-ink)!important;-webkit-text-fill-color:var(--vat-ink)!important;font-family:var(--vat-num-font)!important;font-size:clamp(34px,5vw,56px)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:0!important;font-variant-numeric:lining-nums tabular-nums!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.tn-vat-page-body .tn-vat-sub-results{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-top:1px solid var(--vat-soft)!important}
body.tn-vat-page-body .tn-vat-sub-results>div{display:grid!important;align-content:center!important;justify-items:center!important;min-height:74px!important;margin:0!important;padding:12px!important;background:var(--vat-wash)!important;text-align:center!important}
body.tn-vat-page-body .tn-vat-sub-results>div+div{border-left:1px solid var(--vat-soft)!important}
body.tn-vat-page-body .tn-vat-sub-results dt{margin:0 0 7px!important;color:var(--vat-muted)!important;-webkit-text-fill-color:var(--vat-muted)!important;font-family:var(--vat-num-font)!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important}
body.tn-vat-page-body .tn-vat-sub-results dd{max-width:100%!important;margin:0!important;color:var(--vat-ink)!important;-webkit-text-fill-color:var(--vat-ink)!important;font-family:var(--vat-num-font)!important;font-size:clamp(16px,2vw,22px)!important;font-weight:800!important;line-height:1.15!important;letter-spacing:0!important;font-variant-numeric:lining-nums tabular-nums!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.tn-vat-page-body .tn-vat-formula{
  display:grid!important;
  grid-row:3/5!important;
  align-content:center!important;
  gap:3px!important;
  min-height:0!important;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid var(--vat-soft)!important;
  background:var(--vat-wash)!important;
  color:var(--vat-muted)!important;
  -webkit-text-fill-color:var(--vat-muted)!important;
  font-family:var(--vat-num-font)!important;
  font-size:11px!important;
  line-height:1.45!important;
}
body.tn-vat-page-body .tn-vat-formula span{font-weight:800!important}
body.tn-vat-page-body .tn-vat-formula em{font-style:normal!important;font-weight:600!important}
body.tn-vat-page-body .tn-vat-status{
  min-height:32px!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid var(--vat-soft)!important;
  background:var(--vat-paper)!important;
  color:var(--vat-muted)!important;
  -webkit-text-fill-color:var(--vat-muted)!important;
  font-family:var(--vat-num-font)!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:16px!important;
  text-align:center!important;
}
body.tn-vat-page-body .tn-vat-tool>.tn-vat-status{width:calc(100% - 36px)!important;margin:0 18px 18px!important}
body.tn-vat-page-body .tn-vat-status[hidden]{display:none!important}
body.tn-vat-page-body .tn-vat-status.is-error{border-color:var(--vat-danger)!important;color:var(--vat-danger)!important;-webkit-text-fill-color:var(--vat-danger)!important;font-weight:800!important}
body.tn-vat-page-body .tn-vat-page script{display:none!important}

body.tn-vat-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-vat-page,
html[data-scheme="dark"] body.tn-vat-page-body:not([data-scheme="light"]) .tn-vat-page{
  --vat-ink:#f7ead1;
  --vat-muted:#c3b492;
  --vat-line:#6f6047;
  --vat-soft:#574a37;
  --vat-paper:#241d12;
  --vat-surface:#322a1a;
  --vat-wash:#2c2517;
  --vat-accent:#e8823f;
  --vat-primary:#4a3116;
  --vat-primary-hover:#68451f;
  --vat-primary-text:#f7ead1;
  --vat-secondary:#322a1a;
  --vat-secondary-hover:#403620;
  --vat-danger:#ffb0a2;
}
body.tn-vat-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-vat-field:has(input[aria-invalid="true"]),
body.tn-vat-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-vat-field.is-invalid,
html[data-scheme="dark"] body.tn-vat-page-body:not([data-scheme="light"]) .tn-vat-field:has(input[aria-invalid="true"]),
html[data-scheme="dark"] body.tn-vat-page-body:not([data-scheme="light"]) .tn-vat-field.is-invalid{background:#2d1712!important}
@media (prefers-color-scheme:dark){
  body.tn-vat-page-body[data-scheme="auto"] .tn-vat-page{
    --vat-ink:#f7ead1;
    --vat-muted:#c3b492;
    --vat-line:#6f6047;
    --vat-soft:#574a37;
    --vat-paper:#241d12;
    --vat-surface:#322a1a;
    --vat-wash:#2c2517;
    --vat-accent:#e8823f;
    --vat-primary:#4a3116;
    --vat-primary-hover:#68451f;
    --vat-primary-text:#f7ead1;
    --vat-secondary:#322a1a;
    --vat-secondary-hover:#403620;
    --vat-danger:#ffb0a2;
  }
  body.tn-vat-page-body[data-scheme="auto"] .tn-vat-field:has(input[aria-invalid="true"]),
  body.tn-vat-page-body[data-scheme="auto"] .tn-vat-field.is-invalid{background:#2d1712!important}
}
@media (max-width:980px){
  body.tn-vat-page-body .tn-vat-grid{grid-template-columns:1fr!important}
  body.tn-vat-page-body .tn-vat-input{border-right:0!important;border-bottom:1px solid var(--vat-line)!important}
  body.tn-vat-page-body .tn-vat-input,
  body.tn-vat-page-body .tn-vat-result{grid-template-rows:auto auto auto auto!important}
  body.tn-vat-page-body .tn-vat-formula{grid-row:auto!important}
  body.tn-vat-page-body .tn-vat-fields,
  body.tn-vat-page-body .tn-vat-result-box{height:auto!important;min-height:0!important}
  body.tn-vat-page-body .tn-vat-result-box{min-height:220px!important}
  body.tn-vat-page-body .tn-vat-hero-result{min-height:140px!important}
}
@media (max-width:720px){
  body.tn-vat-page-body .tn-vat-page{width:calc(100% - 10px)!important;max-width:calc(100% - 10px)!important;margin:0 auto 40px!important;font-size:14px!important}
  body.tn-vat-page-body .tn-vat-input,
  body.tn-vat-page-body .tn-vat-result{gap:8px!important;padding:12px!important}
  body.tn-vat-page-body .tn-vat-tool>.tn-vat-status{width:calc(100% - 24px)!important;margin:0 12px 12px!important}
  body.tn-vat-page-body .tn-vat-fields{gap:7px 6px!important;padding:12px!important}
  body.tn-vat-page-body .tn-vat-control-group--rate{column-gap:6px!important}
  body.tn-vat-page-body .tn-vat-rate-preset{min-width:39px!important;padding:0 6px!important}
  body.tn-vat-page-body .tn-vat-actions{gap:6px!important}
  body.tn-vat-page-body .tn-vat-actions button{font-size:12px!important}
  body.tn-vat-page-body .tn-vat-formula{min-height:0!important}
}
@media (max-width:390px){
  body.tn-vat-page-body .tn-vat-fields{padding:10px!important}
  body.tn-vat-page-body .tn-vat-field input{padding:0 7px!important;font-size:14px!important}
  body.tn-vat-page-body .tn-vat-affix{padding:0 7px!important;font-size:11px!important}
  body.tn-vat-page-body .tn-vat-currency-prefix .tn-vat-affix{padding-right:0!important}
  body.tn-vat-page-body .tn-vat-currency-suffix .tn-vat-affix,
  body.tn-vat-page-body .tn-vat-field--rate .tn-vat-affix{padding-left:0!important}
  body.tn-vat-page-body .tn-vat-rate-presets{gap:3px!important}
  body.tn-vat-page-body .tn-vat-rate-preset{min-width:36px!important;padding:0 5px!important;font-size:11px!important}
  body.tn-vat-page-body .tn-vat-hero-result dd{font-size:34px!important}
  body.tn-vat-page-body .tn-vat-sub-results dd{font-size:16px!important}
}
@media (max-width:360px){
  body.tn-vat-page-body .tn-vat-input,
  body.tn-vat-page-body .tn-vat-result{padding:10px!important}
  body.tn-vat-page-body .tn-vat-tool>.tn-vat-status{width:calc(100% - 20px)!important;margin:0 10px 10px!important}
  body.tn-vat-page-body .tn-vat-fields{gap:6px 4px!important;padding:9px!important}
  body.tn-vat-page-body .tn-vat-rate-preset{min-width:34px!important;padding:0 4px!important;font-size:10.5px!important}
  body.tn-vat-page-body .tn-vat-actions{gap:4px!important}
  body.tn-vat-page-body .tn-vat-actions button{padding:0 5px!important;font-size:11px!important}
}