/* Light blue modern theme — loaded last on every page, overrides page styles */
:root{--ink:#0f2742;--muted:#4a5f78;--blue:#1a73e8;--blue-d:#155fc0;--blue-t:#e6f0fc;--line:#d8e5f3;--bg:#f2f7fd}

body{background:var(--bg) !important;color:var(--ink) !important}
body *:not(i):not(.fa):not(.fas):not(.fab):not(.far){font-family:'Manrope',system-ui,sans-serif !important}
h1,h2,h3,h4,h5,label,li,span,div,dt,dd,td,th,strong,small{color:var(--ink) !important}
p{color:var(--muted) !important}
h1{font-weight:800 !important;letter-spacing:-.02em}
h2,h3{font-weight:700 !important;letter-spacing:-.01em}
a{color:var(--blue)}

/* Header */
.sticky-header,.sticky-header.scrolled{background:rgba(255,255,255,.92) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line) !important;box-shadow:0 1px 0 rgba(15,39,66,.03) !important}
.logo{color:var(--blue) !important;font-weight:800 !important;letter-spacing:-.01em}
.logo,.logo:hover{background:transparent !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.logo{padding-left:0 !important}
.nav-links a,.nav-links a:nth-child(n){background:transparent !important;color:#26405e !important;border:none !important;border-radius:999px !important;font-weight:600;padding:.45rem .9rem !important}
.nav-links a:hover{background:var(--blue-t) !important;color:var(--blue) !important;transform:none !important;filter:none !important;box-shadow:none !important}
.nav-links a.active{background:var(--blue) !important;color:#fff !important}
.menu-toggle,.menu-toggle i{color:var(--blue) !important}
@media (max-width:968px){.nav-links{background:#fff !important;border-bottom:1px solid var(--line);box-shadow:0 12px 24px -12px rgba(15,39,66,.2)}}

/* Panels & cards */
.hero-section{background:transparent !important;border:none !important;box-shadow:none !important}
.features-section,.info-section,.calculator-container,.contact-container,.about-container,.blog-post,.comment-section,.comments-section,.generator-container,.calc-card,.team-member,.title-with-flag,.modal-content,.input-section,.results-section{background:#fff !important;border:1px solid var(--line) !important;border-radius:16px !important;box-shadow:0 1px 2px rgba(15,39,66,.04),0 10px 30px -16px rgba(15,39,66,.16) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.feature,.step,.result-item,.tax-info,.about-section,.comment,.social-media{background:#f6faff !important;border:1px solid var(--line) !important;border-radius:12px !important;box-shadow:none !important;backdrop-filter:none !important}
.calc-card:hover,.feature:hover,.step:hover,.blog-post:hover{border-color:#a9c9ef !important;box-shadow:0 16px 36px -18px rgba(26,115,232,.35) !important}
.title-with-flag{padding:1.5rem 2rem !important;gap:1.5rem}
.calc-card img,.country-flag{box-shadow:0 2px 6px rgba(15,39,66,.12) !important}

/* Accents */
h2::after,h3::after,.features-section h2::after,.info-section h2::after{background:var(--blue) !important;height:3px !important}
.country-badge,.badge{background:var(--blue-t) !important;color:var(--blue) !important;font-weight:700}
.welcome-banner{display:inline-flex;align-items:center;gap:.6rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.35rem .9rem .35rem .4rem;margin-bottom:1rem}
.welcome-banner .badge{padding:.2rem .6rem;border-radius:999px;font-size:.75rem}
.welcome-banner p{margin:0 !important;font-size:.9rem}
.card-features i{color:#16a36d !important}
.feature i,.feature .icon-container i,.step-number{background:var(--blue-t) !important;color:var(--blue) !important;-webkit-text-fill-color:var(--blue) !important;box-shadow:none !important;border:none !important;filter:none !important}
.value{color:var(--blue) !important;font-weight:800 !important;font-variant-numeric:tabular-nums}
.tax-rates li{border-color:var(--line) !important}
.bar{background:var(--blue-t) !important;border-radius:999px}
.bar-fill{background:#9cc3f2 !important}
.bar-label{color:var(--ink) !important;font-weight:600}
.ad-banner-container{background:transparent !important;border:1px dashed var(--line) !important}
.seo-description{color:var(--muted) !important}

/* Forms */
input,textarea,select,.form-control,.input-field{background:#fff !important;color:var(--ink) !important;border:1px solid #c5d7ea !important;border-radius:10px !important;box-shadow:none !important}
input:focus,textarea:focus,select:focus{border-color:var(--blue) !important;box-shadow:0 0 0 3px rgba(26,115,232,.15) !important;outline:none}
input::placeholder,textarea::placeholder{color:#7d90a6 !important}
.input-group i{color:var(--blue) !important}

/* Buttons */
button,.calculate-btn,.try-now-btn,.action-button,.download-btn,.category-btn,.read-more{background:var(--blue) !important;color:#fff !important;border:none !important;border-radius:10px !important;box-shadow:none !important;font-weight:700 !important}
button:hover,.calculate-btn:hover,.try-now-btn:hover,.action-button:hover,.category-btn:hover,.read-more:hover{background:var(--blue-d) !important;transform:none !important}
button *,.action-button *,.calculate-btn *,.try-now-btn *,.read-more *{color:#fff !important}
.category-btn{background:#fff !important;color:var(--blue) !important;border:1px solid var(--line) !important}
.category-btn.active,.category-btn:hover{background:var(--blue) !important;color:#fff !important}
.read-more{display:inline-block;padding:.5rem 1rem}
.close{color:var(--muted) !important}

/* Footer */
footer{background:var(--ink) !important;border:none !important;backdrop-filter:none !important}
footer *,footer p{color:#c5d3e4 !important}
footer a:hover{color:#fff !important}
.social-icons a,.social-icons a i{color:var(--blue) !important}
.footer-content{align-items:flex-start !important;gap:2rem;flex-wrap:wrap}
.footer-main{display:flex;flex-direction:column;gap:.75rem;text-align:left;align-items:flex-start}
.footer-content{text-align:left !important}
.blog-grid{grid-auto-flow:row dense}
.logo-container,.logo-container *{background:transparent !important;box-shadow:none !important;border:none !important;backdrop-filter:none !important}
.footer-brand{font-weight:800 !important;font-size:1.1rem;color:#fff !important;margin:0}
.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.footer-links a{font-size:.9rem;text-decoration:none}
.footer-note{font-size:.82rem;margin:0;color:#8fa3bb !important}

/* Ad slots */
.ad-slot,.ad-banner-container{position:relative;display:flex !important;align-items:center;justify-content:center;min-height:100px;margin:1.5rem auto !important;border:1px dashed #b9d0ea !important;border-radius:12px;background:repeating-linear-gradient(135deg,#f6faff 0 12px,#eef5fd 12px 24px) !important}
.ad-slot{width:100%;max-width:970px}
.ad-slot.ad-infeed{grid-column:1/-1;min-height:250px;max-width:none;margin:0 !important}
.ad-label,.ad-banner-container::before{content:'Advertisement';position:absolute;top:8px;left:12px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#7d90a6 !important}
@media (max-width:768px){.ad-banner-container{display:flex !important;min-height:60px}}

/* Page text */
.page-intro{max-width:640px;margin:.5rem auto 2rem;text-align:center;font-size:1.05rem;line-height:1.6}
.legal-page h1{text-align:left !important}
.legal-page .updated{font-size:.9rem;margin:-1.25rem 0 1.5rem}
.legal-page .about-section{margin-bottom:1rem;padding:1.5rem}
.legal-page h2{font-size:1.2rem !important;margin-bottom:.5rem}
.legal-page p{line-height:1.7}
.optional{font-weight:400;color:#7d90a6 !important}

/* File upload */
.file-input-hidden{position:absolute !important;width:1px;height:1px;opacity:0;pointer-events:none}
.file-drop{display:flex !important;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem;border:2px dashed #b9d0ea;border-radius:12px;background:#f6faff;cursor:pointer;text-align:center;transition:border-color .2s,background .2s}
.file-drop:hover,.file-drop.drag{border-color:var(--blue);background:var(--blue-t)}
.file-drop i{font-size:1.6rem;color:var(--blue) !important}
.file-drop-title{font-weight:700}
.file-drop-hint{font-size:.85rem;color:#7d90a6 !important}
.file-preview{display:flex;align-items:center;gap:.75rem;margin-top:.6rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px;background:#fff}
.file-preview[hidden],.file-preview [hidden]{display:none !important}
.file-preview img{width:44px;height:44px;object-fit:cover;border-radius:6px}
.file-preview .fa-file-pdf{font-size:1.8rem;color:#d93025 !important}
.file-preview span{flex:1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-remove{background:transparent !important;color:var(--muted) !important;padding:.3rem .5rem !important}
.file-remove *{color:var(--muted) !important}
.file-remove:hover{background:#fdecea !important}


/* Results breakdown */
.tax-breakdown{margin-top:1.25rem;padding:1.25rem 1.5rem;background:#fff;border:1px solid var(--line);border-radius:12px}
.tax-breakdown h3{font-size:1.05rem !important;margin:0 0 .5rem}
.tax-breakdown h3::after{display:none}
.bd-row{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid #eef3f9;font-size:.95rem}
.bd-row span:last-child{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}
.bd-strong span{font-weight:700 !important}
.bd-net{border-bottom:none;font-size:1.05rem}
.bd-net span:last-child{color:#16a36d !important}
.bd-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.5rem;font-size:.85rem}
.bd-meta span{color:var(--muted) !important}
.bd-meta b{color:var(--ink) !important}
.bd-note,.rates-note{font-size:.82rem !important;line-height:1.55;margin-top:.75rem !important;color:#5e7189 !important}
.input-group small{display:block;margin-top:.35rem;font-size:.8rem;color:#7d90a6 !important}
input:disabled{background:#f1f5fa !important;cursor:not-allowed}
option:disabled{color:#9aa9ba}

/* Social */
.social-links{display:flex;gap:.6rem !important}
.social-links a{width:38px;height:38px;display:grid !important;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);transition:background .2s}
.social-links a:hover{background:var(--blue) !important;transform:none !important}
.social-links a:hover i{color:#fff !important}
.social-icons{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
.social-icons a{width:44px;height:44px;display:grid !important;place-items:center;border-radius:50%;background:var(--blue-t);font-size:1.15rem}
.social-icons a:hover{background:var(--blue) !important}
.social-icons a:hover i{color:#fff !important}

/* Share menu */
.share-menu{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding:.75rem;border:1px solid var(--line);border-radius:12px;background:#fff}
.share-menu a,.share-menu button{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem !important;border-radius:999px !important;background:var(--blue-t) !important;color:var(--ink) !important;font-weight:600 !important;font-size:.9rem;text-decoration:none}
.share-menu a *,.share-menu button *{color:inherit !important}
.share-menu .fa-whatsapp{color:#25d366 !important}

/* Cookie banner */
.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:2000;max-width:720px;margin:0 auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px -20px rgba(15,39,66,.45)}
.cookie-banner p{flex:1 1 280px;margin:0;font-size:.9rem}
.cookie-actions{display:flex;gap:.5rem}
.cookie-actions button{padding:.6rem 1rem !important;font-size:.9rem}
.cookie-decline{background:#fff !important;color:var(--ink) !important;border:1px solid var(--line) !important}

/* Back to top */
.back-to-top{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1500;width:46px;height:46px;border-radius:50% !important;padding:0 !important;opacity:0;pointer-events:none;transition:opacity .25s;box-shadow:0 8px 20px -8px rgba(26,115,232,.6) !important}
.back-to-top.show{opacity:1;pointer-events:auto}
@media print{.cookie-banner,.back-to-top,.share-menu,.ad-slot,.ad-banner-container{display:none !important}}

.about-list{margin:.5rem 0 0 1.1rem;display:grid;gap:.5rem;line-height:1.55}
.about-list li{color:var(--muted) !important}
.about-list a{font-weight:700}

main > h1{text-align:center !important}

.checkbox-label{display:flex !important;align-items:center;gap:.6rem;font-weight:600;cursor:pointer}
.checkbox-label input{width:18px;height:18px;min-height:0 !important;flex:none;accent-color:#1a73e8}


/* ===== Calculator refresh ===== */
.title-with-flag{background:linear-gradient(180deg,#ffffff 0%,#eef5fd 100%) !important;padding:2rem 2.25rem !important;display:flex;align-items:center}
.title-with-flag h1{font-size:clamp(1.7rem,3.2vw,2.4rem) !important;margin:0 0 .35rem !important;text-align:left !important}
.title-with-flag .seo-description{margin:0 !important;text-align:left !important;font-size:1.02rem}
.country-flag{width:72px !important;height:auto;border-radius:10px !important}
@media (min-width:980px){
  .calculator-container{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) !important;gap:1.5rem !important;align-items:start;padding:1.5rem !important}
  .results-section{position:sticky;top:96px}
}
.input-section,.results-section{padding:1.5rem !important}
.input-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;position:relative}
.input-group label{font-weight:700;font-size:.92rem}
.input-group > i{position:absolute !important;left:auto !important;right:14px !important;top:2.6rem !important;width:auto !important;transform:none !important;color:#9ab4d3 !important;pointer-events:none}
.input-group input,.input-group select{min-height:48px;padding:.7rem 2.6rem .7rem .9rem !important;font-size:1rem !important;width:100%;box-sizing:border-box}

/* Segmented pay-period control */
.pay-options .seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:#eef4fb;border:1px solid var(--line);border-radius:12px}
.pay-options .seg button{width:100%;background:transparent !important;color:#26405e !important;padding:.5rem .7rem !important;font-size:.85rem !important;font-weight:700 !important;border-radius:9px !important;min-height:36px}
.pay-options .seg button:hover{background:#fff !important;color:var(--blue) !important}
.pay-options .seg button.on{background:#fff !important;color:var(--blue) !important;box-shadow:0 1px 3px rgba(15,39,66,.15) !important}
.hours-row{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}
.hours-row[hidden]{display:none !important}
.hours-row label{font-weight:600;font-size:.88rem;white-space:nowrap}
.hours-row input{max-width:110px;min-height:40px !important;padding:.4rem .6rem !important}

/* Results */
.results-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:.75rem !important}
.results-grid > *{padding:1rem 1.1rem !important;text-align:left !important}
.results-grid h4{font-size:.8rem !important;font-weight:700 !important;letter-spacing:.04em;text-transform:uppercase;color:#5e7189 !important;margin:0 0 .35rem !important}
.results-grid > *:nth-child(2){background:#1a73e8 !important;border-color:#1a73e8 !important}
.results-grid > *:nth-child(2) h4,.results-grid > *:nth-child(2) .value{color:#fff !important}
.value{font-size:clamp(1.3rem,2.4vw,1.75rem) !important}

/* Period table */
.period-table-wrap{overflow-x:auto;margin-top:1rem;border:1px solid var(--line);border-radius:10px}
.period-table{width:100%;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums}
.period-table th,.period-table td{padding:.55rem .65rem;text-align:right;white-space:nowrap;border-bottom:1px solid #eef3f9}
.period-table thead th{background:#f6faff;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#5e7189 !important}
.period-table tbody th{text-align:left;font-weight:700}
.period-table tr.pt-net td,.period-table tr.pt-net th{color:#137a50 !important;font-weight:800;border-bottom:none}
.action-buttons{display:flex !important;flex-wrap:wrap;gap:.5rem !important;margin-top:1rem}
.action-buttons .action-button{flex:1 1 140px}
.action-button.share-btn,.action-button.print-btn{background:#fff !important;color:var(--blue) !important;border:1px solid var(--line) !important}
.action-button.share-btn *,.action-button.print-btn *{color:var(--blue) !important}

.results-section{padding-top:1.25rem !important}
.results-section > *:first-child{margin-top:0 !important}

/* ===== Share panel ===== */
.share-panel{margin-top:1rem;padding:1.1rem;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -20px rgba(15,39,66,.35);display:flex;flex-direction:column;gap:.9rem}
.share-panel.sp-floating{position:fixed;left:1.25rem;bottom:5rem;z-index:1600;width:min(360px,calc(100vw - 2.5rem));margin:0;max-height:calc(100vh - 6.5rem);overflow-y:auto}
.sp-head{display:flex;justify-content:space-between;align-items:center}
.sp-head span{font-weight:800;font-size:1rem}
.sp-close{background:transparent !important;color:var(--muted) !important;padding:.3rem .5rem !important;min-height:0 !important}
.sp-close *{color:var(--muted) !important}
.sp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.sp-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem .25rem;border-radius:12px;text-decoration:none !important;transition:background .15s}
.sp-item:hover{background:#f2f7fd}
.sp-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.15rem}
.sp-ic i{color:#fff !important}
.sp-l{font-size:.78rem;font-weight:700;color:var(--ink) !important}
.sp-gmail .sp-ic{background:#ea4335}.sp-email .sp-ic{background:#5f6b7a}.sp-whatsapp .sp-ic{background:#25d366}.sp-x .sp-ic{background:#0f1419}
.sp-facebook .sp-ic{background:#1877f2}.sp-linkedin .sp-ic{background:#0a66c2}.sp-telegram .sp-ic{background:#229ed9}
.sp-link{display:flex;gap:.4rem}
.sp-link input{flex:1;min-width:0;min-height:40px !important;padding:.45rem .7rem !important;font-size:.85rem !important;background:#f6faff !important}
.sp-copy,.sp-more{padding:.5rem .9rem !important;font-size:.85rem !important;white-space:nowrap}
.sp-more{background:#fff !important;color:var(--blue) !important;border:1px solid var(--line) !important}
.sp-more *{color:var(--blue) !important}
.share-menu{display:none !important}
.share-fab{position:fixed;left:1.25rem;bottom:1.25rem;z-index:1500;display:flex !important;align-items:center;gap:.5rem;padding:.7rem 1.1rem !important;border-radius:999px !important;box-shadow:0 10px 24px -10px rgba(26,115,232,.7) !important}
.share-fab span{font-weight:700}
@media (max-width:600px){.share-fab span{display:none}.share-fab{padding:.8rem !important}.sp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media print{.share-fab,.share-panel{display:none !important}}
.cookie-banner ~ .share-fab{bottom:6.5rem}

@media (max-height:600px){.share-panel.sp-floating{bottom:4.5rem;max-height:calc(100vh - 5.5rem)}.share-panel.sp-floating .sp-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.share-panel.sp-floating .sp-l{display:none}.share-panel.sp-floating .sp-ic{width:38px;height:38px}}

.pay-options .seg{grid-template-columns:repeat(auto-fit,minmax(88px,1fr)) !important;gap:4px !important}
.pay-options .seg button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;justify-content:center;padding:.55rem .4rem !important;font-size:.88rem !important}
@media (max-width:380px){.pay-options .seg{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}

/* big-inputs */
.calculator-container input[type="number"],.calculator-container input[type="text"],.calculator-container input:not([type]),.calculator-container select,
.input-section input,.input-section select,.hp-quick input,.hp-quick select{font-size:1.2rem !important;font-weight:600 !important;letter-spacing:.01em;color:#0f2742 !important;min-height:52px}
.calculator-container input[type="checkbox"],.calculator-container input[type="radio"],.input-section input[type="checkbox"],.input-section input[type="radio"]{min-height:0}
.calculator-container input::placeholder,.input-section input::placeholder{font-weight:400;font-size:1rem;color:#8a9bb0}
.excel-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:12px;border:none;background:#1d7a46 !important;color:#fff !important;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s,transform .2s;box-shadow:0 10px 22px -12px rgba(29,122,70,.7)}
.excel-btn:hover{background:#155c35 !important;transform:translateY(-1px)}
.excel-btn:disabled{opacity:.7;cursor:wait}

/* total-tax-red */
#totalTax,#total-tax,#totaltax,#totalTaxAmount,.value.total-tax,.result-item.is-total-tax .value{color:#d32f2f !important}
.result-item.is-total-tax{border-color:#f5c6c6 !important;background:#fff6f6 !important}


/* translation-safe text: Google Translate wraps words in <font>, which picked up white from button * rules */
button font,a font,label font,.seg font,.lang-menu font{color:inherit !important;background:none !important}
.pay-options .seg button *{color:inherit !important}
.pay-options .seg{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
.pay-options .seg button{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;line-height:1.2;min-height:40px;word-break:break-word;hyphens:auto;font-size:.85rem !important}
.pay-options .seg button.on,.pay-options .seg button.on *{color:var(--blue) !important}
@media (max-width:380px){.pay-options .seg{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}

/* brand 1b */
.brand{display:inline-flex !important;align-items:center;gap:.6rem;text-decoration:none !important;background:none !important;-webkit-text-fill-color:initial !important}
.brand-mark{flex:none;width:36px;height:36px;transition:transform .25s}
a.brand:hover .brand-mark{transform:rotate(-6deg) scale(1.05)}
.brand-word{font-weight:800 !important;font-size:1.25rem !important;letter-spacing:-.015em;color:#0f2742 !important;-webkit-text-fill-color:#0f2742 !important;white-space:nowrap;line-height:1}
.brand-tax{color:#1a73e8 !important;-webkit-text-fill-color:#1a73e8 !important}
footer .brand-word{color:#fff !important;-webkit-text-fill-color:#fff !important}
footer .brand-tax{color:#7cc4ff !important;-webkit-text-fill-color:#7cc4ff !important}
footer .brand-mark rect:first-child{fill:#1a73e8}
footer .brand-mark rect:nth-child(2){fill:#fff;fill-opacity:.6}
footer .brand-mark rect:nth-child(3){fill:#fff}
.brand::before,.brand::after{display:none !important}
@media (max-width:480px){.brand-word{font-size:1.05rem !important}.brand-mark{width:30px;height:30px}}

/* mobile-pass */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
img,svg,video,iframe,table{max-width:100%}
.calculator-container > *,.calculator-layout > *,.results-grid > *,.ct-grid > *,.cm-layout > *,.hp-hero > *{min-width:0}
.gx-reviewed span,.gx-crumbs li{white-space:nowrap}
input,select,textarea{font-size:16px}
@media (max-width:768px){
  main,.ct{padding-left:1rem !important;padding-right:1rem !important}
  h1{font-size:clamp(1.6rem,7vw,2.2rem) !important;line-height:1.15 !important;word-break:break-word}
  h2{font-size:clamp(1.3rem,5.5vw,1.7rem) !important}
  .title-with-flag{flex-direction:row !important;align-items:center !important;gap:.85rem !important;text-align:left !important}
  .title-with-flag .country-flag{width:56px !important;height:auto !important;flex:none}
  .calculator-container,.calculator-layout,.hp-hero,.cm-layout,.ct-grid,.results-grid{grid-template-columns:1fr !important}
  .calculator-container,.calculator-layout{display:flex !important;flex-direction:column !important;gap:1.25rem !important;padding:1rem !important}
  .input-section,.results-section{width:100% !important;padding:1.1rem !important}
  .results-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:.6rem !important}
  .result-item .value{font-size:1.15rem !important;word-break:break-all}
  .action-buttons{display:grid !important;grid-template-columns:1fr 1fr;gap:.6rem !important}
  .action-buttons > *{width:100% !important;justify-content:center;margin:0 !important}
  .action-buttons .excel-btn{grid-column:auto}
  .tax-rates li,.tax-info li{font-size:.9rem;gap:.5rem}
  .calculate-btn,.cm-submit,.ct .contact-form button[type="submit"]{min-height:52px;width:100%}
  .nav-links a{min-height:44px;display:flex !important;align-items:center}
  .footer-content,.footer-main{flex-direction:column !important;align-items:flex-start !important;gap:1rem !important}
  .footer-links{flex-wrap:wrap !important;gap:.5rem 1rem !important}
  .gx-rel{grid-template-columns:1fr 1fr !important}
  .hp-rc,.hp-hero-card{max-width:100% !important}
  .bd-table,.period-table,table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .ad-banner-container,.ad-slot{max-width:100% !important;overflow:hidden;min-height:60px !important}
  .share-fab{bottom:1rem !important;left:1rem !important}
  .app-install{bottom:1rem !important;right:1rem !important}
  .gx-cookie{bottom:.5rem !important;left:.5rem !important;right:.5rem !important}
  .back-to-top{bottom:4.5rem !important}
}
@media (max-width:420px){
  .results-grid{grid-template-columns:1fr !important}
  .action-buttons{grid-template-columns:1fr !important}
  .gx-rel{grid-template-columns:1fr !important}
  .pay-options .seg{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .hp-ctabs button{font-size:.8rem !important;padding:.4rem .7rem !important}
  .lang-btn{padding:0 .6rem !important}
  .brand-word{font-size:.98rem !important}
}
@supports (padding:max(0px)){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .share-fab,.gx-cookie,.app-install{margin-bottom:env(safe-area-inset-bottom)}
}

/* live ad units */
.ad-slot,.ad-banner-container{padding:26px 8px 8px !important;background:#f7fafd !important;border-style:solid !important;border-color:#e3ecf6 !important}
.ad-slot.ad-native{display:block !important;max-width:970px}
.ad-slot iframe,.ad-banner-container iframe{max-width:100%;display:block;margin:0 auto}