@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:hidden;
  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;
}

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;}


.site-nav{
  display:flex;
  gap:8px;
  align-items:center;
  margin:-6px 0 18px;
  padding:6px;
  background:var(--card);
  border:1px solid var(--glass-brd);
  border-radius:var(--radius);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow-sm);
}
.site-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:14px;
  color:var(--muted);
  text-decoration:none;
  font-weight:800;
  font-size:.9rem;
  transition:color .2s,background .2s,transform .12s,box-shadow .2s;
  white-space:nowrap;
}
.site-nav a:hover{
  color:var(--text);
  background:rgba(37,99,235,.08);
}
.site-nav a.active{
  color:#fff;
  background:linear-gradient(135deg,var(--accent),#1d4ed8 56%,var(--accent2));
  box-shadow:0 4px 18px var(--accent-glow);
}
.site-nav a.active:hover{transform:translateY(-1px);}

.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;
}
.invoice-layout-full{
  grid-template-columns:1fr;
}
.invoice-layout-full > div{
  width:100%;
}
.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;}
.seo-list{
  margin:12px 0 0;
  padding-left:20px;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.7;
}
.seo-list li + li{margin-top:6px;}


.articles-hub{
  position:relative;
  overflow:hidden;
}
.articles-hub::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 0%,rgba(250,204,21,.09),transparent 34%),
    radial-gradient(circle at 92% 8%,rgba(37,99,235,.11),transparent 32%);
}
.articles-hub > *{position:relative;z-index:1;}
.articles-hub-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.hub-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--accent2);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.hub-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--accent2);
  box-shadow:0 0 18px rgba(250,204,21,.55);
}
.hub-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.hub-stat{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border:1px solid rgba(250,204,21,.22);
  border-radius:999px;
  background:rgba(250,204,21,.07);
  color:var(--text);
  font-size:.82rem;
  font-weight:800;
  white-space:nowrap;
}
.popular-more-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 13px;
  border:1px solid rgba(250,204,21,.35);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(250,204,21,.16),rgba(37,99,235,.06));
  color:var(--accent2);
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.popular-more-link:hover{
  border-color:rgba(250,204,21,.58);
  transform:translateY(-1px);
}
.featured-materials{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr;
  gap:12px;
  margin:18px 0;
}
.featured-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:142px;
  padding:18px;
  border:1px solid rgba(250,204,21,.18);
  border-radius:var(--radius-sm);
  background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(250,204,21,.075));
  color:var(--text);
  text-decoration:none;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.featured-card:first-child{
  border-color:rgba(250,204,21,.32);
  background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(37,99,235,.10));
}
.featured-card:hover{
  transform:translateY(-2px);
  border-color:rgba(250,204,21,.50);
  box-shadow:0 14px 32px rgba(2,6,23,.22);
}
.featured-card small{
  color:var(--accent2);
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.featured-card strong{
  font-size:1.04rem;
  line-height:1.25;
}
.featured-card span{
  color:var(--muted);
  font-size:.88rem;
  line-height:1.5;
}
.article-topic-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.article-topic{
  padding:15px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:rgba(15,23,42,.42);
}
.article-topic h3{
  margin:0 0 10px;
  color:var(--text);
  font-size:.98rem;
  font-weight:900;
}
.article-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.article-chip{
  display:inline-flex;
  align-items:center;
  padding:7px 9px;
  border:1px solid rgba(148,163,184,.20);
  border-radius:999px;
  color:var(--muted);
  background:rgba(15,23,42,.62);
  text-decoration:none;
  font-size:.82rem;
  line-height:1.2;
}
.article-chip:hover{
  color:var(--text);
  border-color:rgba(250,204,21,.42);
  background:rgba(250,204,21,.07);
}

.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);}

.calc-details{
  margin-top:12px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:linear-gradient(135deg,var(--glass),rgba(16,185,129,.035));
  overflow:hidden;
}
.calc-details summary{
  cursor:pointer;
  list-style:none;
  padding:13px 15px;
  color:var(--text);
  font-size:.9rem;
  font-weight:900;
}
.calc-details summary::-webkit-details-marker{display:none;}
.calc-details summary::after{
  content:"+";
  float:right;
  color:var(--accent2);
  font-weight:900;
  margin-left:12px;
}
.calc-details[open] summary::after{content:"−";}
.calc-details ul{
  margin:0;
  padding:0 15px 14px 31px;
  color:var(--muted);
  font-size:.86rem;
  line-height:1.6;
}
.calc-details li{margin-top:6px;}
.calc-version{
  margin-top:12px;
  padding:11px 13px;
  border:1px solid rgba(16,185,129,.25);
  border-radius:var(--radius-sm);
  background:var(--ok-bg);
  color:var(--text);
  font-size:.86rem;
}
.calc-version strong{color:var(--text);}

.calc-error{
  display:none;
  margin-top:8px;
  padding:9px 11px;
  border:1px solid rgba(239,68,68,.25);
  border-radius:12px;
  background:rgba(239,68,68,.10);
  color:#fecaca;
  font-size:.84rem;
  font-weight:800;
}
[data-theme="light"] .calc-error{color:#991b1b;background:#fef2f2;border-color:#fecaca;}
.calc-error.show{display:block;}
.input-error{border-color:rgba(239,68,68,.70) !important;box-shadow:0 0 0 4px rgba(239,68,68,.12) !important;}
.calc-warning-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.calc-warning-item{
  padding:10px 12px;
  border:1px solid rgba(245,158,11,.30);
  border-radius:14px;
  background:var(--warn-bg);
  color:var(--text);
  font-size:.86rem;
  line-height:1.45;
}
.calc-warning-item.ok{border-color:rgba(16,185,129,.28);background:var(--ok-bg);}
.calc-result-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:13px;
}
.calc-copy-status{
  min-height:1.2em;
  color:var(--muted);
  font-size:.83rem;
  font-weight:800;
}
.quick-presets{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.quick-preset-note{
  margin-top:12px;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.45;
  font-weight:700;
}
.quick-preset-note strong{color:var(--text);}
.preset-btn{
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--glass);
  color:var(--text);
  padding:8px 11px;
  font-size:.82rem;
  font-weight:900;
  cursor:pointer;
}
.preset-btn:hover{border-color:rgba(59,130,246,.55);transform:translateY(-1px);}
.mini-checklist{
  margin-top:12px;
  padding:13px 15px;
  border:1px solid rgba(59,130,246,.22);
  border-radius:var(--radius-sm);
  background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(16,185,129,.05));
}
.mini-checklist strong{display:block;margin-bottom:7px;color:var(--text);}
.mini-checklist ul{margin:0;padding-left:18px;color:var(--muted);font-size:.86rem;line-height:1.55;}
.mini-checklist li{margin-top:4px;}
.compare-box{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.compare-box .result-value{font-size:1.05rem;}
.compare-note{
  margin-top:10px;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.45;
}
.mode-help{
  margin-top:7px;
  color:var(--muted);
  font-size:.78rem;
}


.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:#fff;
  color:#172033;
}
.invoice-preview-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding-bottom:16px;
  border-bottom:1px solid #d1d5db;
}
.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:#fff;
}
.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:#374151;
  background:#f3f4f6;
  border-color:#d1d5db;
}
.invoice-preview th:nth-child(4),
.invoice-preview th:nth-child(5),
.invoice-preview th:nth-child(6),
.invoice-preview td:nth-child(4),
.invoice-preview td:nth-child(5),
.invoice-preview td:nth-child(6){
  text-align:right;
}
.invoice-preview .table-wrap{
  border-color:#d1d5db;
}
.invoice-preview table{
  border-collapse:collapse;
}
.invoice-preview th,
.invoice-preview td{
  border:1px solid #d1d5db;
}
.invoice-preview td{border-color:#d1d5db;}
.invoice-total-line{
  margin-top:14px;
  display:flex;
  justify-content:flex-end;
}
.invoice-summary-table{
  width:min(100%,390px);
  border-collapse:collapse;
  overflow:hidden;
  border:1px solid #d1d5db;
  border-radius:0;
  background:#fff;
  color:#172033;
  font-size:.9rem;
}
.invoice-summary-table td{
  padding:10px 12px;
  border:1px solid #d1d5db;
}
.invoice-summary-table tr:last-child td{border-bottom:0;}
.invoice-summary-table td:last-child{text-align:right;}
.invoice-summary-total td{
  background:#f3f4f6;
  color:#111827;
  font-size:1rem;
  font-weight:900;
}
.invoice-note-preview{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #d1d5db;
  color:#374151;
  font-size:.84rem;
}
.invoice-signature-preview{
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid #d1d5db;
  color:#172033;
  font-size:.9rem;
}
.invoice-signature-row{
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.invoice-signature-line{
  display:inline-block;
  min-width:180px;
  border-bottom:1px solid #111827;
  height:1.35em;
}
.invoice-signature-name{
  white-space:nowrap;
}
.invoice-actions-note{
  margin-top:10px;
  color:var(--muted);
  font-size:.82rem;
}


.invoice-storage-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:18px 0 8px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.035);
}
.invoice-remember-option{
  display:flex;
  align-items:flex-start;
  gap:10px;
  flex:1 1 320px;
  margin:0;
  color:var(--text);
  font-weight:750;
  line-height:1.45;
  cursor:pointer;
}
.invoice-remember-option input{
  width:18px;
  height:18px;
  min-width:18px;
  margin:2px 0 0;
  accent-color:var(--accent);
}
.invoice-clear-saved{
  flex:0 0 auto;
}
@media(max-width:640px){
  .invoice-storage-controls{align-items:stretch;}
  .invoice-clear-saved{width:100%;}
}

.invoice-items-editor{
  display:grid;
  gap:10px;
  margin-top:10px;
}
.invoice-item-row{
  display:grid;
  grid-template-columns:minmax(220px,1.45fr) minmax(90px,.55fr) minmax(90px,.45fr) minmax(130px,.65fr) auto;
  gap:10px;
  align-items:end;
  padding:12px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.035);
}
.invoice-item-row label{
  margin:0 0 6px;
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.invoice-item-field{min-width:0;}
.invoice-item-remove{
  min-height:42px;
  padding:10px 12px;
  border:1px solid rgba(244,63,94,.26);
  border-radius:var(--radius-sm);
  background:rgba(244,63,94,.08);
  color:var(--text);
  font-weight:800;
  cursor:pointer;
}
.invoice-item-remove:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.invoice-add-position{margin-top:12px;}
@media(max-width:900px){
  .invoice-item-row{grid-template-columns:1fr 1fr;}
  .invoice-item-remove{grid-column:1/-1;}
}
@media(max-width:640px){
  .invoice-item-row{grid-template-columns:1fr;}
}


.faq-clean .lead{margin-bottom:16px;}
.faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.faq-item{
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:linear-gradient(135deg,var(--glass),rgba(37,99,235,.04));
  overflow:hidden;
}
.faq-item summary{
  cursor:pointer;
  list-style:none;
  padding:15px 16px;
  color:var(--text);
  font-size:.95rem;
  font-weight:900;
  letter-spacing:-.01em;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
  content:"+";
  float:right;
  color:var(--accent2);
  font-weight:900;
  margin-left:12px;
}
.faq-item[open] summary::after{content:"−";}
.faq-item p{
  margin:0;
  padding:0 16px 15px;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.58;
}
.faq-item[open]{border-color:rgba(250,204,21,.26);}



@media(max-width:900px){
  .site-nav{overflow:auto;}
  .site-nav a{flex:0 0 auto;}
  .knowledge-entry-main{flex-direction:column;}
  .knowledge-quick{grid-template-columns:repeat(2,minmax(0,1fr));}
  .featured-materials{grid-template-columns:1fr;}
  .article-topic-grid{grid-template-columns:1fr;}
  .articles-hub-head{flex-direction:column;}
  .hub-actions{justify-content:flex-start;}
  .faq-grid{grid-template-columns:1fr;}
  .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){
  .knowledge-quick{grid-template-columns:1fr;}
  .quick-link{min-height:auto;}
  .featured-card{min-height:auto;}
  .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;}
}


/* v17: cleaner light theme, lower glow, higher readability */
[data-theme="light"]{
  --bg:#f6f8fc;
  --bg2:#eef3fa;
  --card:rgba(255,255,255,.98);
  --card2:rgba(248,250,252,.98);
  --glass:rgba(248,250,252,.92);
  --glass-brd:rgba(15,23,42,.10);
  --text:#172033;
  --muted:#526079;
  --border:rgba(15,23,42,.11);
  --accent-glow:rgba(37,99,235,.10);
  --accent2-glow:rgba(217,119,6,.08);
  --shadow:0 18px 46px rgba(15,23,42,.08);
  --shadow-sm:0 6px 20px rgba(15,23,42,.06);
  --pill:rgba(37,99,235,.045);
  --inp:rgba(255,255,255,.98);
}
[data-theme="light"] body{
  background:linear-gradient(180deg,#f7f9fd 0%,#eef3fa 100%);
}
[data-theme="light"] body::before{
  opacity:.32;
  background:
    linear-gradient(rgba(15,23,42,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.025) 1px,transparent 1px);
}
[data-theme="light"] .card,
[data-theme="light"] .hdr,
[data-theme="light"] .site-nav,
[data-theme="light"] .tabs-nav{
  background:rgba(255,255,255,.98);
  border-color:rgba(15,23,42,.10);
  box-shadow:0 10px 30px rgba(15,23,42,.07);
}
[data-theme="light"] .seo-text,
[data-theme="light"] .faq-item,
[data-theme="light"] .result-card,
[data-theme="light"] .placeholder-row{
  background:#fff;
  border-color:rgba(15,23,42,.10);
}
[data-theme="light"] .tab-btn.active,
[data-theme="light"] .site-nav a.active{
  box-shadow:0 6px 18px rgba(37,99,235,.16);
}
[data-theme="light"] .hub-kicker,
[data-theme="light"] .article-more,
[data-theme="light"] .popular-more-link{
  color:#b45309;
}



/* v17: clean entry to knowledge base on home page */
.knowledge-entry-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.knowledge-entry-text{min-width:0;}
.knowledge-main-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid rgba(250,204,21,.34);
  background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(250,204,21,.10));
  color:var(--accent2);
  text-decoration:none;
  font-weight:900;
  white-space:nowrap;
}
.knowledge-main-link:hover{
  transform:translateY(-1px);
  border-color:rgba(250,204,21,.52);
}
.knowledge-quick{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.quick-link{
  display:block;
  min-height:132px;
  padding:16px;
  border-radius:16px;
  border:1px solid var(--border);
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  color:var(--text);
  text-decoration:none;
  transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.quick-link:hover{
  transform:translateY(-2px);
  border-color:rgba(250,204,21,.35);
  box-shadow:0 14px 32px rgba(2,6,23,.20);
  background:linear-gradient(145deg,rgba(37,99,235,.12),rgba(250,204,21,.055));
}
.quick-link small{
  display:inline-flex;
  margin-bottom:9px;
  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;
}
.quick-link strong{
  display:block;
  margin-bottom:7px;
  font-size:.98rem;
  line-height:1.25;
  letter-spacing:-.02em;
}
.quick-link span{
  display:block;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.45;
}

/* v22.13.1: desktop knowledge cards balance */
@media(min-width:901px){
  .knowledge-quick{grid-template-columns:repeat(5,minmax(0,1fr));}
  .quick-link{padding:14px;min-height:128px;}
  .quick-link strong{font-size:.94rem;}
  .quick-link span{font-size:.82rem;line-height:1.42;}
}

[data-theme="light"] .knowledge-main-link{
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  border-color:rgba(37,99,235,.22);
  color:#fff;
  box-shadow:0 8px 20px rgba(37,99,235,.14);
}
[data-theme="light"] .quick-link{
  background:#fff;
  border-color:rgba(37,99,235,.14);
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}
[data-theme="light"] .quick-link:hover{
  background:#f8fbff;
  border-color:rgba(37,99,235,.26);
  box-shadow:0 14px 30px rgba(15,23,42,.08);
}
[data-theme="light"] .quick-link small{
  color:#1d4ed8;
  background:#eaf2ff;
  border-color:#bfdbfe;
}

/* v22 utility classes replacing inline styles */
.mt-12{margin-top:12px;}
.mt-22{margin-top:22px;}


/* v22.4: local knowledge base search on the home page */
.home-search-section{
  margin:0 0 18px;
}
.knowledge-search{
  margin-top:0;
  border-color:rgba(37,99,235,.22);
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.12), transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.025));
}
.knowledge-search-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.knowledge-search-head h2{
  margin:6px 0 4px;
  font-size:22px;
  letter-spacing:-.02em;
}
.knowledge-search-head p{
  margin:0;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.55;
  max-width:760px;
}
.knowledge-search-kicker{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  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;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.knowledge-search-all{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(250,204,21,.28);
  background:rgba(250,204,21,.09);
  color:var(--accent2);
  text-decoration:none;
  font-size:.86rem;
  font-weight:900;
  transition:transform .16s ease,border-color .18s ease,background .18s ease;
}
.knowledge-search-all:hover{
  transform:translateY(-1px);
  border-color:rgba(250,204,21,.44);
  background:rgba(250,204,21,.14);
}
.knowledge-search-label{
  display:block;
  margin:0 0 8px;
  color:var(--text);
  font-weight:900;
  font-size:.9rem;
}
.knowledge-search-row{
  display:flex;
  gap:10px;
  align-items:center;
}
.knowledge-search-input{
  width:100%;
  min-height:48px;
  border-radius:14px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.055);
  color:var(--text);
  padding:0 14px;
  font:inherit;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.knowledge-search-input:focus{
  border-color:rgba(250,204,21,.42);
  box-shadow:0 0 0 4px rgba(250,204,21,.10);
  background:rgba(255,255,255,.075);
}
.knowledge-search-input::placeholder{
  color:rgba(229,231,235,.48);
}
.knowledge-search-clear{
  min-height:48px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(250,204,21,.30);
  background:rgba(250,204,21,.10);
  color:var(--text);
  font:inherit;
  font-weight:900;
  cursor:pointer;
  transition:transform .16s ease,border-color .18s ease,background .18s ease;
}
.knowledge-search-clear:hover{
  transform:translateY(-1px);
  border-color:rgba(250,204,21,.48);
  background:rgba(250,204,21,.16);
}
.knowledge-search-status{
  margin-top:10px;
  color:var(--muted);
  font-size:.88rem;
}
.knowledge-search-results{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.search-result-card{
  display:block;
  padding:14px;
  border-radius:15px;
  border:1px solid var(--border);
  background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.024));
  color:var(--text);
  text-decoration:none;
  transition:transform .16s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.search-result-card:hover{
  transform:translateY(-2px);
  border-color:rgba(250,204,21,.35);
  box-shadow:0 14px 34px rgba(0,0,0,.24);
  background:linear-gradient(145deg,rgba(37,99,235,.12),rgba(250,204,21,.055));
}
.search-result-label{
  display:inline-flex;
  margin-bottom:8px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(37,99,235,.12);
  border:1px solid rgba(37,99,235,.20);
  color:#b9cdfd;
  font-size:.7rem;
  font-weight:900;
}
.search-result-title{
  display:block;
  font-weight:900;
  line-height:1.25;
  letter-spacing:-.02em;
  margin-bottom:6px;
}
.search-result-desc{
  display:block;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.45;
}
.search-result-more{
  display:inline-flex;
  margin-top:10px;
  color:var(--accent2);
  font-size:.82rem;
  font-weight:900;
}
.search-empty-state{
  grid-column:1/-1;
  padding:14px;
  border-radius:15px;
  border:1px dashed rgba(250,204,21,.32);
  color:var(--muted);
  background:rgba(250,204,21,.055);
  font-size:.9rem;
}
[data-theme="light"] .knowledge-search{
  background:#ffffff;
  border-color:rgba(37,99,235,.14);
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}
[data-theme="light"] .knowledge-search-kicker,
[data-theme="light"] .search-result-label{
  color:#1d4ed8;
  background:#eaf2ff;
  border-color:#bfdbfe;
}
[data-theme="light"] .knowledge-search-input{
  background:#ffffff;
  border-color:rgba(37,99,235,.18);
}
[data-theme="light"] .knowledge-search-input:focus{
  border-color:rgba(37,99,235,.34);
  box-shadow:0 0 0 4px rgba(37,99,235,.09);
}
[data-theme="light"] .knowledge-search-input::placeholder{
  color:#94a3b8;
}
[data-theme="light"] .knowledge-search-clear{
  background:#fff7ed;
  border-color:#fed7aa;
  color:#9a3412;
}
[data-theme="light"] .knowledge-search-all{
  background:#fff7ed;
  border-color:#fed7aa;
  color:#9a3412;
}
[data-theme="light"] .search-result-card{
  background:#ffffff;
  border-color:rgba(37,99,235,.14);
  box-shadow:0 8px 20px rgba(15,23,42,.04);
}
[data-theme="light"] .search-result-card:hover{
  background:#f8fbff;
  border-color:rgba(37,99,235,.28);
  box-shadow:0 14px 30px rgba(15,23,42,.08);
}
[data-theme="light"] .search-result-more{
  color:#b45309;
}
[data-theme="light"] .search-empty-state{
  background:#fff7ed;
  border-color:#fed7aa;
  color:#9a3412;
}
@media(max-width:760px){
  .knowledge-search-head{display:block;}
  .knowledge-search-all{margin-top:12px;}
  .knowledge-search-row{display:block;}
  .knowledge-search-clear{width:100%;margin-top:10px;}
  .knowledge-search-results{grid-template-columns:1fr;}
}

/* v22.12 — mobile smoothness polish for homepage */
@media (max-width: 768px), (pointer: coarse) {
  .hdr,
  .site-nav,
  .tabs-nav,
  .card,
  .hero,
  .calc,
  .modal-content,
  .quick-grid a,
  .home-card,
  .feature-card,
  .seo-card,
  .article-card,
  .knowledge-card,
  .faq-item {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .hdr,
  .site-nav,
  .tabs-nav,
  .card,
  .hero,
  .calc,
  .modal-content,
  .quick-grid a,
  .home-card,
  .feature-card,
  .seo-card,
  .article-card,
  .knowledge-card,
  .faq-item {
    box-shadow: 0 8px 22px rgba(0,0,0,.14);
  }

  [data-theme="light"] .hdr,
  [data-theme="light"] .site-nav,
  [data-theme="light"] .tabs-nav,
  [data-theme="light"] .card,
  [data-theme="light"] .hero,
  [data-theme="light"] .calc,
  [data-theme="light"] .modal-content,
  [data-theme="light"] .quick-grid a,
  [data-theme="light"] .home-card,
  [data-theme="light"] .feature-card,
  [data-theme="light"] .seo-card,
  [data-theme="light"] .article-card,
  [data-theme="light"] .knowledge-card,
  [data-theme="light"] .faq-item {
    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,
  .quick-grid a,
  .home-card,
  .feature-card,
  .seo-card,
  .article-card,
  .knowledge-card,
  .theme-toggle,
  .toggle-track,
  .toggle-thumb {
    transition-duration: .12s;
  }

  .tab-btn:hover,
  .btn:hover,
  .quick-grid a:hover,
  .home-card:hover,
  .feature-card:hover,
  .seo-card:hover,
  .article-card:hover,
  .knowledge-card:hover {
    transform: none;
  }

  .table-wrap,
  .site-nav,
  .tabs-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,
  .site-nav,
  .tabs-nav,
  .footer,
  .ua-flag-premium {
    backface-visibility: hidden;
    transform: translateZ(0);
  }

  .tab-btn,
  .btn,
  .quick-grid a,
  .home-card,
  .feature-card,
  .seo-card,
  .article-card,
  .knowledge-card,
  .faq-item,
  .theme-toggle,
  .toggle-track,
  .toggle-thumb {
    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,
  .quick-grid a:active,
  .home-card:active,
  .feature-card:active,
  .seo-card:active,
  .article-card:active,
  .knowledge-card:active {
    transform: scale(.992);
  }

  .home-card,
  .feature-card,
  .seo-card,
  .article-card,
  .knowledge-card,
  .faq-item {
    background-attachment: scroll;
  }
}



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

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

  .knowledge-entry-main {
    align-items: stretch;
  }

  .knowledge-main-link {
    width: 100%;
    justify-content: center;
    text-align: center;
    white-space: normal;
  }

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

  .quick-link small,
  .quick-link strong,
  .quick-link span,
  .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: hidden;
  }

  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.12.6 — mobile tabs visible without swipe: important tab controls must not be hidden in horizontal scroll */
@media (max-width: 768px) {
  .tabs-nav:not(.static-nav) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    scroll-snap-type: none !important;
    overscroll-behavior-x: auto !important;
    -webkit-overflow-scrolling: auto;
  }

  .tabs-nav:not(.static-nav) .tab-btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: initial !important;
    white-space: normal !important;
    line-height: 1.15;
    min-height: 52px;
    padding: 12px 10px;
    scroll-snap-align: none !important;
    text-align: center;
  }

  .tabs-nav:not(.static-nav) .tab-btn span {
    display: block;
    white-space: normal !important;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }

  .tabs-nav:not(.static-nav) .tab-btn:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 340px) {
  .tabs-nav:not(.static-nav) {
    grid-template-columns: 1fr !important;
  }
}

/* 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;
  }
}



/* v22.13.3: restored lightweight test CTA panel */
.test-cta-panel{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) auto;
  align-items:center;
  gap:18px;
  margin-top:0;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(37,99,235,.12),rgba(250,204,21,.055)),
    var(--card);
}
.test-cta-panel::before{display:none;}
.test-cta-content{min-width:0;}
.test-cta-content .lead{max-width:760px;margin-bottom:0;}
.test-cta-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
}
.test-cta-primary,
.test-cta-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 16px;
  border-radius:999px;
  text-decoration:none;
  font-weight:900;
  white-space:nowrap;
  transition:transform .14s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.test-cta-primary{
  border:1px solid rgba(37,99,235,.34);
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff;
  box-shadow:0 10px 24px rgba(37,99,235,.16);
}
.test-cta-secondary{
  border:1px solid var(--border);
  background:rgba(255,255,255,.055);
  color:var(--text);
}
.test-cta-primary:hover,
.test-cta-secondary:hover{transform:translateY(-1px);}
.test-cta-secondary:hover{border-color:rgba(37,99,235,.30);}
[data-theme="light"] .test-cta-panel{
  background:linear-gradient(135deg,rgba(37,99,235,.08),rgba(250,204,21,.045)),#fff;
  border-color:rgba(37,99,235,.13);
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}
[data-theme="light"] .test-cta-secondary{
  background:#fff;
  border-color:rgba(37,99,235,.16);
  color:#172033;
}
@media(max-width:900px){
  .test-cta-panel{grid-template-columns:1fr;}
  .test-cta-actions{justify-content:flex-start;}
}
@media(max-width:640px){
  .test-cta-panel{
    gap:14px;
    background:var(--card);
    box-shadow:0 6px 18px rgba(15,23,42,.10);
  }
  .test-cta-actions{display:grid;grid-template-columns:1fr;width:100%;}
  .test-cta-primary,
  .test-cta-secondary{width:100%;white-space:normal;text-align:center;}
}
@media(max-width:768px),(pointer:coarse){
  .test-cta-primary,
  .test-cta-secondary{
    transition-property:transform,opacity,border-color,background-color;
    box-shadow:none;
  }
  .test-cta-primary:active,
  .test-cta-secondary:active{transform:translateY(1px);opacity:.96;}
}


/* v22.13.7 — make homepage test CTA visibly premium again without hurting mobile smoothness. */
.test-cta-panel{
  position:relative;
  border-color:rgba(250,204,21,.18);
  background:
    radial-gradient(circle at top right, rgba(250,204,21,.12), transparent 32%),
    radial-gradient(circle at bottom left, rgba(37,99,235,.12), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.028)),
    var(--card) !important;
}
.test-cta-panel::before{display:none !important;}
@media (max-width:768px),(pointer:coarse){
  .test-cta-panel{
    background:var(--card) !important;
    filter:none !important;
  }
}

/* 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;
}


/* v22.13.29: compact home knowledge search */
.knowledge-search-compact .knowledge-search-head-compact{
  align-items:flex-start;
  justify-content:flex-end;
  margin-bottom:8px;
}
.knowledge-search-compact .knowledge-search-label{
  margin:0 0 12px;
  font-size:1.08rem;
  line-height:1.25;
  letter-spacing:-.01em;
}
.knowledge-search-compact .knowledge-search-status:empty{
  display:none;
}
@media (max-width: 640px){
  .knowledge-search-compact .knowledge-search-head-compact{
    display:flex;
    justify-content:flex-start;
    margin-bottom:12px;
  }
  .knowledge-search-compact .knowledge-search-label{
    font-size:1.12rem;
  }
}

/* v22.13.30 — final global compact knowledge search */
.knowledge-search .knowledge-search-kicker,
.knowledge-search .knowledge-search-head h2,
.knowledge-search .knowledge-search-head p,
.knowledge-search > h2,
.knowledge-search > p,
.knowledge-search .knowledge-search-hint{
  display:none !important;
}
.knowledge-search .knowledge-search-status:empty{
  display:none !important;
}
.knowledge-search .knowledge-search-label{
  display:block !important;
  font-size:clamp(18px, 2.2vw, 24px) !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  margin:0 0 12px !important;
  color:var(--text) !important;
}


/* v22.13.36: highlighted closure article on home */
.quick-link.priority{border-color:rgba(250,204,21,.42);background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(250,204,21,.10));}
.quick-link.priority small{background:rgba(250,204,21,.18);color:#fde68a;border-color:rgba(250,204,21,.32);}
.quick-link.priority strong{color:#f8fafc;}
@media(min-width:980px){.quick-link.priority{grid-column:span 2;}}
[data-theme="light"] .quick-link.priority{background:linear-gradient(135deg,#eff6ff,#fff7ed);border-color:#fbbf24;}
[data-theme="light"] .quick-link.priority small{background:#fff7ed;color:#9a3412;border-color:#fed7aa;}
[data-theme="light"] .quick-link.priority strong{color:#0f172a;}