@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg:#07090f;
  --bg2:#0d1020;
  --card:rgba(13,16,28,.84);
  --card2:rgba(20,24,40,.92);
  --glass:rgba(255,255,255,.045);
  --glass-brd:rgba(255,255,255,.09);
  --text:#e8eaf6;
  --muted:#8a96b3;
  --border:rgba(255,255,255,.08);
  --accent:#2563eb;
  --accent-glow:rgba(37,99,235,.28);
  --accent2:#facc15;
  --accent2-glow:rgba(250,204,21,.22);
  --ok:#10b981;
  --ok-bg:rgba(16,185,129,.10);
  --ok-brd:rgba(16,185,129,.36);
  --danger:#f43f5e;
  --danger-bg:rgba(244,63,94,.10);
  --warn:#f59e0b;
  --warn-bg:rgba(245,158,11,.11);
  --shadow:0 24px 60px rgba(0,0,0,.52);
  --shadow-sm:0 4px 20px rgba(0,0,0,.34);
  --pill:rgba(255,255,255,.055);
  --inp:rgba(0,0,0,.28);
  --radius:20px;
  --radius-sm:12px;
  --radius-xs:8px;
}

[data-theme="light"]{
  --bg:#f3f6fb;
  --bg2:#e8edf8;
  --card:rgba(255,255,255,.88);
  --card2:rgba(247,249,255,.96);
  --glass:rgba(255,255,255,.64);
  --glass-brd:rgba(37,99,235,.14);
  --text:#172033;
  --muted:#65718c;
  --border:rgba(37,99,235,.13);
  --accent-glow:rgba(37,99,235,.18);
  --accent2-glow:rgba(250,204,21,.20);
  --ok-bg:rgba(16,185,129,.08);
  --ok-brd:rgba(16,185,129,.30);
  --danger-bg:rgba(244,63,94,.08);
  --warn-bg:rgba(245,158,11,.09);
  --shadow:0 24px 60px rgba(37,99,235,.11);
  --shadow-sm:0 4px 20px rgba(16,24,40,.08);
  --pill:rgba(37,99,235,.055);
  --inp:rgba(255,255,255,.92);
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  min-height:100vh;
  overflow-x:clip;
  background:
    radial-gradient(circle at 8% -8%,rgba(37,99,235,.18),transparent 34%),
    radial-gradient(circle at 88% 8%,rgba(250,204,21,.13),transparent 30%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  color:var(--text);
  line-height:1.5;
  transition:background .3s,color .3s;
}

@supports not (overflow-x: clip){
  body{overflow-x:hidden;}
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 72%);
  z-index:0;
}

.wrap{
  position:relative;
  z-index:1;
  max-width:1280px;
  margin:0 auto;
  padding:28px 24px 48px;
}

.hdr{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:24px;
  padding:20px 24px;
  background:var(--card);
  border:1px solid var(--glass-brd);
  border-radius:var(--radius);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow-sm);
}

h1{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  font-size:clamp(24px,3vw,34px);
  font-weight:900;
  letter-spacing:-.035em;
}

.ua-flag-premium{
  width:50px;
  height:36px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  isolation:isolate;
  filter:
    drop-shadow(0 12px 22px rgba(37,99,235,.38))
    drop-shadow(0 6px 18px rgba(250,204,21,.26))
    drop-shadow(0 0 14px rgba(255,255,255,.10));
}
.ua-flag-premium::before{
  content:"";
  position:absolute;
  width:54px;
  height:38px;
  border-radius:999px;
  background:
    radial-gradient(circle at 68% 38%,rgba(96,165,250,.26),transparent 58%),
    radial-gradient(circle at 56% 70%,rgba(250,204,21,.22),transparent 60%);
  filter:blur(10px);
  opacity:.82;
  z-index:-1;
  animation:uaFlagAura 4.8s ease-in-out infinite;
}
.ua-flag-svg{
  width:50px;
  height:36px;
  display:block;
  overflow:visible;
}
.ua-flag-cloth,
.ua-flag-blue,
.ua-flag-gold,
.ua-flag-sheen,
.ua-flag-folds,
.ua-flag-ridge,
.ua-flag-edge,
.ua-flag-free-edge,
.ua-flag-pole-shine{
  transform-box:fill-box;
  transform-origin:12% 50%;
  will-change:transform,opacity,filter;
}
.ua-flag-cloth{
  animation:uaFlagClothWave 3.15s cubic-bezier(.42,0,.22,1) infinite;
}
.ua-flag-blue{
  animation:uaFlagBlueBreath 3.85s ease-in-out infinite;
}
.ua-flag-gold{
  animation:uaFlagGoldBreath 3.85s ease-in-out infinite;
}
.ua-flag-sheen{
  mix-blend-mode:screen;
  animation:uaFlagSheenSlide 2.9s ease-in-out infinite;
}
.ua-flag-folds{
  animation:uaFlagFoldDrift 2.75s ease-in-out infinite;
}
.ua-flag-ridge{
  animation:uaFlagRidgePulse 3.2s ease-in-out infinite;
}
.ua-flag-edge{
  animation:uaFlagEdgeGlow 3.6s ease-in-out infinite;
}
.ua-flag-free-edge{
  animation:uaFlagFreeEdge 2.65s ease-in-out infinite;
}
.ua-flag-pole-shine{
  animation:uaFlagPoleShine 4.2s ease-in-out infinite;
}
@keyframes uaFlagAura{
  0%,100%{transform:scale(.96);opacity:.58;}
  45%{transform:scale(1.08);opacity:.92;}
  72%{transform:scale(1.01);opacity:.72;}
}
@keyframes uaFlagClothWave{
  0%,100%{transform:translateX(0) translateY(0) skewY(0deg) scaleY(1) rotate(0deg);}
  18%{transform:translateX(.9px) translateY(-.35px) skewY(-1.45deg) scaleY(1.026) rotate(-.25deg);}
  43%{transform:translateX(-.45px) translateY(.2px) skewY(.92deg) scaleY(.988) rotate(.18deg);}
  68%{transform:translateX(1.25px) translateY(-.15px) skewY(-.72deg) scaleY(1.014) rotate(-.12deg);}
  84%{transform:translateX(.25px) translateY(.25px) skewY(.38deg) scaleY(.997) rotate(.08deg);}
}
@keyframes uaFlagBlueBreath{
  0%,100%{transform:translateY(0) scaleY(1);filter:saturate(1.05) brightness(1.02);}
  44%{transform:translateY(-.75px) scaleY(1.035);filter:saturate(1.25) brightness(1.12);}
  72%{transform:translateY(.22px) scaleY(.992);filter:saturate(1.10) brightness(1.05);}
}
@keyframes uaFlagGoldBreath{
  0%,100%{transform:translateY(0) scaleY(1);filter:saturate(1.06) brightness(1.02);}
  44%{transform:translateY(.7px) scaleY(1.03);filter:saturate(1.28) brightness(1.13);}
  72%{transform:translateY(-.2px) scaleY(.994);filter:saturate(1.10) brightness(1.05);}
}
@keyframes uaFlagSheenSlide{
  0%,100%{transform:translateX(-23px) skewX(-10deg);opacity:.12;}
  36%{transform:translateX(6px) skewX(-10deg);opacity:.62;}
  58%{transform:translateX(23px) skewX(-10deg);opacity:.34;}
  76%{transform:translateX(34px) skewX(-10deg);opacity:.16;}
}
@keyframes uaFlagFoldDrift{
  0%,100%{transform:translateX(-1.5px) scaleX(.985);opacity:.56;}
  38%{transform:translateX(2.1px) scaleX(1.018);opacity:.96;}
  68%{transform:translateX(.45px) scaleX(.998);opacity:.70;}
}
@keyframes uaFlagRidgePulse{
  0%,100%{transform:translateX(-.7px);opacity:.34;}
  48%{transform:translateX(1.3px);opacity:.78;}
}
@keyframes uaFlagEdgeGlow{
  0%,100%{transform:translateX(0);opacity:.50;}
  50%{transform:translateX(.8px);opacity:.92;}
}
@keyframes uaFlagFreeEdge{
  0%,100%{transform:translateX(0) translateY(0) skewY(0deg);opacity:.72;}
  40%{transform:translateX(1.6px) translateY(-1px) skewY(-1.2deg);opacity:1;}
  70%{transform:translateX(.55px) translateY(.55px) skewY(.7deg);opacity:.82;}
}
@keyframes uaFlagPoleShine{
  0%,100%{transform:translateY(-9px);opacity:.18;}
  44%{transform:translateY(18px);opacity:.58;}
  78%{transform:translateY(30px);opacity:.12;}
}
@media (prefers-reduced-motion: reduce){
  .ua-flag-premium::before,
  .ua-flag-cloth,
  .ua-flag-blue,
  .ua-flag-gold,
  .ua-flag-sheen,
  .ua-flag-folds,
  .ua-flag-ridge,
  .ua-flag-edge,
  .ua-flag-free-edge,
  .ua-flag-pole-shine{animation:none;}
}
.h1-text{
  background:linear-gradient(135deg,#dbeafe 0%,#60a5fa 42%,#facc15 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.v-badge{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(250,204,21,.32);
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(250,204,21,.12));
  color:#fef3c7;
  border-radius:999px;
  padding:4px 10px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.03em;
}
[data-theme="light"] .v-badge{color:#1d4ed8;}
.subtitle{
  margin-top:6px;
  color:var(--muted);
  font-size:.88rem;
  font-weight:500;
}

.theme-toggle{
  position:relative;
  width:64px;
  height:34px;
  flex-shrink:0;
  border:0;
  background:none;
  cursor:pointer;
  padding:0;
}
.toggle-track{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:999px;
  background:linear-gradient(135deg,#172554,#1e3a8a);
  border:1px solid rgba(96,165,250,.38);
  box-shadow:inset 0 2px 8px rgba(0,0,0,.38),0 0 16px rgba(37,99,235,.18);
  transition:all .35s;
}
.toggle-track::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#fef9c3,#fde68a,#facc15);
  opacity:0;
  transition:opacity .35s;
}
[data-theme="light"] .toggle-track::before{opacity:1;}
.toggle-thumb{
  position:absolute;
  top:4px;
  left:4px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#bfdbfe,#60a5fa);
  box-shadow:0 2px 10px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.32);
  transition:transform .35s,background .35s;
}
[data-theme="light"] .toggle-thumb{
  transform:translateX(30px);
  background:linear-gradient(135deg,#fef08a,#facc15);
}
.thumb-sun{display:none;}
[data-theme="light"] .thumb-moon{display:none;}
[data-theme="light"] .thumb-sun{display:inline;}

.tabs-nav{
  display:flex;
  gap:8px;
  margin-bottom:24px;
  padding:6px;
  background:var(--card);
  border:1px solid var(--glass-brd);
  border-radius:var(--radius);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow-sm);
}
.tab-btn{
  flex:1;
  min-width:0;
  position:relative;
  overflow:hidden;
  border:0;
  border-radius:14px;
  padding:12px 14px;
  background:transparent;
  color:var(--muted);
  font:700 .9rem 'Inter',sans-serif;
  cursor:pointer;
  transition:color .2s,box-shadow .2s,transform .12s;
}
.tab-btn::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  border-radius:14px;
  background:linear-gradient(135deg,var(--accent),#1d4ed8 56%,var(--accent2));
  transition:opacity .2s;
}
.tab-btn span{position:relative;z-index:1;}
.tab-btn:hover{color:var(--text);}
.tab-btn:hover::before{opacity:.08;}
.tab-btn.active{color:#fff;box-shadow:0 4px 18px var(--accent-glow);}
.tab-btn.active::before{opacity:1;}
.tab-panel{display:none;animation:fadeUp .22s ease;}
.tab-panel.active{display:block;}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}

.layout-grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
  gap:20px;
  align-items:start;
}
.card{
  background:var(--card);
  border:1px solid var(--glass-brd);
  border-radius:var(--radius);
  padding:22px;
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow);
}
.card + .card{margin-top:16px;}
.card:hover{border-color:rgba(37,99,235,.20);}
h2{
  margin-bottom:14px;
  color:var(--text);
  font-size:18px;
  font-weight:800;
  letter-spacing:-.015em;
}
.panel-title{
  font-size:clamp(22px,2.4vw,30px);
  line-height:1.2;
  margin-bottom:10px;
}
.lead{color:var(--muted);font-size:.96rem;max-width:780px;}
.muted{color:var(--muted);}
.placeholder-box{
  margin-top:16px;
  display:grid;
  gap:10px;
}
.placeholder-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  background:var(--pill);
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  color:var(--muted);
  font-size:.9rem;
}
.placeholder-row strong{color:var(--text);}
.ad-slot{
  min-height:92px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:18px;
  border:1px dashed rgba(250,204,21,.35);
  border-radius:var(--radius-sm);
  background:linear-gradient(135deg,rgba(37,99,235,.055),rgba(250,204,21,.055));
  color:var(--muted);
  font-size:.84rem;
}
.footer{
  margin-top:26px;
  padding:18px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  background:var(--card);
  border:1px solid var(--glass-brd);
  border-radius:var(--radius);
  color:var(--muted);
  font-size:.84rem;
  backdrop-filter:blur(18px);
}
.footer a{
  color:var(--text);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.footer a:hover{border-bottom-color:var(--accent2);}
.footer-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.footer-disclaimer{flex-basis:100%;font-size:.78rem;opacity:.82;}

#toasts{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9999;
  display:flex;
  flex-direction:column-reverse;
  gap:10px;
  pointer-events:none;
}
.toast{
  min-width:220px;
  max-width:360px;
  padding:14px 18px;
  border-radius:var(--radius-sm);
  background:var(--card2);
  border:1px solid var(--glass-brd);
  border-left:4px solid var(--accent);
  box-shadow:0 8px 30px rgba(0,0,0,.44);
  color:var(--text);
  font-size:.88rem;
  font-weight:700;
  opacity:0;
  transform:translateX(24px) scale(.98);
  transition:opacity .2s,transform .2s;
  backdrop-filter:blur(18px);
}
.toast.show{opacity:1;transform:translateX(0) scale(1);}
.toast.ok{border-left-color:var(--ok);}
.toast.warn{border-left-color:var(--warn);}

button{font-family:'Inter',sans-serif;}
.btn-s{
  border:1px solid var(--glass-brd);
  border-radius:var(--radius-sm);
  background:var(--glass);
  color:var(--text);
  padding:10px 14px;
  font-weight:700;
  cursor:pointer;
  transition:transform .12s,border-color .2s,box-shadow .2s;
}
.btn-s:hover{
  transform:translateY(-1px);
  border-color:var(--accent);
  box-shadow:0 0 14px var(--accent-glow);
}


label.block{
  display:block;
  margin:14px 0 7px;
  color:var(--muted);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:uppercase;
}
input[type=number],input[type=text],input[type=email],input[type=date],select,textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:11px 14px;
  background:var(--inp);
  color:var(--text);
  outline:none;
  font:500 .92rem 'Inter',system-ui,sans-serif;
  transition:border-color .2s,box-shadow .2s,background .25s;
}
select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a96b3' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
}
textarea{min-height:140px;resize:vertical;}
input[type=number]:focus,input[type=text]:focus,input[type=email]:focus,input[type=date]:focus,select:focus,textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-glow);
}

.tax-form{margin-top:18px;}
.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.result-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.result-card{
  min-width:0;
  padding:15px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:linear-gradient(135deg,var(--glass),rgba(37,99,235,.045));
}
.result-total{
  border-color:rgba(250,204,21,.38);
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(250,204,21,.10));
}
.result-label{
  color:var(--muted);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.result-value{
  margin-top:7px;
  color:var(--text);
  font-size:clamp(20px,2.3vw,28px);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.035em;
}
.formula-note{
  margin-top:12px;
  color:var(--muted);
  font-size:.86rem;
}
.table-wrap{
  margin-top:14px;
  overflow:auto;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
}
table{
  width:100%;
  border-collapse:collapse;
  font-size:.86rem;
}
th,td{
  padding:12px 14px;
  text-align:left;
  border-bottom:1px solid var(--border);
  vertical-align:top;
}
th{
  color:var(--muted);
  background:rgba(37,99,235,.08);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
tr:last-child td{border-bottom:0;}
.source-line{
  margin-top:12px;
  color:var(--muted);
  font-size:.84rem;
}
.disclaimer-box{
  margin-top:12px;
  padding:14px 16px;
  border:1px solid rgba(245,158,11,.24);
  border-radius:var(--radius-sm);
  background:var(--warn-bg);
  color:var(--text);
  font-size:.88rem;
}
.seo-text p{
  color:var(--muted);
  font-size:.95rem;
}
.rate-list{
  display:grid;
  gap:10px;
}
.rate-list div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:11px 0;
  border-bottom:1px solid var(--border);
  color:var(--muted);
  font-size:.87rem;
}
.rate-list div:last-child{border-bottom:0;}
.rate-list strong{
  color:var(--text);
  white-space:nowrap;
  text-align:right;
}
.tax-ad-slot{margin-top:18px;}

.nbu-status{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:var(--muted);
  font-size:.86rem;
}
.nbu-status span{
  padding:7px 10px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--pill);
}
.rate-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.currency-card{
  min-width:0;
  padding:15px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:linear-gradient(135deg,var(--glass),rgba(37,99,235,.045));
}
.currency-code{
  color:var(--muted);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.currency-value{
  margin-top:8px;
  color:var(--text);
  font-size:clamp(20px,2.2vw,27px);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.03em;
}
.currency-date{
  margin-top:6px;
  color:var(--muted);
  font-size:.78rem;
}
.nbu-warning{
  display:none;
  margin-top:14px;
  padding:13px 15px;
  border:1px solid rgba(245,158,11,.28);
  border-radius:var(--radius-sm);
  background:var(--warn-bg);
  color:var(--text);
  font-size:.88rem;
}
.nbu-warning.show{display:block;}
.converter-grid{
  display:grid;
  grid-template-columns:1.1fr .8fr .8fr;
  gap:12px;
  margin-top:14px;
}
.converter-result{
  margin-top:14px;
  padding:15px;
  border:1px solid rgba(250,204,21,.30);
  border-radius:var(--radius-sm);
  background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(250,204,21,.08));
}
.converter-result .result-label{margin-bottom:6px;}
.converter-result strong{
  display:block;
  color:var(--text);
  font-size:clamp(24px,3vw,34px);
  line-height:1.1;
  letter-spacing:-.035em;
}
.rate-actions{margin-top:14px;}


.check-line{
  margin-top:14px;
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:var(--text);
  font-size:.9rem;
  font-weight:700;
}
.check-line input{
  width:18px;
  height:18px;
  margin-top:1px;
  accent-color:var(--accent);
  flex-shrink:0;
}
.client-mode-extra{display:none;}
.client-mode-extra.show{display:block;}
.client-summary{
  margin-top:12px;
  color:var(--muted);
  font-size:.86rem;
}
.client-summary strong{color:var(--text);}

.invoice-preview{
  margin-top:16px;
  padding:24px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.96);
  color:#172033;
  box-shadow:var(--shadow-sm);
}
[data-theme="dark"] .invoice-preview{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,248,255,.96));
  color:#172033;
}
.invoice-preview-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding-bottom:16px;
  border-bottom:2px solid #dbe4f0;
}
.invoice-preview h3{
  margin:0;
  font-size:24px;
  line-height:1.15;
  letter-spacing:-.03em;
  color:#111827;
}
.invoice-preview .inv-meta{
  color:#4b5563;
  font-size:.88rem;
  text-align:right;
}
.invoice-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:18px;
}
.invoice-box{
  padding:14px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#f9fafb;
}
.invoice-box-title{
  margin-bottom:8px;
  color:#6b7280;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.invoice-box p{
  margin:4px 0;
  color:#1f2937;
  font-size:.88rem;
}
.invoice-preview table{
  margin-top:18px;
  color:#172033;
  border-color:#e5e7eb;
}
.invoice-preview th{
  color:#4b5563;
  background:#eef2ff;
  border-color:#e5e7eb;
}
.invoice-preview td{border-color:#e5e7eb;}
.invoice-total-line{
  margin-top:14px;
  display:flex;
  justify-content:flex-end;
}
.invoice-total-line strong{
  min-width:260px;
  padding:14px 16px;
  border-radius:12px;
  background:#eff6ff;
  color:#111827;
  text-align:right;
  font-size:20px;
}
.invoice-note-preview{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #e5e7eb;
  color:#4b5563;
  font-size:.84rem;
}
.invoice-actions-note{
  margin-top:10px;
  color:var(--muted);
  font-size:.82rem;
}

.faq-grid{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.faq-item{
  padding:16px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:linear-gradient(135deg,var(--glass),rgba(37,99,235,.045));
}
.faq-item h3{
  margin:0 0 8px;
  color:var(--text);
  font-size:1rem;
  font-weight:800;
  letter-spacing:-.01em;
}
.faq-item p{
  margin:0;
  color:var(--muted);
  font-size:.92rem;
}



@media(max-width:900px){
  .hdr{align-items:flex-start;}
  .tabs-nav{overflow:auto;}
  .tab-btn{flex:0 0 auto;white-space:nowrap;}
  .layout-grid{grid-template-columns:1fr;}
  .form-grid{grid-template-columns:1fr;}
  .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .rate-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .converter-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .wrap{padding:18px 14px 36px;}
  .hdr{padding:18px;flex-direction:row;}
  .subtitle{font-size:.82rem;}
  .card{padding:18px;}
  .placeholder-row{align-items:flex-start;flex-direction:column;}
  .result-grid{grid-template-columns:1fr;}
  .rate-grid{grid-template-columns:1fr;}
  .footer{align-items:flex-start;flex-direction:column;}
}


.static-nav .tab-btn{
  text-decoration:none;
  text-align:center;
  display:block;
}
.static-nav .tab-btn.active-page{color:#fff;box-shadow:0 4px 18px var(--accent-glow);}
.static-nav .tab-btn.active-page::before{opacity:1;}
.static-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.36fr);
  gap:20px;
  align-items:start;
}
.about-layout-full{grid-template-columns:1fr;}
.static-content h2{margin-top:22px;}
.static-content h2:first-child{margin-top:0;}
.static-content p,
.static-content li{
  color:var(--muted);
  font-size:.96rem;
}
.static-content p{margin:10px 0;}

/* v22.13.58 — article list layout safety: keep ordered/unordered markers inside every article card */
.static-content ul,
.static-content ol{
  width:100%;
  max-width:100%;
  margin:12px 0;
  padding-left:2.25rem;
  padding-inline-start:2.25rem;
  list-style-position:outside;
}
.static-content ul ul,
.static-content ul ol,
.static-content ol ul,
.static-content ol ol{
  margin:8px 0;
  padding-left:1.75rem;
  padding-inline-start:1.75rem;
}
.static-content li{
  min-width:0;
  padding-left:.2rem;
  padding-inline-start:.2rem;
  overflow-wrap:break-word;
  word-break:normal;
}
.static-content li + li{margin-top:8px;}
.static-content li::marker{
  color:var(--text);
  font-weight:700;
}
@media(max-width:520px){
  .static-content ul,
  .static-content ol{
    padding-left:2rem;
    padding-inline-start:2rem;
  }
  .static-content ul ul,
  .static-content ul ol,
  .static-content ol ul,
  .static-content ol ol{
    padding-left:1.55rem;
    padding-inline-start:1.55rem;
  }
}

.static-content strong{color:var(--text);}
.static-card-list{display:grid;gap:12px;margin-top:14px;}
.static-card-list .placeholder-row{align-items:flex-start;}
.static-card-list .placeholder-row span{line-height:1.45;}
@media(max-width:900px){.static-layout{grid-template-columns:1fr;}}


/* Clean knowledge base page */
.knowledge-hero{
  position:relative;
  overflow:hidden;
  padding:28px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.18), transparent 36%),
    radial-gradient(circle at bottom right, rgba(250,204,21,.10), transparent 34%),
    var(--card);
}
.knowledge-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(250,204,21,.28);
  background:rgba(250,204,21,.08);
  color:var(--accent2);
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:12px;
}
.knowledge-title{
  font-size:clamp(28px,4vw,46px);
  line-height:1.05;
  letter-spacing:-.045em;
  margin:0 0 12px;
}
.knowledge-subtitle{
  color:var(--muted);
  max-width:820px;
  font-size:1.02rem;
  line-height:1.65;
}
.knowledge-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.knowledge-pill{
  border:1px solid var(--border);
  background:rgba(255,255,255,.045);
  border-radius:999px;
  padding:9px 12px;
  color:var(--text);
  font-size:.86rem;
  font-weight:800;
}
.knowledge-section{
  margin-top:18px;
}
.knowledge-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.knowledge-section-head h2{
  margin:0;
  font-size:22px;
}
.knowledge-section-head p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:.92rem;
}
.featured-grid,
.knowledge-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.knowledge-grid.compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.article-card{
  display:block;
  min-height:128px;
  padding:16px;
  border-radius:16px;
  border:1px solid var(--border);
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  text-decoration:none;
  color:var(--text);
  transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.article-card:hover{
  transform:translateY(-2px);
  border-color:rgba(250,204,21,.35);
  box-shadow:0 16px 42px rgba(0,0,0,.28);
  background:linear-gradient(145deg,rgba(37,99,235,.12),rgba(250,204,21,.055));
}
.article-card.featured{
  min-height:154px;
  border-color:rgba(250,204,21,.24);
  background:
    radial-gradient(circle at top right, rgba(250,204,21,.13), transparent 34%),
    linear-gradient(145deg,rgba(37,99,235,.11),rgba(255,255,255,.035));
}
.article-label{
  display:inline-flex;
  margin-bottom:10px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(37,99,235,.12);
  border:1px solid rgba(37,99,235,.20);
  color:#b9cdfd;
  font-size:.72rem;
  font-weight:900;
}
.article-title{
  display:block;
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.25;
  margin-bottom:8px;
}
.article-desc{
  display:block;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.45;
}
.article-more{
  display:inline-flex;
  margin-top:12px;
  color:var(--accent2);
  font-size:.84rem;
  font-weight:900;
}
.knowledge-cta{
  margin-top:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border:1px solid rgba(250,204,21,.22);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(250,204,21,.09),rgba(37,99,235,.08));
}
.knowledge-cta strong{display:block;color:var(--text);margin-bottom:4px;}
.knowledge-cta span{display:block;color:var(--muted);font-size:.9rem;}
.knowledge-cta .btn-s{text-decoration:none;white-space:nowrap;}
.footer.simple-footer{
  align-items:flex-start;
}
.footer.simple-footer .footer-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-basis:100%;
  flex-wrap:wrap;
}
.footer.simple-footer .footer-links{
  gap:8px 10px;
}
@media(max-width:900px){
  .featured-grid,
  .knowledge-grid,
  .knowledge-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .knowledge-hero{padding:22px;}
  .featured-grid,
  .knowledge-grid,
  .knowledge-grid.compact{grid-template-columns:1fr;}
  .knowledge-section-head{display:block;}
  .knowledge-cta{display:block;}
  .knowledge-cta .btn-s{display:inline-flex;margin-top:12px;}
}


.article-lead{
  color:var(--muted);
  font-size:1.05rem;
  line-height:1.65;
  margin:12px 0 20px;
}
.info-box{
  margin:16px 0;
  padding:16px 18px;
  border:1px solid var(--glass-brd);
  border-radius:var(--radius-sm);
  background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(250,204,21,.055));
}
.info-box strong{color:var(--text);}
.article-table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
  border-radius:var(--radius-sm);
  margin:16px 0;
  border:1px solid var(--border);
}
.article-table th,.article-table td{
  padding:12px 14px;
  border-bottom:1px solid var(--border);
  text-align:left;
  vertical-align:top;
  color:var(--muted);
  font-size:.92rem;
}
.article-table th{color:var(--text);background:rgba(37,99,235,.10);font-weight:800;}
.article-table tr:last-child td{border-bottom:0;}
.article-note{
  margin-top:20px;
  padding:16px 18px;
  border:1px solid rgba(245,158,11,.28);
  border-radius:var(--radius-sm);
  background:var(--warn-bg);
  color:var(--muted);
}
.source-list a{color:var(--text);}

.read-also{
  margin:26px 0 20px;
  padding:18px;
  border:1px solid rgba(250,204,21,.18);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(250,204,21,.07),rgba(37,99,235,.055));
}
.read-also-kicker{
  color:var(--accent2);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.read-also-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.read-also-grid a{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:98px;
  padding:13px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background:rgba(255,255,255,.045);
  color:var(--text);
  text-decoration:none;
}
.read-also-grid a:hover{
  border-color:rgba(250,204,21,.32);
  transform:translateY(-1px);
}
.read-also-grid strong{font-size:.94rem;line-height:1.25;color:var(--text);}
.read-also-grid span{font-size:.82rem;line-height:1.45;color:var(--muted);}
@media (max-width:820px){.read-also-grid{grid-template-columns:1fr;}.read-also-grid a{min-height:auto;}}

/* v22.2 consolidated page-specific additions */
.contacts-layout-full{grid-template-columns:1fr;}
.privacy-layout{display:block;}
.privacy-layout > div{width:100%;}
@media(max-width:900px){.privacy-layout{display:block;}}

/* v22.12 — mobile smoothness polish: lighter rendering on touch devices only */
@media (max-width: 768px), (pointer: coarse) {
  .hdr,
  .tabs-nav,
  .static-nav,
  .card,
  .modal-content,
  .read-also,
  .read-also-grid a,
  .article-table,
  .info-box,
  .article-note {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .hdr,
  .tabs-nav,
  .static-nav,
  .card,
  .modal-content,
  .read-also,
  .read-also-grid a,
  .article-note {
    box-shadow: 0 8px 22px rgba(0,0,0,.14);
  }

  [data-theme="light"] .hdr,
  [data-theme="light"] .tabs-nav,
  [data-theme="light"] .static-nav,
  [data-theme="light"] .card,
  [data-theme="light"] .modal-content,
  [data-theme="light"] .read-also,
  [data-theme="light"] .read-also-grid a,
  [data-theme="light"] .article-note {
    box-shadow: 0 8px 20px rgba(15,23,42,.07);
  }

  .ua-flag-premium {
    filter: drop-shadow(0 8px 16px rgba(37,99,235,.22)) drop-shadow(0 4px 12px rgba(250,204,21,.16));
  }

  .ua-flag-premium::before {
    animation: uaFlagAura 6.8s ease-in-out infinite;
    filter: none;
    opacity: .32;
    will-change: transform, opacity;
  }

  .ua-flag-cloth,
  .ua-flag-blue,
  .ua-flag-gold,
  .ua-flag-sheen,
  .ua-flag-folds,
  .ua-flag-ridge,
  .ua-flag-edge,
  .ua-flag-free-edge,
  .ua-flag-pole-shine {
    animation: none;
    filter: none;
    will-change: auto;
  }

  .ua-flag-cloth {
    animation: uaFlagClothWave 5.9s cubic-bezier(.42,0,.22,1) infinite;
    will-change: transform;
  }

  .ua-flag-blue {
    animation: uaFlagBlueBreath 7.2s ease-in-out infinite;
    will-change: opacity;
  }

  .ua-flag-gold {
    animation: uaFlagGoldBreath 7.2s ease-in-out infinite;
    will-change: opacity;
  }

  .ua-flag-sheen {
    animation: uaFlagSheenSlide 8s ease-in-out infinite;
    opacity: .42;
    will-change: transform, opacity;
  }

  .ua-flag-folds,
  .ua-flag-ridge {
    opacity: .14;
  }

  .ua-flag-edge,
  .ua-flag-free-edge {
    opacity: .58;
  }

  .ua-flag-free-edge {
    animation: uaFlagFreeEdge 6.6s ease-in-out infinite;
    will-change: transform, opacity;
  }

  .ua-flag-pole-shine {
    opacity: .18;
  }

  .tab-btn,
  .btn,
  .read-also-grid a,
  .theme-toggle,
  .toggle-track,
  .toggle-thumb {
    transition-duration: .12s;
  }

  .tab-btn:hover,
  .btn:hover,
  .read-also-grid a:hover,
  .static-nav .tab-btn:hover {
    transform: none;
  }

  .table-wrap,
  .tabs-nav,
  .static-nav {
    -webkit-overflow-scrolling: touch;
  }
}


/* v22.12.1 — keep motion preferences respected after mobile flag polish */
@media (prefers-reduced-motion: reduce) {
  .ua-flag-premium::before,
  .ua-flag-cloth,
  .ua-flag-blue,
  .ua-flag-gold,
  .ua-flag-sheen,
  .ua-flag-folds,
  .ua-flag-ridge,
  .ua-flag-edge,
  .ua-flag-free-edge,
  .ua-flag-pole-shine {
    animation: none !important;
    will-change: auto !important;
  }
}

/* v22.12.2 — mobile browser smoothness polish for Android/iPhone */
@media (max-width: 768px), (pointer: coarse) {
  html {
    -webkit-text-size-adjust: 100%;
  }

  .hdr,
  .tabs-nav,
  .static-nav,
  .footer,
  .toast,
  .ua-flag-premium {
    backface-visibility: hidden;
    transform: translateZ(0);
  }

  .tab-btn,
  .btn,
  .btn-s,
  .read-also-grid a,
  .theme-toggle,
  .toggle-track,
  .toggle-thumb,
  .article-card {
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(37,99,235,.14);
    transition-property: transform, opacity, color, border-color, background-color;
  }

  .tab-btn:active,
  .btn:active,
  .btn-s:active,
  .read-also-grid a:active,
  .article-card:active {
    transform: scale(.992);
  }

  .card,
  .article-card,
  .read-also,
  .article-note {
    background-attachment: scroll;
  }
}



/* v22.12.3 — mobile layout safety: prevent narrow multi-column cards */
@media (max-width: 900px) {
  .featured-grid,
  .knowledge-grid,
  .knowledge-grid.compact,
  .article-topic-grid,
  .rate-grid,
  .knowledge-search-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .featured-grid,
  .knowledge-grid,
  .knowledge-grid.compact,
  .article-topic-grid,
  .result-grid,
  .rate-grid,
  .converter-grid,
  .form-grid,
  .faq-grid,
  .knowledge-search-results,
  .invoice-columns,
  .layout-grid {
    grid-template-columns: 1fr !important;
  }

  .article-card,
  .featured-card,
  .article-topic,
  .result-card,
  .currency-card,
  .search-result-card,
  .static-card-list > *,
  .faq-item {
    min-width: 0;
    min-height: auto;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .article-card small,
  .article-card strong,
  .article-card span,
  .article-label,
  .featured-card small,
  .featured-card strong,
  .featured-card span,
  .article-topic h3,
  .article-chip,
  .result-card,
  .currency-card,
  .search-result-card {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
  }
}

/* v22.12.4 — mobile overflow and glow cleanup */
@media (max-width: 768px), (pointer: coarse) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  body::before {
    opacity: .42;
  }

  .hdr,
  .site-nav,
  .tabs-nav,
  .static-nav,
  .card,
  .hero,
  .calc,
  .modal-content,
  .article-card,
  .featured-card,
  .quick-link,
  .knowledge-card,
  .faq-item,
  .result-card,
  .currency-card,
  .search-result-card,
  .test-card,
  .fop-test-section,
  .fop-test-question {
    max-width: 100%;
    box-sizing: border-box;
  }

  [data-theme="light"] .hdr,
  [data-theme="light"] .site-nav,
  [data-theme="light"] .tabs-nav,
  [data-theme="light"] .static-nav,
  [data-theme="light"] .card,
  [data-theme="light"] .hero,
  [data-theme="light"] .calc,
  [data-theme="light"] .modal-content,
  [data-theme="light"] .article-card,
  [data-theme="light"] .featured-card,
  [data-theme="light"] .quick-link,
  [data-theme="light"] .knowledge-card,
  [data-theme="light"] .faq-item,
  [data-theme="light"] .result-card,
  [data-theme="light"] .currency-card,
  [data-theme="light"] .search-result-card,
  [data-theme="light"] .knowledge-search {
    box-shadow: 0 5px 16px rgba(15,23,42,.055) !important;
  }

  .site-nav,
  .tabs-nav,
  .static-nav {
    width: 100%;
    overflow: visible !important;
    scrollbar-width: none;
  }

  .site-nav::-webkit-scrollbar,
  .tabs-nav::-webkit-scrollbar,
  .static-nav::-webkit-scrollbar {
    display: none;
  }

  .tabs-nav,
  .static-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .tab-btn,
  .static-nav .tab-btn {
    width: 100%;
    min-width: 0 !important;
    flex: initial !important;
    white-space: normal !important;
    line-height: 1.18;
    text-align: center;
  }

  .tab-btn.active,
  .static-nav .tab-btn.active-page,
  .site-nav a.active {
    box-shadow: 0 4px 12px rgba(37,99,235,.18) !important;
  }

  .tab-btn::before,
  .static-nav .tab-btn::before {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 72%, #d9a91a 100%);
  }

  .theme-toggle,
  .toggle-track,
  .toggle-thumb {
    filter: none !important;
  }

  .toggle-track {
    box-shadow: inset 0 1px 4px rgba(15,23,42,.22), 0 2px 8px rgba(37,99,235,.08) !important;
  }

  .toggle-thumb {
    box-shadow: 0 1px 5px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,.35) !important;
  }
}

@media (max-width: 520px) {
  .site-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    overflow: visible !important;
  }

  .site-nav a {
    width: 100%;
    min-width: 0 !important;
    flex: initial !important;
    white-space: normal;
    line-height: 1.18;
    text-align: center;
  }
}

/* v22.12.5 — fix v22.12.4 nav regression: desktop stays rich, mobile tabs stay clickable */
@media (min-width: 769px) {
  .tabs-nav {
    display: flex !important;
    grid-template-columns: none !important;
    overflow: visible !important;
  }

  .tabs-nav .tab-btn {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  .static-nav,
  .site-nav {
    display: flex !important;
    grid-template-columns: none !important;
  }
}

@media (min-width: 769px) and (pointer: coarse) {
  .tabs-nav .tab-btn::before,
  .static-nav .tab-btn::before,
  .site-nav a.active {
    filter: none !important;
  }

  .tabs-nav .tab-btn.active::before,
  .static-nav .tab-btn.active-page::before {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  }
}

@media (max-width: 768px) {
  .tabs-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    overscroll-behavior-x: contain;
  }

  .tabs-nav .tab-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: min(180px, 58vw) !important;
    max-width: 78vw;
    white-space: nowrap !important;
    scroll-snap-align: start;
    text-align: center;
  }

  .tabs-nav .tab-btn,
  .tabs-nav .tab-btn span {
    pointer-events: auto;
  }

  .tabs-nav .tab-btn::before,
  .static-nav .tab-btn::before {
    pointer-events: none;
  }

  .tabs-nav .tab-btn.active::before,
  .static-nav .tab-btn.active-page::before {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  }

  .tabs-nav .tab-btn.active,
  .static-nav .tab-btn.active-page,
  .site-nav a.active {
    box-shadow: 0 4px 12px rgba(37,99,235,.14) !important;
    filter: none !important;
  }

  [data-theme="light"] .tabs-nav .tab-btn:not(.active),
  [data-theme="light"] .static-nav .tab-btn:not(.active-page),
  [data-theme="light"] .site-nav a:not(.active) {
    color: #4b5870 !important;
    opacity: 1 !important;
  }
}

@media (max-width: 520px) {
  .site-nav,
  .static-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
    overflow: visible !important;
  }

  .site-nav a,
  .static-nav .tab-btn {
    width: 100%;
    min-width: 0 !important;
    flex: initial !important;
    white-space: normal !important;
    line-height: 1.18;
    text-align: center;
  }
}

/* v22.13.2 — active button glow cleanup: keep yellow as an accent, but remove dirty yellow glare from active navigation controls */
.site-nav a.active,
.static-nav .tab-btn.active-page,
.tabs-nav .tab-btn.active {
  filter: none !important;
  box-shadow: 0 8px 22px rgba(37,99,235,.18) !important;
}

.site-nav a.active {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}

.static-nav .tab-btn.active-page::before,
.tabs-nav .tab-btn.active::before {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  opacity: 1 !important;
}

.site-nav a.active:hover,
.static-nav .tab-btn.active-page:hover,
.tabs-nav .tab-btn.active:hover {
  filter: none !important;
  box-shadow: 0 10px 24px rgba(37,99,235,.20) !important;
}

[data-theme="light"] .site-nav a.active,
[data-theme="light"] .static-nav .tab-btn.active-page,
[data-theme="light"] .tabs-nav .tab-btn.active {
  box-shadow: 0 8px 20px rgba(37,99,235,.16) !important;
}

.theme-toggle,
.toggle-track,
.toggle-thumb {
  filter: none !important;
}

.toggle-track {
  box-shadow: inset 0 1px 6px rgba(0,0,0,.28), 0 3px 10px rgba(37,99,235,.12) !important;
}

.toggle-thumb {
  box-shadow: 0 2px 8px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.30) !important;
}

[data-theme="light"] .toggle-track {
  box-shadow: inset 0 1px 5px rgba(146,64,14,.16), 0 3px 10px rgba(15,23,42,.08) !important;
}

@media (max-width: 768px), (pointer: coarse) {
  .site-nav a.active,
  .static-nav .tab-btn.active-page,
  .tabs-nav .tab-btn.active {
    box-shadow: 0 5px 14px rgba(37,99,235,.15) !important;
  }

  .site-nav a.active:hover,
  .static-nav .tab-btn.active-page:hover,
  .tabs-nav .tab-btn.active:hover {
    box-shadow: 0 5px 14px rgba(37,99,235,.15) !important;
  }

  .toggle-track {
    box-shadow: inset 0 1px 5px rgba(0,0,0,.24), 0 2px 8px rgba(37,99,235,.09) !important;
  }
}


@supports not (overflow-x: clip){
  @media (max-width: 768px), (pointer: coarse){
    html,
    body{overflow-x:hidden;}
  }
}

/* v22.13.20 — mobile nav active text contrast fix */
.site-nav a.active,
.site-nav a.active:visited,
.site-nav a.active:hover,
.site-nav a.active:focus,
.site-nav a.active:focus-visible,
.static-nav .tab-btn.active-page,
.static-nav .tab-btn.active-page:hover,
.static-nav .tab-btn.active-page:focus-visible,
.tabs-nav .tab-btn.active,
.tabs-nav .tab-btn.active:hover,
.tabs-nav .tab-btn.active:focus-visible{
  color:#fff !important;
}
.site-nav a.active *,
.static-nav .tab-btn.active-page *,
.tabs-nav .tab-btn.active *{
  color:#fff !important;
}


/* v22.13.22 — final active nav text contrast on mobile/light theme */
.site-nav a.active,
.site-nav a.active:visited,
.site-nav a.active:hover,
.site-nav a.active:focus,
.site-nav a.active:focus-visible,
.static-nav .tab-btn.active-page,
.static-nav .tab-btn.active-page:visited,
.static-nav .tab-btn.active-page:hover,
.static-nav .tab-btn.active-page:focus,
.static-nav .tab-btn.active-page:focus-visible,
.tabs-nav .tab-btn.active,
.tabs-nav .tab-btn.active:visited,
.tabs-nav .tab-btn.active:hover,
.tabs-nav .tab-btn.active:focus,
.tabs-nav .tab-btn.active:focus-visible{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.site-nav a.active *,
.static-nav .tab-btn.active-page *,
.tabs-nav .tab-btn.active *{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* v22.13.23 — final active navigation contrast fix */
.site-nav a.active,
.site-nav a.active:link,
.site-nav a.active:visited,
.site-nav a.active:hover,
.site-nav a.active:focus,
.site-nav a.active:focus-visible,
.static-nav .tab-btn.active-page,
.static-nav .tab-btn.active-page:link,
.static-nav .tab-btn.active-page:visited,
.static-nav .tab-btn.active-page:hover,
.static-nav .tab-btn.active-page:focus,
.static-nav .tab-btn.active-page:focus-visible,
.tabs-nav .tab-btn.active,
.tabs-nav .tab-btn.active:link,
.tabs-nav .tab-btn.active:visited,
.tabs-nav .tab-btn.active:hover,
.tabs-nav .tab-btn.active:focus,
.tabs-nav .tab-btn.active:focus-visible{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
}

.site-nav a.active *,
.static-nav .tab-btn.active-page *,
.tabs-nav .tab-btn.active *{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
}