:root{
  --pink:#ff69b4;--dpink:#d1477a;--pink4:#ffe4e6;
  --blue:#1e3a8a;--blue5:#3b82f6;--blue6:#2563eb;
  --green:#10b981;
  --bg:#fff;--bg2:#f9fafb;--card:#fff;
  --txt:#1e3a8a;--txt2:#6b7280;--border:#e5e7eb;
  --g50:#f9fafb;--g100:#f3f4f6;--g200:#e5e7eb;--g300:#d1d5db;
  --g400:#9ca3af;--g500:#6b7280;--g600:#4b5563;
  --sh2:0 4px 6px -1px rgba(0,0,0,.1);--sh3:0 10px 15px -3px rgba(0,0,0,.1);--sh4:0 20px 25px -5px rgba(0,0,0,.15);
  --radius:14px;
}
[data-theme="dark"]{
  --bg:#0f172a;--bg2:#1e293b;--card:#1e293b;
  --txt:#e2e8f0;--txt2:#94a3b8;--border:#334155;
  --g50:#1e293b;--g100:#334155;--g200:#475569;--g300:#64748b;--g400:#94a3b8;--g500:#94a3b8;--g600:#cbd5e1;
  --sh2:0 4px 6px -1px rgba(0,0,0,.4);--sh3:0 10px 15px -3px rgba(0,0,0,.4);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,sans-serif;background:var(--bg2);color:var(--txt);line-height:1.6;transition:background .3s,color .3s}
[data-theme="light"] body{background:linear-gradient(135deg,#ffe4e6 0%,#fff 50%,#f9fafb 100%)}
.container{max-width:1200px;margin:0 auto;padding:0 2rem}

/* Controls */
.controls-bar{position:fixed;top:10px;right:14px;z-index:1000;display:flex;gap:8px}
.ctrl-btn{display:flex;align-items:center;gap:5px;padding:7px 13px;background:rgba(255,255,255,.95);border:2px solid var(--pink);border-radius:25px;cursor:pointer;font-weight:600;font-size:.82rem;color:var(--blue);transition:all .3s;box-shadow:var(--sh2);white-space:nowrap}
.ctrl-btn:hover{background:var(--pink);color:#fff}
.ctrl-btn i{color:var(--pink);font-size:.8rem}
.ctrl-btn:hover i{color:#fff}
[data-theme="dark"] .ctrl-btn{background:rgba(30,41,59,.95);color:var(--txt)}

/* Language */
/* Legacy EN/HI show-hide kept for any residual markup */
.lang-en{display:inline}.lang-hi{display:none}
[data-lang="hi"] .lang-en{display:none}[data-lang="hi"] .lang-hi{display:inline}

/* ── i18n: Indic + Urdu script support ── */
:root{--font-latin:inherit}
[data-lang="hi"],[data-lang="mr"]{font-family:'Noto Sans Devanagari',system-ui,sans-serif}
[data-lang="bn"],[data-lang="as"]{font-family:'Noto Sans Bengali',system-ui,sans-serif}
[data-lang="te"]{font-family:'Noto Sans Telugu',system-ui,sans-serif}
[data-lang="ta"]{font-family:'Noto Sans Tamil',system-ui,sans-serif}
[data-lang="gu"]{font-family:'Noto Sans Gujarati',system-ui,sans-serif}
[data-lang="kn"]{font-family:'Noto Sans Kannada',system-ui,sans-serif}
[data-lang="ml"]{font-family:'Noto Sans Malayalam',system-ui,sans-serif}
[data-lang="or"]{font-family:'Noto Sans Oriya',system-ui,sans-serif}
[data-lang="pa"]{font-family:'Noto Sans Gurmukhi',system-ui,sans-serif}
[data-lang="ur"]{font-family:'Noto Nastaliq Urdu',system-ui,sans-serif;line-height:2.1}

/* Indic scripts have taller glyphs — give labels and titles room */
[data-lang]:not([data-lang="en"]) label{line-height:1.5}
[data-lang]:not([data-lang="en"]) .card-ttl{line-height:1.45}

/* ── RTL (Urdu) ── */
[dir="rtl"] .fg,[dir="rtl"] .card-ttl,[dir="rtl"] .cat-ttl,[dir="rtl"] label{text-align:right}
[dir="rtl"] .card-top{flex-direction:row-reverse}
[dir="rtl"] .btn-grp{flex-direction:row-reverse}
[dir="rtl"] .search-wrap .si{left:auto;right:.75rem}
[dir="rtl"] .search-wrap .sc{right:auto;left:.75rem}
[dir="rtl"] .srch{padding-left:2rem;padding-right:2.3rem;text-align:right}
[dir="rtl"] .hsn-it{flex-direction:row-reverse}
[dir="rtl"] .slab-note{border-left:none;border-right:3px solid currentColor;border-radius:6px 0 0 6px}
[dir="rtl"] .rate-badge{margin-left:0;margin-right:.4rem}
/* Numeric inputs and the monospace result block stay LTR in every language */
[dir="rtl"] input[type="number"],[dir="rtl"] input[type="date"]{direction:ltr;text-align:right}
[dir="rtl"] pre,[dir="rtl"] .res-body{direction:ltr;text-align:left}

/* Language picker */
.lang-sel{appearance:none;background:transparent;border:none;color:inherit;font:inherit;font-size:.78rem;cursor:pointer;padding:0 .2rem;outline:none;max-width:9rem}
.lang-sel option{color:#111;background:#fff}
.mt-note{font-size:.7rem;line-height:1.45;color:var(--g500);background:var(--g50);border:1px dashed var(--border);border-radius:8px;padding:.45rem .7rem;margin:.6rem 0 0}
.mt-note[hidden]{display:none}

/* ── Freshness band (hero) ── */
.upd-band{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;max-width:760px;margin:.55rem auto .2rem;padding:.55rem .9rem;background:rgba(255,255,255,.82);border:1px solid rgba(16,185,129,.45);border-radius:12px}
.upd-pill{display:inline-flex;align-items:center;gap:.35rem;background:#10b981;color:#fff;font-size:.72rem;font-weight:800;padding:.24rem .6rem;border-radius:20px;white-space:nowrap;letter-spacing:.2px}
.upd-pill i{animation:spinSlow 4s linear infinite}
@keyframes spinSlow{to{transform:rotate(360deg)}}
.upd-txt{font-size:.76rem;line-height:1.5;color:var(--blue);text-align:left;flex:1;min-width:240px}
[data-theme="dark"] .upd-band{background:rgba(15,23,42,.72);border-color:rgba(16,185,129,.5)}
[data-theme="dark"] .upd-txt{color:#cbd5e1}

/* ── Cross-promo units ── */
.promo{display:flex;align-items:center;gap:.9rem;margin:0 0 1.1rem;padding:.9rem 1.1rem;border-radius:14px;background:linear-gradient(100deg,rgba(255,105,180,.10),rgba(59,130,246,.10));border:1px dashed rgba(255,105,180,.5)}
.promo-ic{flex:0 0 auto;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#ff0080,#7c3aed);color:#fff;font-size:1rem}
.promo-tx{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}
.promo-tx strong{font-size:.88rem;color:var(--txt)}
.promo-tx span{font-size:.76rem;line-height:1.45;color:var(--g500)}
.promo-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:24px;background:linear-gradient(90deg,#ff0080,#7c3aed);color:#fff;text-decoration:none;font-size:.78rem;font-weight:700;white-space:nowrap;transition:transform .2s}
.promo-cta:hover{transform:translateX(3px)}
@media(max-width:640px){.promo{flex-wrap:wrap}.promo-cta{width:100%;justify-content:center}}
[dir="rtl"] .promo{flex-direction:row-reverse}
[dir="rtl"] .promo-cta:hover{transform:translateX(-3px)}

/* ── Footer ── */
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1.4rem;text-align:left;margin-bottom:1rem}
@media(max-width:640px){.foot-grid{grid-template-columns:1fr}}
.foot-h{display:block;font-size:.9rem;margin-bottom:.4rem}
.foot-p{font-size:.78rem;opacity:.85;line-height:1.55;margin:0 0 .5rem}
.foot-upd{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;background:rgba(16,185,129,.22);border:1px solid rgba(16,185,129,.55);color:#a7f3d0;padding:.22rem .6rem;border-radius:20px;margin:0}
.foot-l{display:flex;align-items:center;gap:.45rem;color:#dbeafe;text-decoration:none;font-size:.79rem;padding:.2rem 0;opacity:.9}
.foot-l:hover{opacity:1;text-decoration:underline}
.foot-c{font-size:.74rem;opacity:.8;margin:.6rem 0 .3rem}
.foot-d{font-size:.68rem;opacity:.62;line-height:1.5;margin:0}
[dir="rtl"] .foot-grid{text-align:right}

/* Animations */
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes flashGrad{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes pdfPulse{0%,100%{transform:scale(1);box-shadow:0 0 22px rgba(255,0,128,.55),0 0 40px rgba(255,107,0,.3)}50%{transform:scale(1.06);box-shadow:0 0 38px rgba(255,0,128,.85),0 0 65px rgba(255,107,0,.55)}}
@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.45)}100%{transform:scale(1)}}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* Header */
.header{background:linear-gradient(135deg,#ff69b4,#ffb6c1,#ffc0cb);color:var(--blue);padding:2rem 0 1.6rem;box-shadow:var(--sh3);text-align:center;position:relative;overflow:hidden}
.header::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.18),transparent 55%);pointer-events:none}
.trust-badges{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem}
.trust-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .8rem;background:rgba(255,255,255,.78);border-radius:20px;font-size:.76rem;font-weight:600;color:var(--blue)}
.glitter{background:linear-gradient(45deg,#1e3a8a,#3b82f6,#2563eb,#1d4ed8,#1e3a8a);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradShift 3s ease-in-out infinite;font-size:2.1rem;font-weight:700;display:block;margin-bottom:.5rem}
.header h2{font-size:1.1rem;font-weight:600;margin:.3rem 0;display:flex;align-items:center;justify-content:center;gap:.5rem}
.hero-sub{font-size:.9rem;color:var(--blue);opacity:.85;max-width:680px;margin:.3rem auto .7rem}
.hero-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin:.7rem 0}
.stat-num{display:block;font-size:1.45rem;font-weight:700;color:var(--blue)}
.stat-lbl{font-size:.73rem;color:var(--blue);opacity:.8}

/* Flashy PDF Button */
.pdf-btn-wrap{margin:1.2rem 0 .4rem;display:flex;justify-content:center}
.pdf-flashy{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 2.2rem;background:linear-gradient(90deg,#ff0080,#ff6b00,#ff69b4,#7c3aed,#ff0080);background-size:300% 100%;color:#fff;border-radius:50px;font-weight:800;font-size:1rem;text-decoration:none;animation:flashGrad 2.5s linear infinite,pdfPulse 2s ease-in-out infinite;border:2.5px solid rgba(255,255,255,.45);position:relative;overflow:hidden;letter-spacing:.3px}
.pdf-flashy::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);animation:shimmer 2.2s ease-in-out infinite}
.pdf-flashy:hover{animation-play-state:paused;transform:scale(1.07)}
.pdf-flashy i.fa-file-pdf{font-size:1.1rem;animation:bounce 1s ease-in-out infinite}

/* Nav */
.calc-nav{background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,105,180,.15);padding:.7rem 0;position:sticky;top:0;z-index:200;box-shadow:0 2px 8px rgba(0,0,0,.06)}
[data-theme="dark"] .calc-nav{background:rgba(15,23,42,.97)}
.nav-pills{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}
.nav-pill{display:flex;align-items:center;gap:.38rem;padding:.5rem 1rem;text-decoration:none;color:var(--txt);font-weight:500;font-size:.83rem;border-radius:25px;transition:all .25s;background:rgba(255,105,180,.05);border:1px solid rgba(255,105,180,.15)}
.nav-pill:hover{background:rgba(255,105,180,.12);transform:translateY(-2px)}
.nav-pill i{color:var(--pink);font-size:.8rem}

/* Search + Filter Bar */
.sfbar{background:var(--bg);border-bottom:1px solid var(--border);padding:.85rem 0;position:sticky;top:49px;z-index:190;box-shadow:0 2px 6px rgba(0,0,0,.04)}
[data-theme="dark"] .sfbar{background:var(--bg2)}
.sfinner{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;justify-content:space-between}
.search-wrap{position:relative;flex:1;min-width:220px;max-width:380px}
.srch{width:100%;padding:.5rem 1rem .5rem 2.3rem;border:1.5px solid var(--border);border-radius:25px;font-size:.88rem;background:var(--bg);color:var(--txt);outline:none;transition:all .25s;font-family:inherit}
.srch:focus{border-color:var(--blue5);box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.si{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--g400);font-size:.85rem;pointer-events:none}
.sc{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--g400);cursor:pointer;display:none}
.sdd{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--sh3);max-height:260px;overflow-y:auto;z-index:300;display:none}
.sdi{padding:.6rem .95rem;cursor:pointer;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.55rem;transition:background .15s;font-size:.85rem}
.sdi:hover{background:var(--g50)}
.sdi i{color:var(--pink);font-size:.82rem}
.sdi-name{font-weight:600;color:var(--txt)}
.sdi-cat{font-size:.72rem;color:var(--g400)}
.fp-group{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}
.fp{padding:.38rem .85rem;border:1.5px solid var(--border);border-radius:20px;font-size:.78rem;font-weight:600;cursor:pointer;background:var(--card);color:var(--txt);transition:all .2s}
.fp:hover,.fp.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.sc-btn{display:flex;align-items:center;gap:.3rem;padding:.38rem .75rem;border:1px solid var(--border);border-radius:20px;font-size:.77rem;cursor:pointer;background:var(--card);color:var(--g500);transition:all .2s;white-space:nowrap}
.sc-btn:hover{border-color:var(--blue5);color:var(--blue5)}

/* Shortcut Tooltip */
.sctip{position:fixed;bottom:78px;right:20px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.1rem;box-shadow:var(--sh4);z-index:9998;min-width:255px;display:none;animation:fadeUp .2s ease}
.sctip.on{display:block}
.sct-row{display:flex;justify-content:space-between;align-items:center;padding:.28rem 0;font-size:.82rem;color:var(--txt2)}
.sct-hd{font-weight:700;font-size:.87rem;color:var(--txt);margin-bottom:.55rem}
.kk{background:var(--g100);padding:.12rem .45rem;border-radius:5px;font-family:monospace;font-size:.78rem;color:var(--txt);border:1px solid var(--border)}

/* Favourites */
.fav-sec{margin:1rem 0 0;padding:1.1rem;background:linear-gradient(135deg,rgba(255,105,180,.06),rgba(59,130,246,.04));border:1.5px solid rgba(255,105,180,.2);border-radius:16px;display:none}
.fav-sec.on{display:block;animation:fadeUp .3s ease}
.fav-ttl{font-size:.97rem;font-weight:700;color:var(--txt);margin-bottom:.75rem;display:flex;align-items:center;gap:.45rem}
.fav-ttl i{color:#f59e0b}
.fav-grid{display:flex;gap:.55rem;flex-wrap:wrap}
.fav-chip{display:inline-flex;align-items:center;gap:.38rem;padding:.38rem .85rem;background:var(--card);border:1px solid var(--border);border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--txt);transition:all .2s;text-decoration:none}
.fav-chip:hover{border-color:var(--pink);color:var(--pink);transform:translateY(-1px)}
.fav-chip i{color:#f59e0b;font-size:.78rem}

/* Categories */
.calc-sec{padding:1rem 0 3rem}
.calc-cat{margin:1.2rem 0;padding:1.7rem;border-radius:16px;transition:opacity .4s}
.calc-cat.hidden{display:none}
.cat-basic{background:#e6f3ff;border:2px solid #b3d9ff}
.cat-invest{background:#e6ffe6;border:2px solid #b3ffb3}
.cat-taxloan{background:#f0f0f0;border:2px solid #ccc}
.cat-special{background:#fffae6;border:2px solid #ffeb99}
[data-theme="dark"] .cat-basic{background:rgba(30,58,138,.15);border-color:rgba(59,130,246,.3)}
[data-theme="dark"] .cat-invest{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3)}
[data-theme="dark"] .cat-taxloan{background:rgba(100,116,139,.1);border-color:rgba(100,116,139,.3)}
[data-theme="dark"] .cat-special{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.3)}
.cat-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;position:sticky;top:98px;z-index:10;padding:.45rem .75rem;border-radius:10px;backdrop-filter:blur(6px)}
.cat-basic .cat-hdr{background:rgba(230,243,255,.92)}
.cat-invest .cat-hdr{background:rgba(230,255,230,.92)}
.cat-taxloan .cat-hdr{background:rgba(240,240,240,.92)}
.cat-special .cat-hdr{background:rgba(255,250,230,.92)}
[data-theme="dark"] .cat-hdr{background:rgba(15,23,42,.88)!important}
.cat-ttl{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:9px}
.cat-basic .cat-ttl{color:#0066cc}
.cat-invest .cat-ttl{color:#006600}
.cat-taxloan .cat-ttl{color:#555}
.cat-special .cat-ttl{color:#cc9900}
[data-theme="dark"] .cat-ttl{color:var(--txt)!important}
.cat-cnt{font-size:.73rem;background:rgba(0,0,0,.1);padding:.18rem .55rem;border-radius:10px;font-weight:600}
.calcs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:.95rem}

/* Card */
.calc-card{background:var(--card);border-radius:var(--radius);padding:1.3rem;box-shadow:var(--sh2);border:1px solid var(--border);transition:transform .2s,box-shadow .2s;position:relative;animation:fadeUp .4s ease}
.calc-card:hover{transform:translateY(-3px);box-shadow:var(--sh3)}
.calc-card.fav-on{border-color:var(--pink);box-shadow:0 0 0 2px rgba(255,105,180,.2)}
.calc-card.s-hide{display:none}
.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:2px solid var(--g100)}
.card-ttl{font-size:.97rem;font-weight:700;color:var(--txt);display:flex;align-items:center;gap:.52rem}
.card-ttl i{color:var(--pink);background:rgba(255,105,180,.1);width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;font-size:.85rem}
.fav-star{background:none;border:none;cursor:pointer;color:var(--g300);font-size:1.05rem;padding:.18rem;transition:all .25s;flex-shrink:0}
.fav-star:hover{color:#f59e0b;transform:scale(1.2)}
.fav-star.on{color:#f59e0b;animation:starPop .3s ease}

/* Form */
.fg{margin-bottom:.7rem}
.fg label{display:block;font-size:.78rem;font-weight:600;color:var(--g600);margin-bottom:.25rem}
.fg input,.fg select{width:100%;padding:.5rem .75rem;border:1.5px solid var(--border);border-radius:8px;font-size:.88rem;color:var(--txt);background:var(--card);transition:all .25s;outline:none;font-family:inherit}
.fg input:focus,.fg select:focus{border-color:var(--blue5);box-shadow:0 0 0 3px rgba(59,130,246,.1)}
.fg input.err{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}
.fe{display:block;font-size:.73rem;color:#ef4444;margin-top:.22rem}
[data-theme="dark"] .fg input,[data-theme="dark"] .fg select{background:var(--bg2);border-color:var(--border);color:var(--txt)}

/* HSN */
.hsn-wrap{margin-bottom:.7rem}
.hsn-si{width:100%;padding:.44rem .75rem;border:1.5px dashed var(--border);border-radius:8px;font-size:.8rem;background:var(--g50);color:var(--txt);outline:none;font-family:inherit}
.hsn-si:focus{border-color:var(--pink);border-style:solid}
.hsn-dd{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--sh3);max-height:190px;overflow-y:auto;display:none;margin-top:4px;position:relative;z-index:100}
.hsn-it{padding:.47rem .75rem;cursor:pointer;font-size:.8rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--border)}
.hsn-it:hover{background:var(--g50)}
.hsn-rt{font-weight:700;color:var(--pink)}
.hsn-lg{opacity:.55}
.hsn-lg .hsn-rt{color:var(--g500);text-decoration:line-through}

/* Rate era badge + notes */
.rate-badge{display:inline-block;margin-left:.4rem;padding:.08rem .4rem;border-radius:6px;font-size:.62rem;font-weight:700;letter-spacing:.3px;background:rgba(16,185,129,.14);color:#059669;vertical-align:middle;text-transform:uppercase}
.slab-note{margin-top:.35rem;font-size:.7rem;line-height:1.4;color:var(--g500)}
.slab-note.warn{color:#b45309;background:rgba(245,158,11,.12);border-left:3px solid #f59e0b;padding:.35rem .5rem;border-radius:0 6px 6px 0;font-weight:600}
.slab-note.info{color:#1d4ed8;background:rgba(59,130,246,.10);border-left:3px solid #3b82f6;padding:.35rem .5rem;border-radius:0 6px 6px 0}

/* Extra fields toggle */
.xf{padding:.65rem;background:var(--g50);border-radius:8px;margin-bottom:.7rem;border:1px dashed var(--border)}
.xf-ttl{font-size:.76rem;font-weight:700;color:var(--g500);margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.4px}
.tog-xf{display:flex;align-items:center;gap:.38rem;font-size:.77rem;color:var(--blue5);cursor:pointer;background:none;border:none;font-family:inherit;font-weight:600;padding:.18rem 0;margin-bottom:.45rem}

/* Buttons */
.btn-grp{display:flex;gap:.5rem;margin-top:.85rem;flex-wrap:wrap}
.btn{flex:1;padding:.55rem .85rem;border:none;border-radius:8px;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .25s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.33rem;min-width:0}
.btn-p{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff}
.btn-p:hover{background:linear-gradient(135deg,#1e40af,#2563eb);transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,58,138,.3)}
.btn-s{background:var(--g100);color:var(--g600);border:1px solid var(--border)}
.btn-s:hover{background:var(--g200)}

/* Modal */
.m-ov{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeUp .18s ease}
.m-box{background:var(--card);border-radius:16px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 70px rgba(0,0,0,.35);animation:fadeUp .22s ease;display:flex;flex-direction:column}
.m-hdr{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:.95rem 1.25rem;border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;flex-shrink:0}
.m-hdr h3{font-size:.92rem;font-weight:700;display:flex;align-items:center;gap:.42rem}
.m-cls{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;line-height:1;padding:0 .2rem;transition:transform .2s}
.m-cls:hover{transform:scale(1.25)}
.m-body{padding:1.1rem 1.25rem;background:var(--g50);font-size:.84rem;font-family:'Courier New',monospace;white-space:pre-line;color:var(--txt);border-left:4px solid var(--blue5);line-height:1.85;flex:1}
[data-theme="dark"] .m-body{background:var(--bg2)}
.m-chart{padding:.75rem 1.25rem;background:var(--card)}
.m-chart canvas{max-height:210px}
.m-tw{padding:0 1.25rem .75rem;overflow-x:auto}
.amort-tbl{width:100%;border-collapse:collapse;font-size:.74rem}
.amort-tbl th{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:.38rem .55rem;text-align:right;font-weight:600}
.amort-tbl th:first-child{text-align:left}
.amort-tbl td{padding:.33rem .55rem;text-align:right;border-bottom:1px solid var(--border);color:var(--txt)}
.amort-tbl td:first-child{text-align:left;font-weight:600}
.amort-tbl tr:hover td{background:var(--g50)}
.amort-tog{display:flex;align-items:center;gap:.38rem;font-size:.78rem;color:var(--blue5);cursor:pointer;background:var(--card);border:none;font-family:inherit;font-weight:600;padding:.48rem 1.25rem;width:100%}
.m-share{padding:.7rem 1.25rem;display:flex;gap:.45rem;flex-wrap:wrap;background:var(--g50);border-top:1px solid var(--border)}
[data-theme="dark"] .m-share{background:var(--bg2)}
.sb{display:flex;align-items:center;gap:.38rem;padding:.48rem .9rem;border:none;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;flex:1;justify-content:center}
.sb-wa{background:#25d366;color:#fff}.sb-wa:hover{background:#128c7e}
.sb-cp{background:var(--blue5);color:#fff}.sb-cp:hover{background:var(--blue6)}
.sb-em{background:#ea4335;color:#fff}.sb-em:hover{background:#c5221f}
.sb-pr{background:#6b7280;color:#fff}.sb-pr:hover{background:#4b5563}
.m-acts{padding:.7rem 1.25rem;display:flex;gap:.55rem;justify-content:center;background:var(--card);border-top:1px solid var(--border)}
.m-save{padding:.55rem 1.3rem;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;background:#dc2626;color:#fff;display:flex;align-items:center;gap:.38rem;font-family:inherit;transition:all .2s}
.m-save:hover{background:#b91c1c;transform:translateY(-1px)}
.m-close{padding:.55rem 1.3rem;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;background:var(--g200);color:var(--g600);font-family:inherit;transition:all .2s}
.m-close:hover{background:var(--g300)}
.m-ftr{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:.55rem 1.25rem;border-radius:0 0 16px 16px;font-size:.76rem;font-weight:600;text-align:center;flex-shrink:0}

/* Scroll top + FAB */
#stt{position:fixed;bottom:70px;right:20px;background:linear-gradient(135deg,var(--pink),var(--dpink));color:#fff;width:43px;height:43px;border-radius:50%;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:.92rem;box-shadow:0 4px 14px rgba(255,105,180,.4);z-index:998;transition:all .3s}
#stt:hover{transform:translateY(-3px)}
#stt.on{display:flex}
#scFab{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;width:43px;height:43px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;box-shadow:0 4px 14px rgba(30,58,138,.35);z-index:998;transition:all .3s}
#scFab:hover{transform:translateY(-3px) scale(1.05)}

/* Footer */
.footer{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;padding:2rem 0 1.2rem;margin-top:2rem}
.foot-in{text-align:center}
.foot-in h3{font-size:1.15rem;font-weight:700;margin-bottom:.35rem}
.foot-in p{font-size:.84rem;opacity:.8;max-width:460px;margin:.25rem auto}
.foot-nav{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:.9rem 0}
.fl{color:rgba(255,255,255,.85);text-decoration:none;font-size:.8rem;font-weight:500;transition:color .2s}
.fl:hover{color:#fff}
.wl-row{display:flex;justify-content:center;gap:1.3rem;flex-wrap:wrap;margin:.8rem 0;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.15)}
.foot-copy{margin-top:.8rem;font-size:.75rem;opacity:.7;line-height:1.8}

/* Print */
@media print{
  .controls-bar,.calc-nav,.sfbar,.pdf-btn-wrap,#stt,#scFab,.sctip,
  .fav-sec,.btn-grp,.sb,.m-acts,.m-share,.m-hdr,.m-ftr,.amort-tog{display:none!important}
  .calc-cat{break-inside:avoid}
  body{background:#fff!important;color:#000!important}
  .calc-card{box-shadow:none!important;border:1px solid #ccc!important;background:#fff!important;break-inside:avoid}
}

/* Responsive */
@media(max-width:768px){
  .container{padding:0 1rem}
  .glitter{font-size:1.65rem}
  .calcs-grid{grid-template-columns:1fr}
  .calc-cat{padding:1.1rem}
  .sfinner{flex-direction:column;align-items:stretch}
  .search-wrap{max-width:100%}
  .btn-grp{flex-direction:column}
  .m-share{flex-wrap:wrap}
  .sb{min-width:calc(50% - .23rem)}
  .pdf-flashy{font-size:.86rem;padding:.75rem 1.5rem}
}
@media(max-width:480px){.glitter{font-size:1.35rem!important}.hero-stats{gap:.9rem}.pdf-flashy{font-size:.8rem;padding:.65rem 1.2rem}.fp-group{gap:.35rem}.fp{font-size:.73rem;padding:.32rem .7rem}.cat-ttl{font-size:1.1rem}.calc-card{padding:1.1rem}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ==========================================================
   SIMPLEPDFTOOLS.IN STYLE UPGRADE OVERRIDES
   - Header/hero removed from HTML as requested.
   - Category system, calculator cards, text, functions and JS remain intact.
   ========================================================== */
:root{
  --pink:#2563eb;
  --dpink:#1d4ed8;
  --pink4:#dbeafe;
  --blue:#0f3d75;
  --blue5:#2563eb;
  --blue6:#1d4ed8;
  --green:#0ea5e9;
  --bg:#ffffff;
  --bg2:#eef6ff;
  --card:#ffffff;
  --txt:#0f2f5f;
  --txt2:#64748b;
  --border:#dbeafe;
  --radius:18px;
  --sh2:0 8px 24px rgba(15,61,117,.08);
  --sh3:0 16px 38px rgba(15,61,117,.13);
  --sh4:0 24px 60px rgba(15,61,117,.18);
}
[data-theme="dark"]{
  --bg:#0b1220;
  --bg2:#0f172a;
  --card:#111c31;
  --txt:#e6f0ff;
  --txt2:#a6b4c8;
  --border:#20324f;
  --g50:#111c31;
  --g100:#162640;
  --g200:#20324f;
  --g300:#334a70;
  --g400:#94a3b8;
  --g500:#b6c3d6;
  --g600:#d8e4f7;
}
body{
  background:
    radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 34rem),
    linear-gradient(135deg,#f3f9ff 0%,#ffffff 48%,#eaf4ff 100%)!important;
}
[data-theme="dark"] body{
  background:
    radial-gradient(circle at top left,rgba(59,130,246,.16),transparent 32rem),
    linear-gradient(135deg,#0b1220 0%,#0f172a 52%,#08111f 100%)!important;
}
.container{max-width:1280px}

/* Header and hero are intentionally removed; keep top navigation as the first visible UI */
.header,.pdf-btn-wrap{display:none!important}

/* Floating controls, SimplePDFTools-style */
.controls-bar{
  top:10px;
  right:16px;
  z-index:1200;
}
.ctrl-btn{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(191,219,254,.95);
  color:#0f3d75;
  border-radius:999px;
  box-shadow:0 10px 26px rgba(15,61,117,.16);
}
.ctrl-btn i{color:#2563eb}
.ctrl-btn:hover{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
  transform:translateY(-1px);
}
[data-theme="dark"] .ctrl-btn{
  background:rgba(17,28,49,.95);
  border-color:#20324f;
  color:#e6f0ff;
}

/* Top category navigation */
.calc-nav{
  background:linear-gradient(135deg,#0f3d75 0%,#1d4ed8 54%,#38bdf8 100%);
  border-bottom:none;
  padding:.78rem 0;
  box-shadow:0 16px 35px rgba(15,61,117,.23);
}
.calc-nav::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 10%,rgba(255,255,255,.28),transparent 28%),
    linear-gradient(90deg,rgba(255,255,255,.08),transparent);
  pointer-events:none;
}
.nav-pills{
  justify-content:flex-start;
  padding-right:230px;
  position:relative;
  z-index:1;
}
.nav-pill{
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.nav-pill i{color:#dbeafe}
.nav-pill:hover{
  background:rgba(255,255,255,.22);
  color:#fff;
  transform:translateY(-2px);
}

/* Search/filter bar as a clean SaaS toolbar */
.sfbar{
  top:54px;
  background:rgba(255,255,255,.93);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(219,234,254,.95);
  box-shadow:0 10px 26px rgba(15,61,117,.07);
}
[data-theme="dark"] .sfbar{
  background:rgba(15,23,42,.94);
  border-bottom-color:#20324f;
}
.srch,.fg input,.fg select,.hsn-si{
  border-color:#cfe3ff;
  border-radius:12px;
}
.srch:focus,.fg input:focus,.fg select:focus,.hsn-si:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 4px rgba(37,99,235,.12);
}
.fp,.sc-btn{
  border-color:#cfe3ff;
  border-radius:999px;
}
.fp:hover,.fp.active{
  background:linear-gradient(135deg,#0f3d75,#2563eb);
  border-color:#2563eb;
  color:#fff;
}
.sc-btn:hover{background:#eff6ff}

/* Section area */
.calc-sec{padding:1.2rem 0 3.25rem}
.fav-sec{
  background:linear-gradient(135deg,rgba(239,246,255,.95),rgba(255,255,255,.95));
  border-color:#bfdbfe;
  box-shadow:var(--sh2);
}

/* Category panels: same category structure, upgraded blue family theme */
.calc-cat{
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(191,219,254,.9)!important;
  box-shadow:var(--sh3);
  backdrop-filter:blur(12px);
  border-radius:22px;
}
[data-theme="dark"] .calc-cat{
  background:rgba(17,28,49,.78)!important;
  border-color:#20324f!important;
}
.cat-basic{box-shadow:0 18px 44px rgba(37,99,235,.10)}
.cat-invest{box-shadow:0 18px 44px rgba(14,165,233,.11)}
.cat-taxloan{box-shadow:0 18px 44px rgba(15,61,117,.10)}
.cat-special{box-shadow:0 18px 44px rgba(56,189,248,.12)}
.cat-hdr{
  top:105px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.94))!important;
  border:1px solid rgba(191,219,254,.85);
  box-shadow:0 8px 22px rgba(15,61,117,.08);
}
[data-theme="dark"] .cat-hdr{
  background:linear-gradient(135deg,rgba(17,28,49,.96),rgba(15,23,42,.94))!important;
  border-color:#20324f;
}
.cat-ttl,.cat-basic .cat-ttl,.cat-invest .cat-ttl,.cat-taxloan .cat-ttl,.cat-special .cat-ttl{
  color:#0f3d75!important;
}
[data-theme="dark"] .cat-ttl{color:#e6f0ff!important}
.cat-cnt{
  background:#dbeafe;
  color:#0f3d75;
  padding:.24rem .68rem;
}
[data-theme="dark"] .cat-cnt{
  background:#20324f;
  color:#dbeafe;
}

/* Cards */
.calc-card{
  border:1px solid rgba(191,219,254,.9);
  border-radius:20px;
  box-shadow:var(--sh2);
  overflow:hidden;
}
.calc-card::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,#0f3d75,#2563eb,#38bdf8);
}
.calc-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--sh3);
  border-color:#93c5fd;
}
.card-top{
  border-bottom:1px solid #e6f0ff;
}
.card-ttl i{
  color:#2563eb;
  background:linear-gradient(135deg,#dbeafe,#eff6ff);
  border:1px solid #bfdbfe;
}
[data-theme="dark"] .card-top{border-bottom-color:#20324f}
.fav-star.on,.fav-star:hover{color:#f59e0b}

/* Buttons */
.btn{
  border-radius:12px;
}
.btn-p{
  background:linear-gradient(135deg,#0f3d75,#2563eb)!important;
  box-shadow:0 10px 20px rgba(37,99,235,.18);
}
.btn-p:hover{
  background:linear-gradient(135deg,#0b3264,#1d4ed8)!important;
  box-shadow:0 14px 26px rgba(37,99,235,.24);
}
.btn-s{
  background:#eff6ff;
  color:#0f3d75;
  border-color:#bfdbfe;
}
.btn-s:hover{background:#dbeafe}
[data-theme="dark"] .btn-s{
  background:#162640;
  color:#dbeafe;
  border-color:#20324f;
}

/* Modal */
.m-hdr,.m-ftr{
  background:linear-gradient(135deg,#0f3d75,#2563eb)!important;
}
.m-body{
  border-left-color:#2563eb;
}
.amort-tbl th{
  background:linear-gradient(135deg,#0f3d75,#2563eb)!important;
}

/* Footer */
.footer{
  background:linear-gradient(135deg,#0b3264,#0f3d75 55%,#1d4ed8);
  box-shadow:0 -18px 45px rgba(15,61,117,.16);
}

/* Floating actions */
#stt{
  background:linear-gradient(135deg,#0f3d75,#2563eb);
  box-shadow:0 10px 24px rgba(37,99,235,.32);
}
#scFab{
  background:linear-gradient(135deg,#1d4ed8,#38bdf8);
  box-shadow:0 10px 24px rgba(37,99,235,.28);
}

@media(max-width:768px){
  .controls-bar{
    top:auto;
    bottom:78px;
    right:12px;
    flex-direction:column;
  }
  .ctrl-btn{
    padding:7px 10px;
    font-size:.76rem;
  }
  .nav-pills{
    justify-content:center;
    padding-right:0;
  }
  .calc-nav{
    padding:.65rem 0;
  }
  .sfbar{
    top:57px;
  }
  .cat-hdr{
    top:158px;
    align-items:flex-start;
    gap:.55rem;
  }
}
@media(max-width:480px){
  .nav-pill{
    padding:.45rem .72rem;
    font-size:.77rem;
  }
  .calc-sec{padding-top:.75rem}
  .calc-cat{padding:.95rem;border-radius:18px}
  .cat-hdr{
    flex-direction:row;
    top:190px;
  }
  .controls-bar{
    bottom:72px;
  }
}


/* Header link refinements */
.controls-bar{
  align-items:center;
  flex-wrap:wrap;
  max-width:min(620px,calc(100vw - 24px));
}
.ctrl-btn{
  text-decoration:none;
}
.dark-toggle-btn{
  width:38px;
  min-width:38px;
  height:34px;
  padding:0;
  justify-content:center;
}
.nav-pills{
  padding-right:300px;
}
.footer{
  padding:1.15rem 0!important;
  margin-top:2rem;
}
.footer .foot-in p{
  max-width:none;
  margin:0 auto;
  font-size:.86rem;
  opacity:.92;
}
@media(max-width:900px){
  .controls-bar{
    position:static;
    justify-content:center;
    padding:.65rem .75rem .2rem;
    background:linear-gradient(135deg,#0f3d75 0%,#1d4ed8 54%,#38bdf8 100%);
  }
  .nav-pills{padding-right:0}
  .calc-nav{position:sticky;top:0}
}
@media(max-width:480px){
  .controls-bar{gap:6px}
  .ctrl-btn{font-size:.72rem;padding:6px 9px}
  .dark-toggle-btn{width:34px;min-width:34px;height:31px;padding:0}
}

/* SimplePDFTools-style dark mode icon */
.dark-toggle-btn{width:38px;min-width:38px;height:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}
.simplepdf-moon-icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18));transform:translateY(-1px)}
.dark-toggle-btn:hover .simplepdf-moon-icon{transform:translateY(-1px) scale(1.06)}
[data-theme="dark"] .dark-toggle-btn{background:rgba(255,255,255,.96);border-color:rgba(191,219,254,.95);color:#0f3d75}


/* Final header cleanup: remove all buttons shown in the header screenshot */
.calc-nav{display:none!important}
.sfbar{top:0!important}
.cat-hdr{top:72px!important}
@media(max-width:768px){
  .sfbar{top:0!important}
  .cat-hdr{top:158px!important}
}
@media(max-width:480px){
  .cat-hdr{top:190px!important}
}



/* Final fix: remove any background/icon showing between About and Contact buttons */
.controls-bar{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:auto!important;
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 16px!important;
  background:linear-gradient(135deg,#0f3d75 0%,#1d4ed8 58%,#38bdf8 100%)!important;
  box-shadow:0 12px 28px rgba(15,61,117,.18)!important;
  z-index:1400!important;
}
.controls-bar::before,.controls-bar::after,.ctrl-btn::before,.ctrl-btn::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
.controls-bar .ctrl-btn{
  position:relative!important;
  z-index:2!important;
  overflow:hidden!important;
  background:#ffffff!important;
  border:1px solid #bfdbfe!important;
  color:#0f3d75!important;
  box-shadow:0 8px 18px rgba(15,61,117,.16)!important;
}
.controls-bar .ctrl-btn:hover{
  background:#eff6ff!important;
  color:#0f3d75!important;
}
.controls-bar .ctrl-btn i{display:none!important}
.dark-toggle-btn .simplepdf-moon-icon{display:inline-flex!important}
.sfbar{top:0!important}
@media(max-width:900px){
  .controls-bar{
    position:sticky!important;
    justify-content:center!important;
    padding:10px 12px!important;
  }
}
@media(max-width:480px){
  .controls-bar{gap:8px!important;padding:9px 8px!important}
  .controls-bar .ctrl-btn{font-size:.72rem!important;padding:6px 9px!important}
  .controls-bar .dark-toggle-btn{width:34px!important;min-width:34px!important;height:31px!important;padding:0!important}
}

/* ═══ generated-page layouts ═══ */
.crumbs{display:flex;align-items:center;gap:.45rem;font-size:.76rem;color:var(--g500);padding:.7rem 0 0;flex-wrap:wrap}
.crumbs a{color:var(--blue);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.tool-main{padding-bottom:2rem}
.tool-h1{font-size:1.6rem;margin:.5rem 0 .7rem;display:flex;align-items:center;gap:.55rem;color:var(--txt)}
.tool-h1 i{color:var(--blue)}
@media(max-width:640px){.tool-h1{font-size:1.25rem}}
.calc-grid.one{max-width:820px;margin:0 auto}
.sec-h{font-size:1.15rem;margin:1.6rem 0 .8rem;display:flex;align-items:center;gap:.5rem;color:var(--txt)}
.sec-h i{color:var(--pink)}
.faq-sec{max-width:820px;margin:0 auto}
.faq-i{border:1px solid var(--border);border-radius:10px;margin-bottom:.5rem;background:var(--card);overflow:hidden}
.faq-i summary{cursor:pointer;padding:.75rem 1rem;font-weight:700;font-size:.87rem;color:var(--txt);list-style:none;position:relative;padding-right:2.2rem}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary::after{content:"+";position:absolute;right:1rem;top:.7rem;font-size:1.1rem;color:var(--blue);font-weight:800}
.faq-i[open] summary::after{content:"−"}
.faq-i p{margin:0;padding:0 1rem .85rem;font-size:.82rem;line-height:1.65;color:var(--g500)}
.rel-sec{max-width:820px;margin:0 auto}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}
.rel-c{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--card);text-decoration:none;color:var(--txt);font-size:.82rem;font-weight:600;transition:transform .18s,border-color .18s}
.rel-c:hover{transform:translateY(-2px);border-color:var(--blue)}
.rel-c i{color:var(--blue)}
.rel-all{background:linear-gradient(100deg,rgba(59,130,246,.12),rgba(255,105,180,.12));border-style:dashed}
/* hub */
.hero-flex{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:center}
@media(max-width:900px){.hero-flex{grid-template-columns:1fr}.hero-art{display:none}}
.hero-svg{width:100%;height:auto;max-width:340px}
.fl-a,.fl-b,.fl-c{animation:floaty 5s ease-in-out infinite}
.fl-b{animation-delay:-1.6s}.fl-c{animation-delay:-3.2s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(prefers-reduced-motion:reduce){.fl-a,.fl-b,.fl-c,.upd-pill i{animation:none}}
.mn-wrap{margin:1.2rem auto}
.mn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;padding:1.1rem;border:1px solid var(--border);border-radius:14px;background:var(--card)}
.mn-h{display:block;font-size:.8rem;margin-bottom:.45rem;color:var(--txt);padding-bottom:.35rem;border-bottom:2px solid var(--border)}
.mn-h i{color:var(--blue);margin-right:.3rem}
.mn-l{display:block;font-size:.78rem;color:var(--g500);text-decoration:none;padding:.2rem 0}
.mn-l:hover{color:var(--blue);text-decoration:underline}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:.75rem}
.hub-c{display:flex;align-items:center;gap:.7rem;padding:.85rem;border:1px solid var(--border);border-radius:12px;background:var(--card);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.hub-c:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 8px 22px rgba(30,58,138,.10)}
.hub-ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#3b82f6,#ff69b4);color:#fff}
.hub-tx{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.hub-tx strong{font-size:.85rem;color:var(--txt)}
.hub-tx small{font-size:.71rem;color:var(--g500);line-height:1.4}
.hub-ar{margin-left:auto;color:var(--blue);opacity:.35;transition:opacity .18s,transform .18s}
.hub-c:hover .hub-ar{opacity:1;transform:translateX(3px)}
.cat-n{font-size:.72rem;font-weight:800;color:#fff;background:var(--blue);border-radius:20px;padding:.1rem .5rem}
[dir="rtl"] .crumbs,[dir="rtl"] .hub-c,[dir="rtl"] .rel-c{flex-direction:row-reverse}
[dir="rtl"] .hub-ar{margin-left:0;margin-right:auto;transform:scaleX(-1)}
[dir="rtl"] .faq-i summary{padding-right:1rem;padding-left:2.2rem}
[dir="rtl"] .faq-i summary::after{right:auto;left:1rem}