/* FinancePortal v172 — applies the v171 "modern fintech" design to every hub and child page.
   Restyles the shared .ss-/.dp-/.gr-/.mf-/.emi-/.art- components; prefixed with body.fx so it wins over page CSS.
   No sticky elements anywhere (so nothing ever sits on top of an ad). */

/* ---------- no sticky UI ---------- */
body.fx .fx-header{position:relative!important;top:auto!important;z-index:80}
body.fx .ss-tabs,body.fx .ss-aside,body.fx .cc-dashboard .cc-side,body.fx .bm-tabs,body.fx #emi .hx-side,body.fx .hx-jump{position:static!important;top:auto!important}
body.fx .ss-sec,body.fx .hx-sec{scroll-margin-top:16px}
body.fx{background:var(--surface);--fx-tint1:rgba(46,91,255,.12);--fx-tint2:rgba(123,97,255,.16);--fx-accent:var(--brand)}
body.fx-i-gold{--fx-tint1:rgba(245,158,11,.16);--fx-tint2:rgba(233,169,25,.14);--fx-accent:#B7791F}
body.fx-i-fd,body.fx-i-mf,body.fx-i-trust{--fx-tint1:rgba(15,163,122,.12);--fx-tint2:rgba(46,91,255,.12)}
body.fx-i-loans{--fx-tint1:rgba(255,107,74,.13);--fx-tint2:rgba(123,97,255,.12)}
body.fx-i-rd,body.fx-i-guide{--fx-tint1:rgba(123,97,255,.15);--fx-tint2:rgba(46,91,255,.10)}
body.fx-i-savings{--fx-tint1:rgba(255,143,171,.16);--fx-tint2:rgba(245,158,11,.10)}

body.fx .ss{color:var(--ink);padding-bottom:56px;font-family:var(--font)}
body.fx .ss a{color:var(--brand-2)}
body.fx .ss h1,body.fx .ss h2,body.fx .ss h3{font-family:var(--font-d);letter-spacing:-.4px;color:var(--ink)}
body.fx .ss-in,body.fx .ss-hero-wrap,body.fx .ss-tabs-in{width:min(var(--w),calc(100% - 40px))}

/* ---------- heroes ---------- */
body.fx .ss-hero,body.fx .ss-chero{position:relative;overflow:hidden;background:
  radial-gradient(800px 420px at 90% 0%,var(--fx-tint2),transparent 62%),
  radial-gradient(700px 420px at 5% 0%,var(--fx-tint1),transparent 60%),
  linear-gradient(180deg,#F7F9FF 0%,#FFFFFF 100%);border-bottom:1px solid var(--line)}
body.fx .ss-hero{padding:52px 0 44px}
body.fx .ss-chero{padding:40px 0 36px}
body.fx .ss-crumb{font-size:13px;color:var(--muted);margin-bottom:14px;font-weight:500}
body.fx .ss-crumb a{color:var(--ink-2)!important;font-weight:600;text-decoration:none}
body.fx .ss-crumb a:hover{color:var(--brand-2)!important}
body.fx .ss-ey{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:1.3px;font-weight:800;color:var(--fx-accent)!important;text-transform:uppercase}
body.fx .ss-ey::before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}
body.fx .ss-hero h1{font-size:clamp(32px,4.2vw,52px);line-height:1.06;letter-spacing:-1.3px;font-weight:800;margin:12px 0 16px;color:var(--ink)}
body.fx .ss-chero h1{font-size:clamp(28px,3.4vw,44px);line-height:1.1;letter-spacing:-1px;font-weight:800;margin:10px 0 14px;color:var(--ink)}
body.fx .ss-hero p,body.fx .ss-chero p{font-size:17.5px;color:var(--ink-2);line-height:1.62}
body.fx .ss-updated{background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);color:var(--ink-2);font-weight:600;padding:7px 14px 7px 10px}
body.fx .ss-updated i{width:18px;height:18px;background:var(--green-soft);position:relative}
body.fx .ss-updated i::after{content:"";position:absolute;left:6px;top:3.5px;width:4px;height:8px;border:solid var(--green);border-width:0 2px 2px 0;transform:rotate(45deg)}
body.fx .ss-stats,body.fx .gr-price,body.fx .mf-stats,body.fx .emi-quick{gap:12px;margin-top:24px}
body.fx .ss-stats div,body.fx .gr-price div,body.fx .mf-stats div,body.fx .emi-quick div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--sh-1)}
body.fx .ss-stats b,body.fx .gr-price b,body.fx .mf-stats b,body.fx .emi-quick b{font-family:var(--font-d);font-size:22px;font-weight:800;letter-spacing:-.4px;color:var(--ink)}
body.fx .ss-stats span,body.fx .gr-price span,body.fx .mf-stats span,body.fx .emi-quick span{color:var(--muted);font-weight:600;letter-spacing:0;text-transform:none}

/* hero art: section illustration + floating rate cards */
body.fx .ss-art{min-height:340px}
body.fx .ss-coin{width:min(100%,380px);height:285px;border:0!important;border-radius:0;background:var(--fx-illus) center/contain no-repeat!important;box-shadow:none}
body.fx .ss-coin>*{display:none}
body.fx .ss-bub{background:rgba(255,255,255,.96)!important;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-2);padding:12px 16px;font-size:12.5px;font-weight:600;color:var(--muted);animation:hxFloat 6s ease-in-out infinite;backdrop-filter:blur(6px)}
body.fx .ss-bub em{font-family:var(--font-d);font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.3px}
body.fx .ss-b2{animation-delay:-1.5s}body.fx .ss-b3{animation-delay:-3s}body.fx .ss-b4{animation-delay:-4.5s}
body.fx .ss-b1 em{color:var(--green)}body.fx .ss-b3 em{color:var(--coral)}
@keyframes hxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media (prefers-reduced-motion:reduce){body.fx .ss-bub{animation:none}}

/* child hero summary card */
body.fx .ss-chero .ss-in{grid-template-columns:minmax(0,1fr) 320px;gap:36px}
body.fx .ss-chip{border:1px solid var(--line);border-radius:22px;padding:18px 20px 20px;box-shadow:var(--sh-2);background:#fff;position:relative}
body.fx .ss-chip .ic{display:block;height:118px;margin:-4px -6px 8px;border-radius:14px;background:var(--fx-illus,none) center/contain no-repeat,linear-gradient(135deg,var(--brand-soft),#F4F1FF);font-size:0}
body.fx .ss-chip .ic .fi{display:none}
body.fx:not([class*="fx-i-"]) .ss-chip .ic .fi{display:block;width:44px;height:44px;margin:37px auto;color:var(--brand)}
body.fx .ss-chip small{color:var(--muted);font-weight:600}
body.fx .ss-chip .r{font-family:var(--font-d);font-size:30px;font-weight:800;color:var(--green);letter-spacing:-.5px}

/* ---------- sub-navigation (not sticky) ---------- */
body.fx .ss-tabs{background:#fff;border-bottom:1px solid var(--line);box-shadow:none}
body.fx .ss-tabs-in{padding:14px 0;gap:8px}
body.fx .ss-tabs a{background:var(--bg);border:1px solid transparent;border-radius:12px;padding:9px 15px;font-weight:600;font-size:14px;color:var(--ink-2)!important}
body.fx .ss-tabs a:hover{background:var(--brand-soft);color:var(--brand-2)!important}
body.fx .ss-tabs a.on{background:var(--ink);color:#fff!important;border-color:var(--ink)}

/* ---------- layout & sections ---------- */
body.fx .ss-layout{gap:28px;padding-top:32px;grid-template-columns:minmax(0,1fr) 300px}
body.fx .ss-sec{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;margin-top:20px;box-shadow:var(--sh-1)}
body.fx .ss-sec h2{font-size:clamp(21px,2vw,26px);font-weight:800;margin:0 0 14px;line-height:1.2;letter-spacing:-.5px;display:flex;align-items:center;gap:12px}
body.fx .ss-main>.ss-sec>h2::before{content:"";width:6px;height:22px;border-radius:4px;background:linear-gradient(180deg,var(--brand),var(--violet));flex:0 0 6px}
body.fx .ss-sec h3{font-size:17.5px;font-weight:700;color:var(--ink)}
body.fx .ss-m{color:var(--ink-2);line-height:1.72}
body.fx .ss-note{color:var(--muted);font-size:13px}
body.fx .ss-alert{background:var(--amber-soft);border:1px solid #FCE3A6;border-radius:14px;color:#6B4D00}

/* icon boxes (emoji replaced by line icons server-side) */
body.fx .ss .ic{color:var(--brand)}
body.fx .ss-card .ic,body.fx .ss-res .ic,body.fx .art-cats .ic,body.fx .inv-c .ic{width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 0 12px}
body.fx .ss-res .ic{margin:0}
body.fx .ss .ic .fi{width:22px;height:22px}
body.fx .ss-grid{gap:14px}
body.fx .ss-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;transition:.2s}
body.fx .ss-card:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
body.fx .ss-card b{font-family:var(--font-d);font-size:16px;color:var(--ink)}
body.fx .ss-grid .ss-card:nth-child(4n+2) .ic{background:var(--green-soft);color:var(--green)}
body.fx .ss-grid .ss-card:nth-child(4n+3) .ic{background:var(--coral-soft);color:var(--coral)}
body.fx .ss-grid .ss-card:nth-child(4n+4) .ic{background:#F1EDFF;color:var(--violet)}
body.fx .ss-res{gap:12px}
body.fx .ss-res a{border:1px solid var(--line);border-radius:16px;padding:14px;align-items:center;background:#fff}
body.fx .ss-res a:hover{border-color:var(--brand);box-shadow:var(--sh-2);transform:translateY(-2px)}
body.fx .ss-res a:hover .ic{background:var(--brand);color:#fff}
body.fx .ss-res b{color:var(--ink);font-weight:700}
body.fx .ss-res small{color:var(--muted)}

/* tables */
body.fx .ss-tw{border:1px solid var(--line);border-radius:16px}
body.fx .ss-t{border-collapse:separate;border-spacing:0;font-size:14.5px}
body.fx .ss-t th{background:var(--bg);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;border:0;border-bottom:1px solid var(--line);padding:12px 14px}
body.fx .ss-t td{border:0;border-bottom:1px solid var(--line-2);padding:13px 14px;vertical-align:middle}
body.fx .ss-t tr:last-child td{border-bottom:0}
body.fx .ss-t tr:nth-child(even) td{background:transparent}
body.fx .ss-t tr:hover td{background:#FAFBFE}
body.fx .ss-t td:first-child{color:var(--ink);font-weight:700}
body.fx .ss-t a{color:var(--brand-2);font-weight:700}
body.fx .ss-rate{background:var(--green-soft);color:var(--green);border-radius:8px;padding:3px 9px;font-weight:800}
body.fx .gr .ss-rate{background:var(--amber-soft);color:#9A6B06}
body.fx .dp-hl td{background:#F0FBF6!important}

/* FAQ accordion */
body.fx .ss-faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 20px;margin-top:10px;transition:.15s}
body.fx .ss-faq details[open]{box-shadow:var(--sh-1);border-color:#D5DEF0}
body.fx .ss-faq summary{font-weight:700;font-size:15.5px;color:var(--ink);padding:17px 44px 17px 0}
body.fx .ss-faq summary::after{content:"+";right:0;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:var(--ink);line-height:1}
body.fx .ss-faq details[open] summary::after{content:"–";background:var(--brand);color:#fff}
body.fx .ss-faq details p{color:var(--ink-2)}

/* steps, pros/cons, key-values */
body.fx .ss-steps li{padding-left:52px;color:var(--ink-2)}
body.fx .ss-steps li::before{width:34px;height:34px;background:linear-gradient(135deg,var(--brand),var(--violet));box-shadow:0 6px 14px rgba(46,91,255,.28);font-family:var(--font-d)}
body.fx .ss-steps li:not(:last-child)::after{content:"";position:absolute;left:16.5px;top:38px;bottom:4px;width:1.5px;background:var(--line)}
body.fx .ss-steps li b{color:var(--ink)}
body.fx .ss-pc .p,body.fx .ss-pc .c{border-radius:18px;padding:18px 20px}
body.fx .ss-pc .p{background:#F2FBF7;border-color:#CDEEDF}
body.fx .ss-pc .c{background:#FFF5F3;border-color:#FAD4CC}
body.fx .ss-pc ul{list-style:none;padding:0}
body.fx .ss-pc li{position:relative;padding-left:26px;margin:6px 0}
body.fx .ss-pc .p li::before,body.fx .ss-pc .c li::before{position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#fff}
body.fx .ss-pc .p li::before{content:"✓";background:var(--green)}
body.fx .ss-pc .c li::before{content:"✕";background:var(--coral)}
body.fx .ss-kv div,body.fx .dp-best div{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-1)}
body.fx .ss-kv span,body.fx .dp-best span{color:var(--muted);font-weight:700;letter-spacing:.5px}
body.fx .ss-kv b{font-family:var(--font-d);color:var(--ink)}
body.fx .dp-best b{font-family:var(--font-d);color:var(--green)}

/* calculators */
body.fx .ss-calc,body.fx .emi-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--sh-1)}
body.fx .ss-field label{color:var(--ink);font-weight:700}
body.fx .ss-field label output{color:var(--brand-2);font-family:var(--font-d)}
body.fx .ss-field input[type=range]{accent-color:var(--brand)}
body.fx .ss-field input[type=number],body.fx .dp-bank,body.fx .emi-sel,body.fx .gr-sel select,body.fx .gr-sel input,body.fx .emi-cmp-col input{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:11px 12px;font:inherit;font-size:15px}
body.fx .ss-field input[type=number]:focus,body.fx .dp-bank:focus{outline:0;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgba(46,91,255,.12)}
body.fx .ss-out,body.fx .emi-out{background:linear-gradient(150deg,#0B1B3F 0%,#1D2F6F 100%);border-radius:20px;padding:22px;box-shadow:0 14px 34px rgba(11,27,63,.25)}
body.fx .ss-out .big,body.fx .emi-big b{font-family:var(--font-d);letter-spacing:-.6px}
body.fx .ss-ctabs button,body.fx .dp-filter button,body.fx .emi-toggle button{border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:10px;font-weight:600}
body.fx .ss-ctabs button.on,body.fx .dp-filter button.on{background:var(--ink);border-color:var(--ink);color:#fff}
body.fx .emi-btn{background:var(--brand);border-radius:12px}
body.fx .emi-formula{background:linear-gradient(150deg,#0B1B3F,#1D2F6F);border-radius:18px}
body.fx .emi-cmp-col{border-radius:18px;border-color:var(--line)}

/* charts */
body.fx .dp-chart{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}
body.fx{--dp-a:#2E5BFF;--dp-b:#FF6B4A}

/* chips / pills / nav grids */
body.fx .dp-hubnav{gap:10px}
body.fx .dp-hubnav a{border:1px solid var(--line);border-radius:14px;padding:13px 14px;font-weight:700;color:var(--ink)!important;transition:.15s}
body.fx .dp-hubnav a:hover{border-color:var(--brand);box-shadow:var(--sh-1);transform:translateY(-2px)}
body.fx .dp-hubnav a small{color:var(--muted);font-weight:500}
body.fx .dp-pill,body.fx .gr-cities a,body.fx .mf-chips a,body.fx .emi-types a,body.fx .art-kpis span{background:#fff;border:1px solid var(--line);border-radius:999px;font-weight:600;color:var(--ink-2)!important;padding:7px 14px}
body.fx .gr-cities a:hover,body.fx .mf-chips a:hover,body.fx .emi-types a:hover{border-color:var(--brand);color:var(--brand-2)!important;background:#fff}
body.fx .emi-types a.on{background:var(--ink);border-color:var(--ink);color:#fff!important}
body.fx .gr-note,body.fx .mf-note{border-radius:14px}

/* sidebar (static) */
body.fx .ss-aside .ss-sec{padding:20px;border-radius:20px;margin-bottom:16px}
body.fx .ss-aside h3{font-size:15px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-family:var(--font);font-weight:700;margin-bottom:6px}
body.fx .ss-aside a{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--ink)!important;font-weight:600;font-size:14.5px;padding:10px 0;border-bottom:1px solid var(--line-2)}
body.fx .ss-aside a::after{content:"→";color:var(--muted);font-weight:700;transition:.15s}
body.fx .ss-aside a:hover{color:var(--brand-2)!important}
body.fx .ss-aside a:hover::after{color:var(--brand);transform:translateX(3px)}
body.fx .ss-aside .rate-row a::after{display:none}
body.fx .ss-aside .rate-row b{color:var(--green);font-family:var(--font-d)}

/* investments landing cards */
body.fx .inv-c{border:1px solid var(--line);border-radius:20px;padding:20px;transition:.2s}
body.fx .inv-c:hover{border-color:#D5DEF0;box-shadow:var(--sh-2);transform:translateY(-3px)}
body.fx .inv-c h3 a{color:var(--ink)!important;font-family:var(--font-d)}
body.fx .inv-c .kpi b{font-family:var(--font-d);color:var(--green)}
body.fx .inv-c .links a{background:var(--bg);border-color:var(--line);border-radius:999px;font-weight:600;color:var(--ink-2)!important}

/* articles */
body.fx .art .ss-hero,body.fx .art .ss-chero{background:radial-gradient(800px 420px at 90% 0%,rgba(123,97,255,.15),transparent 62%),linear-gradient(180deg,#F7F9FF,#fff)}
body.fx .art-search input{border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1)}
body.fx .art-search button,body.fx .art-pager span.on{background:var(--brand);border-radius:14px}
body.fx .art-card{border:1px solid var(--line);border-radius:20px;transition:.2s}
body.fx .art-card:hover{border-color:#D5DEF0;box-shadow:var(--sh-2);transform:translateY(-4px)}
body.fx .art-card h3{font-family:var(--font-d);color:var(--ink)}
body.fx .art-cats a{border:1px solid var(--line);border-top:4px solid var(--c,var(--brand));border-radius:18px}
body.fx .art-body{font-size:17px;color:var(--ink-2)}
body.fx .art-body h2{font-family:var(--font-d);letter-spacing:-.4px;color:var(--ink)}
body.fx .art-callout{background:var(--brand-soft);border-left-color:var(--brand);border-radius:12px}
body.fx .art-progress{background:linear-gradient(90deg,var(--brand),var(--violet))}
body.fx .art-nav a,body.fx .art-share a{border-color:var(--line);border-radius:14px}

/* legal/company pages & forms */
body.fx .fp-btn{background:var(--brand);border-radius:12px}
body.fx .fp-form input,body.fx .fp-form select,body.fx .fp-form textarea{border-color:var(--line);border-radius:12px;background:var(--bg)}
body.fx .fp-form input:focus,body.fx .fp-form select:focus,body.fx .fp-form textarea:focus{background:#fff;border-color:var(--brand);box-shadow:0 0 0 4px rgba(46,91,255,.12);outline:0}

/* legacy pages (404, DB bank & card pages) — typography and buttons only */
body.fx .page-hero,body.fx .hero{background:radial-gradient(700px 380px at 90% 0%,rgba(123,97,255,.12),transparent 60%),linear-gradient(180deg,#F7F9FF,#fff)}
body.fx .page-hero h1,body.fx .hero h1{font-family:var(--font-d);letter-spacing:-1px;color:var(--ink)}
body.fx .btn{border-radius:12px;border-color:var(--line);font-weight:700}
body.fx .btn.primary{background:var(--brand);border-color:var(--brand)}
body.fx .item-card,body.fx .content-card{border-color:var(--line);border-radius:20px;box-shadow:var(--sh-1)}

/* ---------- responsive ---------- */
@media(max-width:980px){
  body.fx .ss-layout{grid-template-columns:minmax(0,1fr)}
  body.fx .ss-chero .ss-in{grid-template-columns:1fr;gap:20px}
  body.fx .ss-chip{max-width:420px}
  body.fx .ss-art{min-height:300px}
}
@media(max-width:600px){
  body.fx .ss-hero{padding:30px 0 28px}body.fx .ss-chero{padding:26px 0 24px}
  body.fx .ss-hero h1,body.fx .ss-chero h1{font-size:30px;letter-spacing:-.8px}
  body.fx .ss-hero p,body.fx .ss-chero p{font-size:16px}
  body.fx .ss-sec{padding:20px 16px;border-radius:18px}
  body.fx .ss-in,body.fx .ss-hero-wrap,body.fx .ss-tabs-in{width:calc(100% - 28px)}
  body.fx .ss-chip .ic{height:96px}
  body.fx .ss-stats b,body.fx .gr-price b,body.fx .mf-stats b{font-size:19px}
}
/* icons that replaced emoji inside pills, bubbles and sidebar links */
body.fx .ss-bub .bi{display:inline-flex;width:30px;height:30px;border-radius:9px;background:var(--brand-soft);color:var(--brand);align-items:center;justify-content:center;margin-bottom:6px}
body.fx .ss-bub .bi .fi{width:17px;height:17px}
body.fx .ss-bub em:has(.bi){display:block}
body.fx .ss-tabs a .fi,body.fx .art-kpis .fi{width:16px;height:16px;margin-right:2px;vertical-align:-3px}
body.fx .ss-tabs a:not(.on) .fi,body.fx .art-kpis .fi{color:var(--brand)}
body.fx .ss-aside a .fi{width:17px;height:17px;color:var(--brand);margin-right:4px;vertical-align:-3px}

/* ---------- v173 components: directory, card lists, 404 ---------- */
body.fx .fx-dir-search{display:flex;align-items:center;gap:10px;margin-top:20px;max-width:560px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 6px 6px 16px;box-shadow:var(--sh-1)}
body.fx .fx-dir-search .fi{color:var(--muted)}
body.fx .fx-dir-search input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:15.5px;background:transparent;height:44px}
body.fx .fx-dir-search .fx-btn{height:44px;box-shadow:none}
body.fx .fx-dir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.fx .fx-dir-i{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:12px}
body.fx .fx-dir-i[hidden]{display:none}
body.fx .fx-dir-i .hd{display:flex;gap:12px;align-items:center}
body.fx .fx-dir-i .hd b{display:block;font-family:var(--font-d);font-size:16px;color:var(--ink)}
body.fx .fx-dir-i .hd small{color:var(--muted);font-size:12.5px;font-weight:600}
body.fx .fx-dir-i .ps{display:flex;flex-wrap:wrap;gap:6px}
body.fx .fx-dir-i .ps>a,body.fx .fx-dir-i summary{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:600;color:var(--ink-2)!important;text-decoration:none;cursor:pointer;list-style:none}
body.fx .fx-dir-i summary::-webkit-details-marker{display:none}
body.fx .fx-dir-i .ps>a:hover,body.fx .fx-dir-i summary:hover{border-color:var(--brand);color:var(--brand-2)!important}
body.fx .fx-dir-i .ps .fi{width:15px;height:15px;color:var(--brand)}
body.fx .fx-dir-i details{width:100%}
body.fx .fx-dir-i details[open] summary{background:var(--brand-soft);border-color:var(--brand-soft)}
body.fx .fx-dir-i details a{display:inline-block;margin:8px 8px 0 0;font-size:13px;font-weight:600}
body.fx .fx-dir-i .web{font-size:12.5px;font-weight:600;color:var(--muted)!important;text-decoration:none}
body.fx .fx-cardlist{display:grid;gap:12px}
body.fx .fx-cardrow{display:grid;grid-template-columns:150px minmax(0,1fr) 36px;gap:18px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px;text-decoration:none!important;color:var(--ink)!important;transition:.15s}
body.fx .fx-cardrow:hover{border-color:#D5DEF0;box-shadow:var(--sh-2);transform:translateY(-2px)}
body.fx .fx-cardrow .fx-cardart{font-size:10px;box-shadow:0 8px 18px rgba(11,27,63,.18)}
body.fx .fx-cardrow b{display:block;font-family:var(--font-d);font-size:16px}
body.fx .fx-cardrow small{display:block;color:var(--muted);font-size:13px;margin:4px 0 8px;line-height:1.45}
body.fx .fx-cardrow .kv{display:flex;gap:8px;flex-wrap:wrap}
body.fx .fx-cardrow .kv em{font-style:normal;background:var(--bg);border-radius:10px;padding:5px 10px;font-size:12px;color:var(--muted);font-weight:600}
body.fx .fx-cardrow .kv em b{display:inline;font-size:13px;color:var(--ink)}
body.fx .fx-cardrow .go{width:36px;height:36px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center}
body.fx .fx-cardrow:hover .go{background:var(--brand);color:#fff}
body.fx .fx-cardchip .fx-cardart,body.fx .fx-cardchip .fx-cardimg{display:block;width:100%;margin-bottom:12px;border-radius:14px}
body.fx .fx-cardchip .fx-cardimg{aspect-ratio:1.586/1;object-fit:contain;background:var(--bg)}
body.fx .fx-404-art{display:flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-d);font-weight:800;font-size:150px;line-height:1;color:var(--brand);letter-spacing:-6px}
body.fx .fx-404-art span{background:linear-gradient(135deg,var(--brand),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
body.fx .fx-404-art img{width:170px;height:auto}
body.fx.fx-s- .ss-chero,body.fx .fx-404 .ss-chero{padding:56px 0}
@media(max-width:700px){body.fx .fx-dir{grid-template-columns:1fr}body.fx .fx-cardrow{grid-template-columns:96px minmax(0,1fr)}body.fx .fx-cardrow .go{display:none}body.fx .fx-404-art{font-size:90px}body.fx .fx-404-art img{width:100px}}
/* v173: banners inside the sidebar keep their own look */
body.fx .ss-aside a.fx-bn{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px!important;border-bottom:0;color:#fff!important;font-weight:400}
body.fx .ss-aside a.fx-bn.has-img{padding:0!important}
body.fx .ss-aside a.fx-bn::after{display:none}
body.fx .ss-aside a.fx-bn .tx b{font-size:18px}

/* v177: custom ad code placements */
.fp-ad.fp-ad-custom{min-height:0}
.fp-ad.fp-ad-custom>.fp-ad-code{display:block;width:100%;max-width:100%;overflow:hidden}

/* v179: custom-code-only ad placements. Let pasted GAM/AdSense code control its own dimensions. */
.fp-ad.fp-ad-custom{min-height:0!important;height:auto!important;overflow:visible!important}
.fp-ad.fp-ad-custom>.fp-ad-code{display:block!important;width:100%;max-width:100%;height:auto;min-height:0;overflow:visible!important}

/* v180 custom-ad-code-only: never force/collapse third-party/GPT containers.
   The pasted snippet owns its own dimensions and visibility. */
.fp-ad.fp-ad-custom{display:block!important;min-height:0!important;height:auto!important;overflow:visible!important}
.fp-ad.fp-ad-custom>div{max-width:100%;overflow:visible}
.fp-ad.fp-ad-custom iframe{max-width:100%}

/* v181: dynamic custom-ad sizing. Creative size comes from the served iframe. */
.fp-ad.fp-ad-custom>.fp-ad-code{display:flex!important;flex-direction:column;align-items:center;width:100%;max-width:100%;height:auto!important;min-height:0;overflow:visible!important}
.fp-ad.fp-ad-custom>.fp-ad-code>center{display:block;width:100%;height:auto!important;min-height:0}
.fp-ad.fp-ad-custom>.fp-ad-code iframe{display:block;margin-left:auto;margin-right:auto;max-width:100%}

/* v182: custom snippets own their dimensions. Filled GPT slots are never clipped. */
.fp-ad.fp-ad-custom{overflow:visible!important;height:auto!important;min-height:0!important}
.fp-ad.fp-ad-custom.fp-ad-empty{display:none!important}
.fp-ad.fp-ad-custom>.fp-ad-code{overflow:visible!important;height:auto!important;min-height:0!important;width:100%;text-align:center}
.fp-ad.fp-ad-custom>.fp-ad-code>center{overflow:visible!important;height:auto!important}
.fp-ad.fp-ad-custom div[id^="div-gpt-ad-"]{margin-left:auto!important;margin-right:auto!important;overflow:visible!important}
.fp-ad.fp-ad-custom div[id^="google_ads_iframe_"]{overflow:visible!important}
.fp-ad.fp-ad-custom iframe[id^="google_ads_iframe_"]{max-width:none!important}