/* Modern UI layer — loaded after theme-light-blue.css on every page.
   Dark mode · slim sticky header · results period switch · donut chart · currency converter ·
   single floating action button · language search. */

/* ---------- Slim header (one row on desktop, shrinks on scroll) ---------- */
/* one row everywhere (home & blog used to stack the logo above the menu) */
.sticky-header .header-container{flex-direction:row !important;justify-content:space-between !important;align-items:center !important;gap:1rem !important;max-width:1320px !important}
.sticky-header .logo-container{margin:0 !important}
@media (max-width:968px){.sticky-header .header-container > nav{width:auto !important;flex:1;justify-content:flex-end !important;padding:0 !important}}
@media (min-width:969px){
  .sticky-header nav,.sticky-header .header-container{max-width:1320px !important}
  .sticky-header .nav-links{flex-wrap:nowrap !important;gap:.1rem !important}
  .sticky-header .nav-links a,.sticky-header .nav-links a:nth-child(n){padding:.45rem .7rem !important;white-space:nowrap}
  .sticky-header .logo-container{margin:0 !important;text-align:start !important}
  .sticky-header .header-container > nav{flex:1;justify-content:flex-end !important;padding:0 !important}
}
.sticky-header{transition:padding .25s ease,box-shadow .25s ease,background-color .25s ease !important}
.sticky-header.is-compact{padding-top:.45rem !important;padding-bottom:.45rem !important;box-shadow:0 6px 24px -14px rgba(15,39,66,.35) !important}
.sticky-header.is-compact .brand-mark{width:30px;height:30px}
.sticky-header.is-compact .brand-word{font-size:1.1rem !important}

/* ---------- Theme toggle button (sits next to the language switch) ---------- */
.theme-btn{display:inline-grid !important;place-items:center;width:40px;height:40px;flex:none;border-radius:999px !important;border:1px solid var(--line) !important;background:#f2f7fd !important;color:#0f2742 !important;cursor:pointer;padding:0 !important;min-height:0 !important;box-shadow:none !important;margin-inline-end:.4rem;order:2;transition:background .2s,transform .2s}
.theme-btn:hover{background:#e8f1fd !important;transform:rotate(-12deg)}
.theme-btn i{color:inherit !important;font-size:1rem}
.theme-btn .fa-sun{display:none}
html[data-theme="dark"] .theme-btn .fa-moon{display:none}
html[data-theme="dark"] .theme-btn .fa-sun{display:inline-block}

/* ---------- Language menu search ---------- */
.lang-menu .lang-search{position:sticky;top:-.4rem;z-index:1;background:inherit;padding:.25rem .15rem .4rem;margin:-.4rem -.4rem .2rem;padding-inline:.55rem;padding-top:.55rem;background:#fff}
.lang-menu .lang-search input{width:100%;box-sizing:border-box;height:36px;border-radius:10px !important;border:1px solid var(--line) !important;padding:0 .7rem 0 2rem !important;font-size:.9rem !important;background:#f6f9fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235a6c82' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat .65rem center !important;color:#0f2742 !important;box-shadow:none !important;min-height:0 !important}
[dir=rtl] .lang-menu .lang-search input{padding:0 2rem 0 .7rem !important;background-position:right .65rem center !important}
.lang-menu .lang-search input:focus{outline:2px solid #1a73e8;outline-offset:0}
.lang-menu .lang-none{padding:.6rem .75rem;font-size:.88rem;color:#5a6c82}
.lang-menu .lang-group{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7b8ca3 !important;padding:.55rem .75rem .2rem}

/* ---------- Results: "Show results per" switch ---------- */
.view-switch{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:0 0 1rem}
.view-switch .vs-label{font-size:.85rem;font-weight:800;color:var(--muted) !important;text-transform:uppercase;letter-spacing:.05em}
.vs-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;background:#eef4fb;border:1px solid var(--line);border-radius:12px;flex:1;max-width:460px}
.vs-seg button{all:unset;box-sizing:border-box;text-align:center;cursor:pointer;padding:.5rem .4rem !important;border-radius:9px !important;font-size:.85rem !important;font-weight:700 !important;color:#26405e !important;background:transparent !important;white-space:nowrap;min-height:0 !important;box-shadow:none !important;width:auto !important}
.vs-seg button:hover{background:#fff !important;color:#1a73e8 !important}
.vs-seg button.on{background:#fff !important;color:#1a73e8 !important;box-shadow:0 1px 3px rgba(15,39,66,.15) !important}
.vs-seg button *{color:inherit !important}
@media (max-width:520px){.vs-seg{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.view-switch{flex-direction:column;align-items:stretch}}

/* ---------- Donut chart: where your money goes ---------- */
.rp-card{margin-top:1.25rem;padding:1.25rem;border:1px solid var(--line);border-radius:20px;background:#fff;display:grid;gap:1.25rem}
.rp-card h3{margin:0 !important;font-size:1.1rem !important;display:flex;align-items:center;gap:.5rem}
.rp-card h3 i{color:#1a73e8 !important}
.rp-donut{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:center}
.rp-svg{position:relative;width:200px;height:200px}
.rp-svg svg{width:200px;height:200px;display:block;overflow:visible}
.rp-svg path{cursor:pointer;transition:transform .2s ease,opacity .2s;transform-origin:100px 100px}
.rp-svg path:hover,.rp-svg path.hot{transform:scale(1.045)}
.rp-svg.dim path:not(.hot){opacity:.45}
.rp-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 2.6rem}
.rp-center b{font-size:1.25rem;font-weight:800;line-height:1.15;color:var(--ink) !important;direction:ltr}
.rp-center small{font-size:.75rem;color:var(--muted) !important;margin-top:.2rem;line-height:1.25}
.rp-legend{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.rp-legend li{display:grid;grid-template-columns:14px 1fr auto auto;gap:.65rem;align-items:center;padding:.5rem .65rem;border-radius:10px;cursor:default;transition:background .15s}
.rp-legend li:hover,.rp-legend li.hot{background:#f2f7fd}
.rp-legend .sw{width:14px;height:14px;border-radius:4px}
.rp-legend .nm{font-weight:600;font-size:.92rem}
.rp-legend .pc{font-size:.85rem;color:var(--muted) !important;font-variant-numeric:tabular-nums}
.rp-legend .am{font-weight:800;font-size:.92rem;font-variant-numeric:tabular-nums;direction:ltr}
@media (max-width:640px){.rp-donut{grid-template-columns:1fr;justify-items:center}.rp-legend{width:100%}}
.visualization.rp-replaced{display:none !important}

/* ---------- Currency converter ---------- */
.rp-fx{border-top:1px dashed var(--line);padding-top:1.1rem;display:grid;gap:.75rem}
.rp-fx-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.rp-fx-head b{font-size:1rem;display:flex;align-items:center;gap:.5rem}
.rp-fx-head b i{color:#16a36d !important}
.rp-fx select{height:40px;border-radius:10px !important;border:1px solid var(--line) !important;padding:0 .6rem !important;font-weight:700;background:#fff !important;color:#0f2742 !important;min-width:150px}
.rp-fx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.rp-fx-grid div{background:#f4f8fd;border-radius:12px;padding:.7rem .85rem}
.rp-fx-grid span{display:block;font-size:.75rem;font-weight:700;color:var(--muted) !important;text-transform:uppercase;letter-spacing:.04em}
.rp-fx-grid strong{display:block;font-size:1.15rem;font-weight:800;margin-top:.15rem;direction:ltr;text-align:start;font-variant-numeric:tabular-nums}
.rp-fx-note{font-size:.78rem;color:var(--muted) !important;margin:0 !important}
@media (max-width:520px){.rp-fx-grid{grid-template-columns:1fr}}

/* ---------- One floating action button (replaces Share / Install / Back-to-top) ---------- */
.share-fab,.app-install,.back-to-top{display:none !important}
.gx-fab{position:fixed;right:1.1rem;bottom:1.1rem;z-index:1600;display:flex;flex-direction:column;align-items:flex-end;gap:.55rem;margin-bottom:env(safe-area-inset-bottom)}
[dir=rtl] .gx-fab{right:auto;left:1.1rem;align-items:flex-start}
.gx-fab-main{all:unset;box-sizing:border-box;width:54px !important;height:54px !important;padding:0 !important;min-height:0 !important;border-radius:50% !important;display:grid !important;place-items:center;background:linear-gradient(135deg,#1a73e8,#0f4fb0) !important;color:#fff !important;cursor:pointer;box-shadow:0 14px 30px -12px rgba(26,115,232,.8);transition:transform .25s}
.gx-fab-main i{color:#fff !important;font-size:1.2rem;transition:transform .25s}
.gx-fab.open .gx-fab-main i{transform:rotate(135deg)}
.gx-fab-main:focus-visible,.gx-fab-item:focus-visible{outline:3px solid #7cc4ff;outline-offset:3px}
.gx-fab-menu{display:flex;flex-direction:column;align-items:inherit;gap:.45rem;opacity:0;transform:translateY(10px) scale(.96);pointer-events:none;transition:opacity .2s,transform .2s}
.gx-fab.open .gx-fab-menu{opacity:1;transform:none;pointer-events:auto}
.gx-fab-item{all:unset;box-sizing:border-box;display:flex !important;align-items:center;gap:.6rem;padding:.55rem 1rem .55rem .6rem !important;border-radius:999px !important;background:#fff !important;color:#0f2742 !important;font-weight:700 !important;font-size:.9rem !important;cursor:pointer;box-shadow:0 10px 24px -12px rgba(15,39,66,.45) !important;border:1px solid var(--line) !important;white-space:nowrap;min-height:0 !important;width:auto !important}
.gx-fab-item i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8f1fd;color:#1a73e8 !important;font-size:.85rem}
.gx-fab-item span{color:inherit !important}
.gx-fab-item:hover{background:#f2f7fd !important}
.gx-fab-item[hidden]{display:none !important}
.gx-cookie ~ .gx-fab{bottom:8.5rem}
@media print{.gx-fab{display:none !important}}

/* ---------- Dark mode ---------- */
html[data-theme="dark"]{color-scheme:dark;--ink:#e6eef8;--muted:#9fb2c8;--line:#26384f;--bg:#0b1422;--blue:#5aa2ff;--blue-d:#3d8bf0;--blue-t:#172a47;--surface:#121e30;--surface2:#18263b}
html[data-theme="dark"] body{background:var(--bg) !important}
html[data-theme="dark"] :is(.calculator-container,.input-section,.results-section,.tax-breakdown,.feature,.step,.result-item,.result-card,.tax-info,.ad-banner-container,.ad-slot,.hp-hero-card,.calc-card,.hp-feature,.hp-news-item,.hp-quick,.hp-float,.blog-post,.about-container,.about-section,.gx-card,.ct-card,.ct-formcard,.ct-social,.share-panel,.lang-menu,.rp-card,.cmp-card,.cmp-col,.tool-card,.gx-related a,.cm-empty,.file-drop,details,.country-badge,.title-with-flag,.comments-section,.comment,.cm-form,.faq-item,.blog-card,.post-card,.policy-section,.legal-section,.hp-ctabs){background:var(--surface) !important;background-image:none !important;border-color:var(--line) !important;box-shadow:0 1px 0 rgba(255,255,255,.02) !important}
html[data-theme="dark"] :is(.sticky-header,.sticky-header.scrolled){background:rgba(11,20,34,.9) !important;border-bottom-color:var(--line) !important}
html[data-theme="dark"] .nav-links a,html[data-theme="dark"] .nav-links a:nth-child(n){color:#c9d7e8 !important}
html[data-theme="dark"] .nav-links a.active{color:#fff !important;background:#1a73e8 !important}
@media (max-width:968px){html[data-theme="dark"] .nav-links{background:var(--surface) !important;border-color:var(--line) !important}}
html[data-theme="dark"] :is(.brand-word){color:#fff !important;-webkit-text-fill-color:#fff !important}
html[data-theme="dark"] .brand-tax{color:#7cc4ff !important;-webkit-text-fill-color:#7cc4ff !important}
html[data-theme="dark"] :is(.lang-btn,.theme-btn){background:var(--surface2) !important;border-color:var(--line) !important;color:#e6eef8 !important}
html[data-theme="dark"] .lang-btn *{color:#e6eef8 !important}
html[data-theme="dark"] .lang-menu button{color:#e6eef8 !important}
html[data-theme="dark"] .lang-menu button:hover,html[data-theme="dark"] .lang-menu button.on{background:var(--blue-t) !important}
html[data-theme="dark"] .lang-menu .lang-search{background:var(--surface)}
html[data-theme="dark"] :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]){background-color:var(--surface2) !important;color:#e6eef8 !important;border-color:var(--line) !important}
html[data-theme="dark"] ::placeholder{color:#7f93ad !important}
html[data-theme="dark"] :is(.seg,.vs-seg,.pay-options .seg){background:var(--bg) !important;border-color:var(--line) !important}
html[data-theme="dark"] :is(.seg button,.vs-seg button){color:#c9d7e8 !important}
html[data-theme="dark"] :is(.seg button.on,.vs-seg button.on,.seg button:hover,.vs-seg button:hover,.hp-ctabs button.on){background:var(--surface2) !important;color:#7cc4ff !important}
html[data-theme="dark"] :is(table,th,td){border-color:var(--line) !important}
html[data-theme="dark"] :is(th,td){background-color:transparent !important}
html[data-theme="dark"] thead th,html[data-theme="dark"] .period-table thead th{background:#0f2742 !important;color:#fff !important}
html[data-theme="dark"] :is(.rp-fx-grid div,.rp-legend li:hover,.rp-legend li.hot){background:var(--surface2) !important}
html[data-theme="dark"] :is(.bd-net,.pt-net,tr.pt-net){background:rgba(22,163,109,.14) !important}
html[data-theme="dark"] .bar{background:var(--surface2) !important}
html[data-theme="dark"] footer{background:#070e19 !important}
html[data-theme="dark"] :is(.gx-fab-item){background:var(--surface) !important;color:#e6eef8 !important;border-color:var(--line) !important}
html[data-theme="dark"] .gx-fab-item i{background:var(--blue-t) !important;color:#7cc4ff !important}
html[data-theme="dark"] :is(.export-btn){background:var(--surface2) !important}
html[data-theme="dark"] .export-btn b{color:#fff !important}
html[data-theme="dark"] .export-btn small{color:#9fb2c8 !important}
html[data-theme="dark"] :is(.rp-fx select){background:var(--surface2) !important;color:#e6eef8 !important}
html[data-theme="dark"] :is(.hp-ctabs button,.hp-cta-btn){color:#e6eef8 !important}
html[data-theme="dark"] :is(.action-button,.calculate-btn):not(.download-btn){filter:none}
html[data-theme="dark"] img.country-flag,html[data-theme="dark"] .flag img{filter:none}
html[data-theme="dark"] :is(hr){border-color:var(--line) !important}
html[data-theme="dark"] a:not(.nav-links a):not(.brand):not(.hp-cta-btn):not(.gx-related a){color:#7cc4ff}
@media (prefers-reduced-motion:reduce){.sticky-header,.gx-fab-menu,.rp-svg path,.theme-btn{transition:none !important}}
.lang-menu button[hidden],.lang-none[hidden]{display:none !important}
html[data-theme="dark"] .results-grid > :nth-child(2){background:#1a73e8 !important;border-color:#1a73e8 !important}
html[data-theme="dark"] .result-item.is-total-tax{background:rgba(211,47,47,.12) !important;border-color:rgba(211,47,47,.4) !important}
html[data-theme="dark"] .result-item.is-total-tax .value{color:#ff7b7b !important}
html[data-theme="dark"] .period-table-wrap{border-color:var(--line) !important}
html[data-theme="dark"] .period-table tr.pt-net td,html[data-theme="dark"] .period-table tr.pt-net th{background:rgba(22,163,109,.14) !important;color:#4ade80 !important}
html[data-theme="dark"] :is(.period-table th,.period-table td,.bd-row){border-bottom-color:var(--line) !important}
html[data-theme="dark"] .bd-net span{color:#4ade80 !important}
@media (min-width:969px) and (max-width:1220px){
  .sticky-header .nav-links a,.sticky-header .nav-links a:nth-child(n){padding:.4rem .5rem !important;font-size:.86rem !important}
  .sticky-header .brand-word{font-size:1.05rem !important}
  .sticky-header .brand-mark{width:30px;height:30px}
  .sticky-header .lang-btn .lang-name,.sticky-header .lang-btn .fa-globe{display:none}
  .sticky-header .lang-btn{padding:0 .55rem !important;gap:.3rem !important}
  .sticky-header .lang-sw{margin-right:0 !important}
}

/* ---------- Tool pages ---------- */
.tool-wrap{max-width:1200px;margin:0 auto;display:grid;gap:1.25rem}
.tool-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.4rem;display:grid;gap:1rem}
.tool-card h2{margin:0 !important;font-size:1.2rem !important;text-align:start !important;padding:0 !important}
.tool-card h2::after{display:none !important}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.tool-field{display:grid;gap:.35rem}
.tool-field label{font-weight:700;font-size:.9rem}
.tool-field input,.tool-field select{height:46px;border-radius:12px !important;border:1px solid var(--line) !important;padding:0 .85rem !important;font-size:1rem !important;width:100%;box-sizing:border-box;background:#fff}
.tool-field small{color:var(--muted) !important;font-size:.8rem}
.tool-check{display:flex !important;align-items:center;gap:.55rem;font-weight:600;cursor:pointer}
.tool-check input{width:20px;height:20px;accent-color:#1a73e8}
.seg-radio{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#eef4fb;border:1px solid var(--line);border-radius:12px}
.seg-radio label{position:relative;text-align:center;padding:.6rem;border-radius:9px;font-weight:700;cursor:pointer;color:#26405e}
.seg-radio input{position:absolute;opacity:0;pointer-events:none}
.seg-radio label:has(input:checked){background:#fff;color:#1a73e8 !important;box-shadow:0 1px 3px rgba(15,39,66,.15)}
.tool-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}
.tool-results div{background:#f4f8fd;border:1px solid var(--line);border-radius:14px;padding:1rem}
.tool-results div.hl{background:#1a73e8;border-color:#1a73e8}
.tool-results div.hl *{color:#fff !important}
.tool-results span{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted) !important}
.tool-results strong{display:block;font-size:1.6rem;font-weight:800;margin-top:.2rem;font-variant-numeric:tabular-nums}
.tool-results small{display:block;font-size:.82rem;color:var(--muted) !important;margin-top:.15rem}
.tool-note{font-size:.88rem;color:var(--muted) !important;margin:0 !important}
.tool-warn{background:#fff7e6;border:1px solid #f5d38a;color:#7a5200 !important;border-radius:12px;padding:.75rem 1rem;font-size:.9rem;margin:0 !important}
.tool-table{width:100%;border-collapse:collapse;font-size:.92rem;font-variant-numeric:tabular-nums}
.tool-table th,.tool-table td{padding:.6rem .7rem;border-bottom:1px solid var(--line);text-align:start}
.tool-table .n{text-align:end}
.tool-table img{vertical-align:-2px;border-radius:2px;margin-inline-end:.35rem}
.tool-table tr.pt-net td{background:#eaf8f0;color:#137a50 !important;font-weight:800}
.tool-tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
#su-chart svg{width:100%;height:auto;display:block;color:var(--ink)}
/* comparison */
.cmp-cols{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch}
.cmp-col{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.25rem;display:grid;gap:.85rem;align-content:start}
.cmp-head{display:flex;align-items:center;gap:.65rem}
.cmp-head img{width:40px;height:28px;object-fit:cover;border-radius:5px;box-shadow:0 0 0 1px rgba(15,39,66,.1)}
.cmp-head b{font-size:1.05rem}
.cmp-net{font-size:2rem;font-weight:800;color:#16a36d !important;line-height:1.1;font-variant-numeric:tabular-nums}
.cmp-sub{font-size:.9rem;color:var(--muted) !important}
.cmp-conv{font-size:.95rem;font-weight:700}
.cmp-bar{height:10px;border-radius:999px;background:#fde2e2;overflow:hidden}
.cmp-bar i{display:block;height:100%;background:#16a36d;border-radius:999px;transition:width .4s}
.cmp-stats{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.cmp-stats div{background:#f4f8fd;border-radius:12px;padding:.6rem .75rem}
.cmp-stats span{display:block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted) !important}
.cmp-stats strong{font-size:1.05rem;font-variant-numeric:tabular-nums}
.cmp-vs{display:grid;place-items:center}
.cmp-swap{all:unset;cursor:pointer;width:46px;height:46px;border-radius:50%;display:grid !important;place-items:center;background:#e8f1fd !important;color:#1a73e8 !important;font-weight:800;box-shadow:none !important;padding:0 !important;min-height:0 !important}
.cmp-swap i{color:inherit !important}
.cmp-verdict{background:linear-gradient(135deg,#0f2742,#163d70);border-radius:18px;padding:1.1rem 1.3rem;font-size:1.05rem;line-height:1.5;color:#e6f0fc !important}
.cmp-verdict *{color:inherit !important}
.cmp-verdict b{color:#5ef0b5 !important}
@media (max-width:820px){.cmp-cols{grid-template-columns:1fr}.cmp-vs{transform:rotate(90deg)}}
/* all calculators hub */
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.hub-grid a{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none !important;transition:transform .2s,border-color .2s,box-shadow .2s}
.hub-grid a:hover{transform:translateY(-2px);border-color:#1a73e8;box-shadow:0 14px 26px -18px rgba(15,39,66,.5)}
.hub-grid img{width:40px;height:28px;object-fit:cover;border-radius:5px;flex:none;box-shadow:0 0 0 1px rgba(15,39,66,.1)}
.hub-grid .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e8f1fd;color:#1a73e8 !important;flex:none}
.hub-grid b{display:block;color:var(--ink) !important;font-size:1rem}
.hub-grid small{display:block;color:var(--muted) !important;font-size:.85rem;margin-top:.15rem;line-height:1.4}
.hub-h{font-size:1.25rem !important;margin:1.5rem 0 .25rem !important;text-align:start !important}
.hub-h::after{display:none !important}
html[data-theme="dark"] :is(.tool-card,.cmp-col,.hub-grid a,.tool-field input,.tool-field select){background:var(--surface) !important;border-color:var(--line) !important}
html[data-theme="dark"] :is(.tool-results div:not(.hl),.cmp-stats div,.seg-radio){background:var(--surface2) !important;border-color:var(--line) !important}
html[data-theme="dark"] .seg-radio label{color:#c9d7e8 !important}
html[data-theme="dark"] .seg-radio label:has(input:checked){background:var(--surface) !important;color:#7cc4ff !important}
html[data-theme="dark"] .tool-table tr.pt-net td{background:rgba(22,163,109,.14) !important;color:#4ade80 !important}
html[data-theme="dark"] .tool-warn{background:rgba(245,158,11,.12) !important;border-color:rgba(245,158,11,.4) !important;color:#fcd34d !important}
html[data-theme="dark"] :is(.cmp-swap,.hub-grid .ic){background:var(--blue-t) !important;color:#7cc4ff !important}
html[data-theme="dark"] .cmp-bar{background:rgba(239,68,68,.25)}
#su-chart{max-width:900px}
@media (min-width:969px) and (max-width:1220px){.sticky-header .nav-links a[href="/"]{display:none !important}}
/* breadcrumbs: never wider than the screen */
.gx-crumbs ol{flex-wrap:wrap !important;min-width:0}
.gx-crumbs li{min-width:0;max-width:100%}
.gx-crumbs li:last-child{display:block !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.gx-crumbs{overflow:hidden;max-width:100% !important}
/* dark mode: remaining light surfaces */
html[data-theme="dark"] :is(table,.gx-tablewrap table){background:transparent !important}
html[data-theme="dark"] :is(.gx-tablewrap,.tool-tablewrap){background:var(--surface) !important;border-color:var(--line) !important}
html[data-theme="dark"] .action-button:not(.download-btn):not(.calculate-btn){background:var(--surface2) !important;color:#e6eef8 !important;border-color:var(--line) !important}
html[data-theme="dark"] .action-button:not(.download-btn) *{color:inherit !important}
html[data-theme="dark"] :is(.gx-form,form.gx-form){background:var(--surface) !important;border-color:var(--line) !important}
html[data-theme="dark"] :is(.gx-rel a,.gx-pills a,.gx-pills li a){background:var(--surface) !important;border-color:var(--line) !important}
html[data-theme="dark"] .gx-rel b{color:#e6eef8 !important}
.checkbox-label{white-space:normal !important;min-width:0;max-width:100%;flex-wrap:wrap;overflow-wrap:anywhere}
.input-group,.input-section,.calculator-container{min-width:0}
html[data-theme="dark"] .card-features span{background:rgba(22,163,109,.16) !important;color:#6ee7a8 !important;border-color:transparent !important}
html[data-theme="dark"] .card-features span i{color:inherit !important}
html.gtc-switching body{opacity:.55;transition:opacity .15s;pointer-events:none}
/* Header stays left-to-right in every language, so the language switch is always on the right */
.sticky-header,.sticky-header nav,.sticky-header .header-container,.sticky-header .nav-links{direction:ltr}
.lang-sec[hidden]{display:none !important}
.lang-menu .lang-search{margin:0 !important;padding:.3rem .2rem .2rem !important;position:static !important}
html[data-theme="dark"] .lang-btn{background:var(--surface2) !important}
html[data-theme="dark"] .lang-menu .lang-head b{color:#e6eef8 !important}
html[data-theme="dark"] .lang-menu button.on{border-color:var(--line) !important}
html[data-theme="dark"] .lang-menu button .ln small,html[data-theme="dark"] .lang-menu .lang-head small{color:#9fb2c8 !important}
.sticky-header .lang-sw .lang-btn,.sticky-header .lang-sw .lang-btn:focus,.sticky-header .lang-sw .lang-btn:active{background:#fff !important;color:#0f2742 !important}
.sticky-header .lang-sw .lang-btn .lang-name,.sticky-header .lang-sw .lang-btn i{color:#0f2742 !important}
.lang-sw .lang-menu button .ln b{color:#0f2742 !important}
.lang-sw .lang-menu button.on .ln b{color:#1a73e8 !important}
.lang-sw .lang-menu button .ln small{color:#5a6c82 !important}
.lang-sw .lang-menu button .fa-check{color:#1a73e8 !important}
html[data-theme="dark"] .sticky-header .lang-sw .lang-btn{background:var(--surface2) !important}
html[data-theme="dark"] .sticky-header .lang-sw .lang-btn .lang-name,html[data-theme="dark"] .sticky-header .lang-sw .lang-btn i,html[data-theme="dark"] .lang-sw .lang-menu button .ln b{color:#e6eef8 !important}
html[data-theme="dark"] .lang-sw .lang-menu button.on .ln b{color:#7cc4ff !important}
html[data-theme="dark"] .lang-sw .lang-menu button .ln small{color:#9fb2c8 !important}
#gtc-translating{top:auto !important;bottom:96px}
#gtc-translating{direction:ltr}

/* ---------- Home page polish ---------- */
.hp .calculator-cards{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr)) !important;gap:1rem !important}
.hp .calc-card{padding:1.25rem 1.3rem !important;gap:.35rem !important;cursor:pointer;min-height:0 !important;height:100%}
.hp .calc-card .card-header{justify-content:flex-start !important;gap:.75rem;margin-bottom:.35rem !important}
.hp .calc-card img{width:44px !important;height:30px !important;border-radius:6px !important}
.hp .calc-card .country-badge{display:none !important}
.hp .calc-card h3{font-size:1.1rem !important;margin:0 !important}
.hp .calc-card p{font-size:.9rem !important;color:var(--muted) !important}
.hp .calc-card .card-features{display:none !important}
.hp .calc-card .try-now-btn{all:unset;margin-top:auto !important;padding-top:.6rem !important;font-weight:700 !important;font-size:.9rem !important;color:#1a73e8 !important;cursor:pointer;display:inline-flex !important;align-items:center;gap:.35rem}
.hp .calc-card .try-now-btn *{color:inherit !important}
.hp .calc-card .try-now-btn::after{content:'\2192';transition:transform .2s}
.hp .calc-card:hover .try-now-btn::after{transform:translateX(4px)}
.hp .calc-card .try-now-btn i{display:none}
/* hero country buttons: compact, wrap neatly */
.hp-ctabs{display:flex !important;flex-wrap:wrap !important;gap:.45rem !important;max-width:640px}
.hp-ctabs button{padding:.4rem .8rem !important;font-size:.85rem !important;min-height:0 !important;display:inline-flex !important;align-items:center;gap:.4rem}
.hp-ctabs button img{width:18px !important;height:13px !important;border-radius:2px;object-fit:cover}
/* tools section */
.hp-tools .hub-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.hp-all{font-weight:700;text-decoration:none !important;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}
html[data-theme="dark"] .hp .calc-card .try-now-btn{background:none !important;color:#7cc4ff !important}
.hp .calculator-cards .calc-card .try-now-btn{background:transparent !important;border:none !important;box-shadow:none !important;width:auto !important;align-self:flex-start !important;padding:.6rem 0 0 !important;border-radius:0 !important;color:#1a73e8 !important;transform:none !important}
.hp .calculator-cards .calc-card .try-now-btn:hover{background:transparent !important;color:#155fc0 !important}

/* ---------- Script fonts: Urdu & Farsi (Nastaliq), Pashto (Naskh) ---------- */
html[lang="ur"] body *:not(i):not(.fa):not(.fas):not(.fab):not(.far):not(svg):not(svg *):not(.gtc-report *){font-family:'Jameel Noori Nastaleeq','Jameel Noori Nastaleeq Kasheeda','Noto Nastaliq Urdu','Noto Naskh Arabic',serif !important}
html[lang="fa"] body *:not(i):not(.fa):not(.fas):not(.fab):not(.far):not(svg):not(svg *):not(.gtc-report *){font-family:'IranNastaliq','Noto Nastaliq Urdu','Noto Naskh Arabic',serif !important}
html[lang="ps"] body *:not(i):not(.fa):not(.fas):not(.fab):not(.far):not(svg):not(svg *):not(.gtc-report *){font-family:'Noto Naskh Arabic','Scheherazade New',Tahoma,serif !important}
/* keep the brand, money figures and form inputs in the Latin font so numbers stay crisp */
html:is([lang="ur"],[lang="fa"],[lang="ps"]) body :is(.brand-word,.brand-word *,.value,.cmp-net,.tool-results strong,.rp-center b,.rp-legend .am,.rp-fx-grid strong,input,select,.hp-rc-big,.lang-btn .lang-name):not(i):not(.fa):not(.fas):not(.fab):not(.far):not(svg):not(.gtc-report *){font-family:'Manrope','Inter',system-ui,sans-serif !important}
/* Nastaleeq needs extra line height: its letters are tall and slope downward */
html:is([lang="ur"],[lang="fa"]) body :is(p,li,dd,dt,label,small,td,th,summary,.seo-description,.hp-lead,.bd-row,.cmp-sub,.tool-note):not(.gtc-report *){line-height:2.05 !important}
html:is([lang="ur"],[lang="fa"]) body :is(h1,h2,h3,h4):not(.gtc-report *){line-height:1.75 !important;font-weight:700 !important;letter-spacing:0 !important}
html:is([lang="ur"],[lang="fa"]) .nav-links a{line-height:1.9 !important;padding-top:.2rem !important;padding-bottom:.2rem !important}
html:is([lang="ur"],[lang="fa"]) body :is(h1):not(.gtc-report *){font-size:clamp(1.6rem,3.6vw,2.5rem) !important}
html[lang="ps"] body :is(p,li,label,small,td,th,summary,.hp-lead):not(.gtc-report *){line-height:1.9 !important}
html[lang="ps"] body :is(h1,h2,h3,h4):not(.gtc-report *){letter-spacing:0 !important;line-height:1.55 !important}
/* language menu shows each name in its own script font when available */
.lang-menu button[data-l="ur"] .ln b{font-family:'Jameel Noori Nastaleeq','Noto Nastaliq Urdu','Noto Naskh Arabic',serif !important;line-height:1.6}
.lang-menu button[data-l="fa"] .ln b{font-family:'IranNastaliq','Noto Nastaliq Urdu','Noto Naskh Arabic',serif !important;line-height:1.6}
.lang-menu button[data-l="ps"] .ln b{font-family:'Noto Naskh Arabic','Scheherazade New',Tahoma,serif !important}

/* keep the hidden skip link fully off-screen, even with tall script fonts */
.skip-link:not(:focus){top:-300px !important}