/* RatesToday v8 — shared stylesheet (header + footer + home). One source of truth.
   Relative font URL resolves on /rt and / alike. */
@font-face{font-family:'Mulish';src:url(../fonts/Mulish-subset.woff2) format('woff2');font-weight:400 900;font-display:swap}

:root{
  --bg:#F6F7FB;--card:#FFFFFF;--soft:#F0F1F6;--ink:#323338;--sub:#676879;--faint:#686B79;
  --line:#E6E9F0;--line-2:#D5D9E6;--blue:#0073EA;--blue-d:#0060B9;--blue-bg:#E5F1FD;
  --up:#017A45;--up-bg:#E1F8EE;--down:#BC2C45;--down-bg:#FCE7EB;--wa:#1FA855;
  --gold:#FDAB3D;--lp:#0073EA;--lp-bg:#E5F1FD;--lp-d:#0060B9;--dark:#292F4C;
  --sh:0 6px 18px rgba(50,51,56,.10);--sh-1:0 1px 3px rgba(50,51,56,.08);
  --ui:'Mulish',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
.c1{--c:#0073EA;--ct:#E5F1FD;--cd:#0060B9}.c2{--c:#579BFC;--ct:#E9F1FE;--cd:#2F6FD4}
.c3{--c:#00C2C7;--ct:#E0F7F7;--cd:#018C90}.c4{--c:#00C875;--ct:#E1F8EE;--cd:#018F53}
.c5{--c:#037F4C;--ct:#E1F2EA;--cd:#026B40}.c6{--c:#A25DDC;--ct:#F2E9FA;--cd:#8341C4}
.c7{--c:#7E3FF2;--ct:#EDE6FD;--cd:#6526D6}.c8{--c:#E2445C;--ct:#FCE7EB;--cd:#C5304A}
.c9{--c:#FDAB3D;--ct:#FEF1DF;--cd:#B97A1B}

*{box-sizing:border-box;margin:0;padding:0}
button,input,select,textarea{box-sizing:border-box}/* Safari: form controls can ignore the * box-sizing — force it so width:100%+padding never overflows */
html{-webkit-text-size-adjust:100%}
body{font-family:var(--ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5;font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration:none}
img{max-width:100%}
/* every inline SVG is icon-sized by default; contexts may override */
svg{display:block;width:18px;height:18px;flex:none}
.up{color:var(--up)}.down{color:var(--down)}.flat{color:var(--faint)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* ===================== TICKER (marquee) ===================== */
.ticker{background:var(--dark);height:38px;display:flex;align-items:center;overflow:hidden;position:relative}
.tk-live{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;color:#3FD693;padding:0 16px;height:100%;background:var(--dark);z-index:2;flex:none;box-shadow:8px 0 8px -4px rgba(41,47,76,.9)}
.tk-live .pulse{width:7px;height:7px;border-radius:50%;background:#3FD693;box-shadow:0 0 0 3px rgba(63,214,147,.25)}
.ticker .track{display:flex;align-items:center;white-space:nowrap;animation:tick 38s linear infinite;will-change:transform}
.ticker:hover .track,.ticker:focus-within .track{animation-play-state:paused}
.tk-i{display:flex;align-items:baseline;gap:6px;font-size:11.5px;color:#E9EAF2;padding:0 18px;border-right:1px solid #3c4366;font-weight:600}
.tk-i .k{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#9DA2BE}
.tk-i .u{color:#3FD693;font-size:10px}.tk-i .d{color:#FF6B81;font-size:10px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker{overflow-x:auto;scrollbar-width:none}.ticker::-webkit-scrollbar{display:none}.ticker .track{animation:none}}

/* ===================== HEADER (shared, every template) ===================== */
.hdr{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.hdr .wrap{display:flex;align-items:center;gap:22px;height:62px}
.brandwm{font-weight:900;letter-spacing:-.035em;font-size:22px;display:inline-flex;align-items:baseline;color:#16233B;line-height:1;flex:none}
.brandwm .cr{position:relative;display:inline-block}
.brandwm .cr .bar{position:absolute;left:.01em;width:.58em;height:.1em;border-radius:.06em;background:#FDAB3D;top:.40em;transform:rotate(-11deg)}
.brandwm .gd{color:#FDAB3D}
.hnav{display:flex;gap:2px}
.hnav a{font-size:14px;font-weight:800;color:var(--sub);padding:9px 12px;border-radius:9px;white-space:nowrap}
.hnav a:hover{background:var(--soft)}
.hnav a.on{color:var(--blue-d);background:var(--blue-bg)}
.hsearch-c{margin-left:auto;position:relative;flex:none}
.hsearch-c .box{display:flex;align-items:center;gap:8px;background:var(--soft);border:1.5px solid transparent;border-radius:11px;padding:8px 12px;width:230px}
.hsearch-c .box:focus-within{border-color:var(--line-2);background:#fff}
.hsearch-c svg{width:16px;height:16px;color:var(--faint)}
.hsearch-c input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:13.5px;color:var(--ink);min-width:0}
.hsearch-c input::placeholder{color:var(--faint)}
.hsearch-c .results{position:absolute;top:calc(100% + 6px);right:0;left:0;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--sh);overflow:hidden;display:none;z-index:60}
.hsearch-c .results a{display:block;padding:10px 13px;font-size:13px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line)}
.hsearch-c .results a:last-child{border-bottom:0}.hsearch-c .results a:hover,.hsearch-c .results a:focus{background:var(--blue-bg);color:var(--blue-d)}
.htrust{display:none}
/* mobile horizontal nav strip (shared) */
.hsub{display:none;background:var(--card);border-bottom:1px solid var(--line)}
.hsub .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:9px;padding-bottom:9px}
.hsub .wrap::-webkit-scrollbar{display:none}
.hsub a{font-size:13px;font-weight:800;color:var(--ink);background:var(--soft);border-radius:99px;padding:7px 13px;white-space:nowrap;flex:none}
.hsub a.on{color:#fff;background:var(--blue)}

/* ===================== PAGE HEAD (compact, SEO H1) ===================== */
.phead{padding:22px 0 0;text-align:center}
.phead h1{font-size:26px;font-weight:900;letter-spacing:-.025em;line-height:1.15}
.phead h1 .g{color:var(--gold)}
.phead .fresh{margin-top:7px;font-size:12.5px;color:var(--faint);font-weight:700;display:inline-flex;align-items:center;gap:7px}
.phead .fresh .dot{width:8px;height:8px;border-radius:50%;background:#00C875;box-shadow:0 0 0 3px var(--up-bg)}

/* ===================== UNIFIED RATE GRID (one component) ===================== */
.block{padding:30px 0}
.altbg{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.shead{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 16px;gap:16px}
.shead h2{font-size:22px;font-weight:900;letter-spacing:-.02em}
.shead .more{font-size:13px;font-weight:800;color:var(--blue-d);display:flex;align-items:center;gap:5px;white-space:nowrap}
.shead .more svg{width:14px;height:14px}

.rates{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rtile{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:var(--sh-1);padding:15px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .12s ease,box-shadow .12s ease}
.rtile:hover{transform:translateY(-2px);box-shadow:var(--sh);border-color:var(--line-2)}
.rtile .sq{width:40px;height:40px;border-radius:11px;background:var(--c);display:grid;place-items:center;box-shadow:0 5px 12px -3px var(--c);margin-bottom:11px}
.rtile .sq svg{width:22px;height:22px;color:#fff}
.rtile .nm{font-size:12.5px;font-weight:800;color:var(--sub);letter-spacing:-.01em}
.rtile .vl{font-size:20px;font-weight:900;letter-spacing:-.02em;margin-top:3px;color:var(--ink)}
.rtile .vl .u{font-size:11px;color:var(--faint);font-weight:800}
.rtile .vl small{font-size:.72em;font-weight:800;color:var(--ink);letter-spacing:.01em;margin-right:1px}  /* foreign-currency code (e.g. AED) in hero tiles — defined so it stays clearly legible */
.rtile .pill{margin-top:9px;font-size:10px;font-weight:800;padding:3px 9px;border-radius:99px;color:var(--cd);background:var(--ct);letter-spacing:.01em}
.rtile .pill.up{color:var(--up);background:var(--up-bg)}.rtile .pill.down{color:var(--down);background:var(--down-bg)}.rtile .pill.flat{color:var(--faint);background:var(--soft)}

/* ===================== NRI CUSTOMS HUB (set apart) ===================== */
.nrihub{display:flex;align-items:center;gap:18px;margin-top:14px;background:linear-gradient(135deg,#FFF7EC 0%,#FDEFD8 100%);border:1px solid #F4DEB6;border-radius:16px;box-shadow:var(--sh-1);padding:18px 20px}
.nrihub .ni{width:50px;height:50px;border-radius:14px;background:var(--gold);display:grid;place-items:center;flex:none;box-shadow:0 6px 14px -4px var(--gold)}
.nrihub .ni svg{width:26px;height:26px;color:#fff}
.nrihub .nx{flex:1;min-width:0}
.nrihub .ntag{font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8A5A12}
.nrihub .nt{font-size:16px;font-weight:900;letter-spacing:-.01em;margin-top:2px}
.nrihub .nd{font-size:12.5px;color:#6E5526;font-weight:600;margin-top:3px;line-height:1.45}
.nrihub .na{margin-left:auto;align-self:center;display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:#fff;font-size:13px;font-weight:800;border-radius:11px;padding:11px 16px;flex:none}
.nrihub .na svg{width:14px;height:14px;color:#fff}

/* ===================== GULF FUEL STRIP + NOTE (home) ===================== */
.gulffuel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--sh-1);padding:13px 16px;text-decoration:none;color:var(--ink);transition:transform .12s ease,box-shadow .12s ease}
.gulffuel:hover{transform:translateY(-1px);box-shadow:var(--sh);border-color:var(--line-2)}
.gulffuel span{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:800;letter-spacing:-.01em}
.gulffuel span svg{width:18px;height:18px;color:var(--blue);flex:none}
.gulffuel>svg{width:16px;height:16px;color:var(--faint);flex:none}
.gulfnote{font-size:12.5px;color:var(--sub);margin:11px 2px 0;line-height:1.5}
.gulfnote a{color:var(--blue-d);font-weight:700;text-decoration:none}

/* ===================== PRICE ALERT (secondary) ===================== */
.alert{border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--sh-1);padding:16px 18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.alert .ax{flex:1;min-width:220px}
.alert .t{font-size:15px;font-weight:900;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}
.alert .t svg{width:18px;height:18px;color:var(--blue)}
.alert .d{font-size:12px;color:var(--sub);margin-top:4px;line-height:1.45}
.alert .row{display:flex;gap:8px;flex:1;min-width:260px;max-width:420px}
.alert .inp{flex:1;display:flex;align-items:center;gap:8px;background:var(--card);border:1.5px solid var(--line-2);border-radius:11px;padding:0 12px}
.alert .inp svg{width:16px;height:16px;color:var(--faint)}
.alert .inp input{flex:1;border:0;outline:0;font:inherit;font-size:13.5px;padding:11px 0;background:none;min-width:0}
.alert .go{background:var(--blue);color:#fff;border:0;border-radius:11px;padding:0 18px;font:inherit;font-weight:800;font-size:13.5px;cursor:pointer;white-space:nowrap;box-shadow:0 5px 13px rgba(0,115,234,.28)}

/* ===================== GUIDES ===================== */
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gcard{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);padding:18px;display:flex;flex-direction:column;gap:9px}
.gcard:hover{box-shadow:var(--sh)}
.gcard .gi{width:38px;height:38px;border-radius:11px;background:var(--blue-bg);display:grid;place-items:center}
.gcard .gi svg{width:20px;height:20px;color:var(--blue)}
.gcard .gt{font-size:14px;font-weight:800;line-height:1.3}
.gcard .gx{font-size:12px;color:var(--sub);line-height:1.5}
.gcard .gr{font-size:12px;font-weight:800;color:var(--blue-d);margin-top:auto;display:flex;align-items:center;gap:5px}
.gcard .gr svg{width:13px;height:13px}

/* ===================== FOOTER DIRECTORY + LEGAL ===================== */
.lbl{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 12px;display:flex;align-items:center;gap:8px}
.lbl svg{width:13px;height:13px;color:var(--gold)}
.lbl::after{content:"";flex:1;height:1px;background:var(--line)}
.explore{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 26px}
.exg .gl{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.exg .gl svg{width:12px;height:12px;color:var(--gold)}
.exg .gc{display:flex;flex-wrap:wrap;gap:7px}
.exg .gc a{font-size:12px;font-weight:700;color:var(--sub);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:7px 11px;box-shadow:var(--sh-1)}
.exg .gc a.acc{color:var(--blue-d);font-weight:800;border-color:#BFDCFB;background:var(--blue-bg);box-shadow:none}
.exg .gc a.all{color:var(--blue-d);font-weight:800}
.exg-wide{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:15px;margin-top:2px}
.exg-wide .gc a{font-size:11.5px;padding:6px 10px}
.lf{margin-top:30px;background:var(--dark)}
.lf .wrap{padding-top:26px;padding-bottom:26px}
.lf .lb{display:flex;align-items:center;gap:8px;margin-bottom:13px}
.lf .lb .n{font-size:16px;font-weight:900;color:#fff;letter-spacing:-.02em;display:inline-flex;align-items:baseline}
.lf .lb .n .cr{position:relative;display:inline-block}
.lf .lb .n .cr .bar{position:absolute;left:.01em;width:.58em;height:.1em;border-radius:.06em;background:#579BFC;top:.40em;transform:rotate(-11deg)}
.lf .lb .n span{color:#9DA2BE}
.lf .util{display:flex;flex-wrap:wrap;gap:8px 16px;padding-bottom:14px;border-bottom:1px solid #3c4366}
.lf .util a{font-size:12px;color:#C6CAE0;font-weight:600}
.lf .util a:hover{color:#fff}
.lf .cp{margin-top:14px;font-size:11px;color:#969CB2;line-height:1.55;max-width:760px}

/* ===================== MOBILE BOTTOM NAV ===================== */
.tab{display:none;position:sticky;bottom:0;z-index:40;background:var(--card);border-top:1px solid var(--line)}
.tab a,.tab button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 10px;font-size:9px;font-weight:800;color:var(--faint);background:none;border:0;cursor:pointer;font-family:inherit}
.tab a svg,.tab button svg{width:19px;height:19px}
.tab a.on{color:var(--blue)}
/* prominent centre "Explore" launcher */
.tab .tab-explore{color:var(--blue-d)}
.tab .tab-explore .te-ic{width:40px;height:40px;border-radius:50%;background:var(--blue);box-shadow:0 5px 13px -3px var(--blue);display:flex;align-items:center;justify-content:center;margin-top:-16px;border:3px solid var(--card)}
.tab .tab-explore .te-ic svg{width:21px;height:21px;color:#fff}

/* ===================== RESPONSIVE ===================== */
@media(max-width:980px){
  .wrap{padding:0 16px}
  .hdr .wrap{height:54px;gap:12px}
  .brandwm{font-size:19px}
  .hnav{display:none}
  .hsub{display:block}
  .hsearch-c .box{width:auto}
  .hsearch-c{margin-left:auto;flex:1;max-width:none;margin-left:12px}
  .hsearch-c .box{width:100%}
  .phead h1{font-size:22px}
  .block{padding:22px 0}
  .shead h2{font-size:19px}
  .guides{grid-template-columns:1fr 1fr;gap:11px}
  .guides>a:last-child:nth-child(odd){grid-column:1/-1}
  .gcard{padding:14px;gap:7px;border-radius:13px}
  .gcard .gi{width:34px;height:34px;border-radius:10px;margin-bottom:1px}
  .gcard .gi svg{width:18px;height:18px}
  .gcard .gt{font-size:13.5px;line-height:1.25}
  .gcard .gx{font-size:11.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .gcard .gr{font-size:11.5px}
  .explore{grid-template-columns:1fr;gap:15px}
  .nrihub{gap:13px;padding:15px}
  .nrihub .nd{display:none}
  .nrihub .na span{display:none}.nrihub .na{padding:11px}
  .gulffuel{padding:12px 13px}.gulffuel span{font-size:12.5px}
  .tab{display:flex}
  body{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:560px){
  .rates{gap:8px}
  .rtile{padding:13px 9px}
  .rtile .sq{width:36px;height:36px;border-radius:10px;margin-bottom:9px}
  .rtile .sq svg{width:20px;height:20px}
  .rtile .nm{font-size:11px}
  .rtile .vl{font-size:15px}
  .rtile .vl .u{font-size:9.5px}
  .rtile .vl small{font-size:12px}
  .rtile .pill{font-size:9px;padding:2px 7px;margin-top:7px}
}

/* ============================================================
   GOLD HUB (scoped under .gx — no collision with home/footer)
   ============================================================ */
.gx-wrap{padding-top:16px;padding-bottom:8px}
/* breadcrumb row + compact karat switch (replaces the crowded tab row) */
.gx-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.gx-purity{display:inline-flex;background:var(--soft);border-radius:9px;padding:3px;gap:2px;flex:none}
.gx-purity a{font-size:11.5px;font-weight:800;color:var(--sub);padding:5px 12px;border-radius:7px;line-height:1}
.gx-purity a.on{background:var(--card);color:var(--blue-d);box-shadow:var(--sh-1)}
/* breadcrumb */
.gx-crumb{display:flex;align-items:center;gap:5px;margin-top:0;font-size:12px;color:var(--sub);font-weight:600}
.gx-crumb svg{width:11px;height:11px;color:var(--faint)}
.gx-crumb a{color:var(--blue-d)} .gx-crumb .cur{color:var(--ink);font-weight:700}
/* head */
.gx-head{margin-top:10px}
.gx-head h1{font-size:27px;font-weight:900;letter-spacing:-.025em;line-height:1.18}
.gx-fresh{margin-top:8px;font-size:12.5px;color:var(--faint);font-weight:700;display:inline-flex;align-items:center;gap:7px}
.gx-fresh .dot{width:8px;height:8px;border-radius:50%;background:#00C875;box-shadow:0 0 0 3px var(--up-bg)}
/* answer (snippet box) */
.gx-answer{margin-top:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-1);padding:15px 17px;font-size:15px;line-height:1.55;color:var(--sub)}
/* remove the ugly native number-input spinner arrows across every form/calculator */
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
.gx-answer b{color:var(--ink);font-weight:800}
/* layout grid */
.gx-grid{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:28px;align-items:start;margin-top:22px}
.gx-col{min-width:0}
.gx-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:16px}
/* section label */
.gx-lbl{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8A5A12;margin:26px 0 12px;display:flex;align-items:center;gap:8px}
.gx-lbl::after{content:"";flex:1;height:1px;background:var(--line)}
.gx-col>.gx-lbl:first-child,.gx-grid>.gx-lbl{margin-top:0}
/* rate card */
.gx-ratecard{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);overflow:hidden}
.gx-ratecard .rc-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 11px}
.gx-ratecard .rc-h .t{font-size:13px;font-weight:900;display:flex;align-items:center;gap:8px}
.gx-ratecard .rc-h .t svg{width:17px;height:17px;color:var(--gold)}
.gx-ratecard .rc-h .t .pin{font-size:9px;font-weight:800;color:#fff;background:var(--up);padding:3px 8px;border-radius:99px;letter-spacing:.03em}
.gx-ratecard .rc-h .upd{font-size:11px;color:var(--faint);font-weight:600}
.gx-ratecard .rrow{display:flex;align-items:center;gap:13px;padding:13px 16px;border-top:1px solid var(--line)}
.gx-ratecard .rrow .sq{width:42px;height:42px;border-radius:12px;background:var(--gold);display:grid;place-items:center;flex:none;box-shadow:0 5px 12px -3px var(--gold)}
.gx-ratecard .rrow .sq svg{width:23px;height:23px;color:#fff}
.gx-ratecard .rrow .nx{display:flex;flex-direction:column;min-width:0}
.gx-ratecard .rrow .nm{font-size:14.5px;font-weight:900;letter-spacing:-.01em}
.gx-ratecard .rrow .badge{display:inline-block;font-size:8.5px;font-weight:800;color:var(--blue-d);background:var(--blue-bg);border:1px solid #BFDCFB;padding:0 6px;border-radius:99px;margin-left:6px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;vertical-align:1px}
/* Hub helpers: "open a country" chip rows + inline table tag (used by Gulf gold/fuel hubs) */
.gx .chips{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 4px}
.gx .chip{font-size:12.5px;font-weight:800;color:var(--blue-d);background:var(--card);border:1px solid var(--line-2);border-radius:10px;padding:9px 13px;box-shadow:var(--sh-1);text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}
.gx .chip:hover{transform:translateY(-1px);box-shadow:var(--sh);border-color:var(--blue)}
.gx-tbl td .badge{display:inline-block;font-size:8.5px;font-weight:800;color:var(--faint);background:var(--soft);border:1px solid var(--line-2);padding:1px 6px;border-radius:99px;margin-left:6px;text-transform:uppercase;letter-spacing:.03em;vertical-align:1px}
.gx-ratecard .rrow .fn{display:flex;align-items:center;flex-wrap:wrap;gap:2px 0}
.gx-ratecard .rrow .fn{font-size:11px;color:var(--faint);font-weight:700;margin-top:1px}
.gx-ratecard .rrow .pr{margin-left:auto;text-align:right;flex:none}
.gx-ratecard .rrow .pr .v{font-size:21px;font-weight:900;letter-spacing:-.02em;line-height:1}
.gx-ratecard .rrow .pr .v small{font-size:12px;color:var(--faint);font-weight:800}
.gx-ratecard .rrow .pr .ch{display:inline-block;margin-top:5px;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:99px}
.gx-ratecard .rrow .ch.up{color:var(--up);background:var(--up-bg)}.gx-ratecard .rrow .ch.down{color:var(--down);background:var(--down-bg)}.gx-ratecard .rrow .ch.flat{color:var(--faint);background:var(--soft)}
.gx-ratecard .rrow.hot{background:var(--blue-bg)}
.gx-ratecard .rc-foot{padding:11px 16px;font-size:10.5px;color:var(--faint);font-weight:600;background:var(--soft);text-align:center}
/* narrative */
.gx-narr{margin-top:14px;font-size:13.5px;line-height:1.6;color:var(--sub)}
.gx-narr b{color:var(--ink);font-weight:800}
/* calculator card */
.gx-card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);padding:16px}
.gx-row2{display:flex;gap:11px}.gx-row2>.fld{flex:1;min-width:0}
.gx-card .fld{margin-bottom:12px}
.gx-card label{display:block;font-size:11.5px;font-weight:800;color:var(--sub);margin-bottom:6px}
.gx-card .inp{display:flex;align-items:center;border:1.5px solid var(--line-2);border-radius:11px;padding:0 13px;background:var(--card)}
.gx-card .inp input,.gx-card .inp select{flex:1;border:0;outline:0;font:inherit;font-size:16px;font-weight:800;padding:12px 0;background:none;color:var(--ink);min-width:0;-webkit-appearance:none;appearance:none}
.gx-card .inp .u{font-size:12px;color:var(--faint);font-weight:700}
.gx-chk{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;color:var(--ink);margin:2px 0 13px;cursor:pointer}
.gx-chk input{width:18px;height:18px;accent-color:var(--blue);flex:none}
.gx-brk{background:var(--soft);border-radius:12px;padding:4px 14px}
.gx-brk .li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:12.5px;border-bottom:1px solid var(--line)}
.gx-brk .li .l{color:var(--sub);font-weight:600}.gx-brk .li .r{font-weight:800;white-space:nowrap}
.gx-brk .li.tot{border-bottom:0;padding:11px 0}
.gx-brk .li.tot .l{color:var(--ink);font-weight:800;font-size:13px}
.gx-brk .li.tot .r{font-size:18px;font-weight:900;color:var(--blue-d)}
.gx-note{font-size:11px;color:var(--faint);margin-top:11px;line-height:1.5}
/* tables */
.gx-tbl{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);overflow-x:auto;-webkit-overflow-scrolling:touch}
.gx-tbl table{width:100%;border-collapse:collapse}
.gx-tbl th,.gx-tbl td{padding:11px 14px;text-align:right;font-size:13px;white-space:nowrap}
.gx-tbl th:first-child,.gx-tbl td:first-child{white-space:normal}
.gx-tbl tbody tr:nth-child(even){background:var(--bg)}
.gx-tbl th{background:var(--soft);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--sub)}
.gx-tbl th:first-child,.gx-tbl td:first-child{text-align:left}
.gx-tbl td{border-top:1px solid var(--line);font-weight:800}
.gx-tbl td:first-child{font-weight:700;color:var(--sub)}
.gx-tbl td.k24{color:var(--ink)}
.gx-tbl td a{color:var(--blue-d);font-weight:700}
.gx-tbl .up{color:var(--up)}.gx-tbl .down{color:var(--down)}.gx-tbl .flat{color:var(--faint)}
/* wide comparison tables: pin the first column on horizontal scroll + a subtle scrollbar */
.gx-tbl{scrollbar-width:thin}
.gx-tbl th:first-child,.gx-tbl td:first-child{position:sticky;left:0;z-index:1}
.gx-tbl th:first-child{background:var(--soft)}
.gx-tbl td:first-child{background:var(--card);box-shadow:1px 0 0 var(--line)}
.gx-tbl tbody tr:nth-child(even) td:first-child{background:var(--bg)}
@media(max-width:560px){
  .gx-tbl th,.gx-tbl td{padding:9px 11px;font-size:12.5px}
  .fx .tbl th,.fx .tbl td{padding:9px 11px;font-size:12.5px}
}
/* city grid */
.gx-citygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gx-citygrid .cc{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-1);padding:11px 13px}
.gx-citygrid .cc:hover{border-color:var(--line-2)}
.gx-citygrid .cn{font-size:13px;font-weight:800;color:var(--blue-d)}
.gx-citygrid .cp{font-size:15px;font-weight:900;margin-top:2px}
.gx-citygrid .cx{font-size:10px;color:var(--faint);font-weight:600;margin-top:1px}
/* collapsible all-cities */
.gx-collapse{position:relative;max-height:300px;overflow:hidden;margin-top:11px}
.gx-collapse.open{max-height:none}
.gx-fade{position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.gx-collapse.open .gx-fade{display:none}
.gx-showall{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:11px;background:var(--card);border:1.5px solid var(--blue);border-radius:11px;padding:12px;font:inherit;font-size:13px;font-weight:800;color:var(--blue-d);cursor:pointer}
.gx-showall svg{width:14px;height:14px;transform:rotate(90deg)}
/* trend */
.gx-trend{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-1);padding:16px}
.gx-tstats{display:flex;gap:11px;margin-bottom:14px}
.gx-tstats .tstat{flex:1;background:var(--soft);border-radius:12px;padding:11px 13px;text-align:center}
.gx-tstats .tstat .k{display:block;font-size:10px;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.04em}
.gx-tstats .tstat .v{display:block;font-size:17px;font-weight:900;margin-top:4px}
.gx-tstats .tstat .v.up{color:var(--up)}.gx-tstats .tstat .v.down{color:var(--down)}
.gx-chart{margin:4px 0}.gx-chart svg{width:100%;height:96px;display:block}
.gx-chart-rich{margin:10px 0}  /* fills its container edge-to-edge like the tables; page columns set the width */
.gx-chart-rich svg{height:auto}  /* compact rich chart: native 560×182 aspect; compact sparkline stays 96px */
@media(max-width:480px){.gx-chart-rich .rc-dense{display:none}}  /* mobile: fewer gridlines/labels, legible at 360px */
.gx-tread{font-size:13px;line-height:1.6;color:var(--sub);margin-top:6px}
.gx-tread b{color:var(--ink);font-weight:800}
/* content */
.gx-content{position:relative;overflow:hidden}
.gx-content h2{font-size:16px;font-weight:900;letter-spacing:-.01em;margin:18px 0 7px}
.gx-content h2:first-child{margin-top:0}
.gx-content p{font-size:14px;line-height:1.7;color:var(--sub);margin-bottom:6px}
.gx-content p.src{font-size:12px;color:var(--faint);margin-top:12px}
.gx-more-btn{display:none}
/* faq */
.gx-faq{display:flex;flex-direction:column;gap:9px}
.gx-faq .fq{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-1);overflow:hidden}
.gx-faq .q{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;font:inherit;font-size:13.5px;font-weight:800;color:var(--ink);padding:14px 15px;cursor:pointer}
.gx-faq .q svg{width:15px;height:15px;color:var(--faint);flex:none;transition:transform .15s}
.gx-faq .fq.open .q svg{transform:rotate(90deg)}
.gx-faq .a{font-size:13px;color:var(--sub);line-height:1.6;padding:0 15px;max-height:0;overflow:hidden;transition:none}
.gx-faq .a b{color:var(--ink);font-weight:800}
.gx-faq .fq.open .a{padding:0 15px 14px;max-height:none}
/* sidebar: alert */
.gx-alert{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);padding:15px}
.gx-alert .t{font-size:14px;font-weight:900;display:flex;align-items:center;gap:8px}
.gx-alert .t svg{width:18px;height:18px;color:var(--blue)}
.gx-alert .d{font-size:12px;color:var(--sub);margin:6px 0 11px;line-height:1.45}
.gx-alert .row{display:flex;gap:8px}
.gx-alert .inp{flex:1;display:flex;align-items:center;background:var(--card);border:1.5px solid var(--line-2);border-radius:11px;padding:0 12px}
.gx-alert .inp input{flex:1;border:0;outline:0;font:inherit;font-size:13.5px;padding:11px 0;background:none;min-width:0}
.gx-alert .go{background:var(--blue);color:#fff;border:0;border-radius:11px;padding:0 16px;font:inherit;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap}
/* sidebar: loan */
.gx-loan{background:linear-gradient(180deg,#F5F9FF,#EAF3FE);border:1px solid #CFE3FB;border-radius:14px;box-shadow:var(--sh-1);padding:15px}
.gx-loan .lh{display:flex;align-items:center;gap:11px}
.gx-loan .lh .sq{width:42px;height:42px;border-radius:12px;background:var(--lp);display:grid;place-items:center;flex:none;box-shadow:0 5px 12px -3px var(--lp)}
.gx-loan .lh .sq svg{width:23px;height:23px;color:#fff}
.gx-loan .lh .lt{font-size:15px;font-weight:900}.gx-loan .lh .lt small{display:block;font-size:11px;color:var(--lp-d);font-weight:800;margin-top:1px}
.gx-loan .elig{margin:12px 0;background:#fff;border:1px solid #EADBF8;border-radius:11px;padding:10px 13px;font-size:12px;font-weight:700;color:var(--sub);display:flex;justify-content:space-between;align-items:center;gap:8px}
.gx-loan .elig b{color:var(--lp-d);font-size:15px;font-weight:900;white-space:nowrap}
.gx-loan .lenders{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.gx-loan .ld{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #EADBF8;border-radius:10px;padding:9px 11px}
.gx-loan .ld .lg{width:30px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:10px;font-weight:900;color:#fff;flex:none}
.gx-loan .ld .ln{font-size:12.5px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gx-loan .ld .lr{margin-left:auto;font-size:13px;font-weight:900;color:var(--lp-d)}
.gx-loan .cta{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--lp-d);color:#fff;border-radius:11px;padding:12px;font-size:13px;font-weight:800;box-shadow:0 5px 13px rgba(0,115,234,.26)}
.gx-loan .cta svg{width:14px;height:14px;color:#fff}
/* sidebar: trending + more */
.gx-trending,.gx-morelinks{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);padding:15px}
.gx-trending .tt,.gx-morelinks .tt{font-size:13px;font-weight:900;margin-bottom:11px}
.gx-trending .tl{display:flex;flex-wrap:wrap;gap:7px}
.gx-trending .tl a{font-size:12px;font-weight:700;color:var(--ink);background:var(--soft);border-radius:8px;padding:9px 12px}
.gx-trending .tl a:hover{color:var(--blue-d)}
.gx-trending .tl a.all{color:var(--blue-d);font-weight:800;background:var(--blue-bg)}
.gx-morelinks a{display:block;font-size:13px;font-weight:700;color:var(--blue-d);padding:11px 0;border-top:1px solid var(--line)}
.gx-morelinks a:first-of-type{border-top:0}
/* news */
.gx-news{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.gx-news .nc{display:flex;gap:11px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-1);padding:11px}
.gx-news .th{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;flex:none}
.gx-news .th svg{width:20px;height:20px;color:#fff}
.gx-news .nx{display:flex;flex-direction:column;min-width:0}
.gx-news .nt{font-size:13px;font-weight:800;line-height:1.3}
.gx-news .nm2{font-size:10.5px;color:var(--faint);font-weight:600;margin-top:4px}
/* responsive */
@media(max-width:980px){
  .gx-grid{grid-template-columns:1fr;gap:0;margin-top:18px}
  .gx-side{position:static;margin-top:26px}
  .gx-head h1{font-size:23px}
  .gx-answer{font-size:14px}
  .gx-news{grid-template-columns:1fr}
  .gx-content.clip{max-height:230px}
  .gx-content.clip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,var(--bg))}
  .gx-content.clip.open{max-height:none}
  .gx-content.clip.open::after{display:none}
  .gx-more-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:11px;background:var(--card);border:1.5px solid var(--blue);border-radius:11px;padding:11px;font:inherit;font-size:13px;font-weight:800;color:var(--blue-d);cursor:pointer}
  .gx-more-btn svg{width:14px;height:14px;transform:rotate(90deg)}
}
@media(max-width:560px){
  .gx-citygrid{grid-template-columns:repeat(2,1fr)}
  .gx-tbl th,.gx-tbl td{padding:10px 11px;font-size:12.5px}
}

/* gold hub: compact all-cities link list (perf — replaces heavy table) */
.gx-citylist{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px;margin-top:6px}
.gx-citylist a{font-size:13px;font-weight:700;color:var(--blue-d);padding:9px 0;border-top:1px solid var(--line)}
@media(max-width:700px){.gx-citylist{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.gx-citylist{grid-template-columns:1fr}}

/* contextual CTA card — visible at ALL widths (mobile is ~92% of traffic) */
.gx-loancta{display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#6E32A8,#8341C4);color:#fff;border-radius:14px;padding:13px 14px;box-shadow:0 10px 22px -10px rgba(110,50,168,.7);transition:transform .15s ease,box-shadow .15s ease}
.gx-loancta:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(110,50,168,.8)}
.gx-loancta:focus-visible{outline:2px solid #fff;outline-offset:2px}
.gx-loancta .ic{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}
.gx-loancta .ic svg{width:21px;height:21px;color:#fff}
.gx-loancta .tx{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.gx-loancta .tx b{font-size:14px;font-weight:900;letter-spacing:-.01em}
.gx-loancta .tx small{font-size:10.5px;font-weight:700;opacity:.92;margin-top:2px}
.gx-loancta .ar{margin-left:auto;flex:none}
.gx-loancta .ar svg{width:16px;height:16px;color:#fff}

/* gold city: NRI / Gulf-corridor block */
.gx-nri{margin-top:14px;background:linear-gradient(135deg,#063,#0E7C66 60%,#0A9E7A);color:#fff;border-radius:16px;padding:15px;box-shadow:var(--sh)}
.gx-nri .nh{display:flex;align-items:center;gap:11px;margin-bottom:8px}
.gx-nri .nh .sq{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}
.gx-nri .nh .sq svg{width:21px;height:21px;color:#fff}
.gx-nri .nh .nt{font-size:15px;font-weight:900;letter-spacing:-.01em}
.gx-nri p{font-size:13px;line-height:1.55;color:rgba(255,255,255,.92)}
.gx-nri p b{color:#fff;font-weight:800}
.gx-nri .na{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.gx-nri .na a{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;color:#0A6A52;background:#fff;border-radius:9px;padding:9px 13px}
.gx-nri .na a.p{background:#063;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.gx-nri .na a svg{width:13px;height:13px}

/* silver scope: slate accent (overrides gold-tinted .gx bits) */
.gx-silver .gx-answer{border-left-color:#64748B}
.gx-silver .gx-lbl{color:#475569}
.gx-silver .gx-ratecard .rc-h .t svg{color:#64748B}
.gx-silver .gx-ratecard .rrow .sq{background:linear-gradient(135deg,#94A3B8,#64748B);box-shadow:0 5px 12px -3px rgba(100,116,139,.5)}
.gx-silver .gx-tbl td.k24{color:var(--ink);font-weight:800}

/* platinum: vs-gold comparison bar (reusable) */
.gx-vs{margin-top:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px 16px;box-shadow:var(--sh-1)}
.gx-vs .vh{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#3F5A73;margin-bottom:13px}
.gx-vs .vh svg{width:15px;height:15px;color:#5B7A99}
.gx-vs .vrow{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.gx-vs .vk{font-size:12px;font-weight:800;color:var(--sub);width:62px;flex:none}
.gx-vs .vtrack{flex:1;background:var(--soft);border-radius:9px;height:32px;overflow:hidden}
.gx-vs .vbar{height:100%;border-radius:9px;display:flex;align-items:center;justify-content:flex-end;padding:0 11px;min-width:60px}
.gx-vs .vbar span{font-size:12.5px;font-weight:900;color:#fff;white-space:nowrap}
.gx-vs .vbar.plat{background:linear-gradient(90deg,#6E8BA8,#3F5A73)}
.gx-vs .vbar.gold{background:linear-gradient(90deg,#F4B860,#D6921A)}
.gx-vs .vbar.dubai{background:linear-gradient(90deg,#13B98A,#0A8F6B)}
.gx-vs .vnote{font-size:13px;line-height:1.55;color:var(--sub);margin:11px 0 0}
.gx-vs .vnote b{color:var(--ink);font-weight:800}

/* platinum scope: steel blue-grey accent */
.gx-plat .gx-answer{border-left-color:#3F5A73}
.gx-plat .gx-lbl{color:#3F5A73}
.gx-plat .gx-ratecard .rc-h .t svg{color:#5B7A99}
.gx-plat .gx-ratecard .rrow .sq{background:linear-gradient(135deg,#7B98B5,#3F5A73);box-shadow:0 5px 12px -3px rgba(63,90,115,.5)}
.gx-plat .gx-tbl td.k24{color:var(--ink);font-weight:800}

/* ════════════════════════════════════════════════════════════════════
   GOLD-LOAN BANK PAGE — v8 components (scoped under .gl-v8)
   Reuses gold shell (gx-crumb / gx-head / gx-answer / gx-grid / gx-col /
   gx-side / gx-lbl / gx-card / fld / inp / gx-content / gx-faq / gx-alert /
   gx-morelinks). Only loan-specific blocks are defined here. All selectors
   are scoped to .gl-v8 so generic names (.tbl/.card/.result/.alert/.fq)
   never collide with the rest of rt-v8.css.
   ════════════════════════════════════════════════════════════════════ */

/* loan accent on the reused answer box + section labels */
.gl-v8 .gx-answer{border-left-color:var(--lp)}
.gl-v8 .gx-lbl{color:var(--lp-d)}

/* loan-value hero — the per-gram number Google lifts into the snippet */
.gl-v8 .lvcard{margin:14px 0 0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);overflow:hidden}
.gl-v8 .lvcard .h{display:flex;align-items:center;gap:11px;padding:14px 14px 12px}
.gl-v8 .lvcard .h .sq{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none}
.gl-v8 .lvcard .h .sq svg{width:23px;height:23px;color:#fff}
.gl-v8 .lvcard .h .t{font-size:14px;font-weight:900;letter-spacing:-.01em}
.gl-v8 .lvcard .h .t small{display:block;font-size:11px;color:var(--lp-d);font-weight:800;margin-top:1px}
.gl-v8 .lvcard .h .from{margin-left:auto;text-align:right;font-size:10px;color:var(--faint);font-weight:700}
.gl-v8 .lvcard .h .from b{display:block;font-size:15px;color:var(--ink);font-weight:900}
.gl-v8 .lvrows{display:flex;border-top:1px solid var(--line)}
.gl-v8 .lvrow{flex:1;padding:13px 14px;text-align:center}
.gl-v8 .lvrow+.lvrow{border-left:1px solid var(--line)}
.gl-v8 .lvrow .k{font-size:10.5px;font-weight:800;color:var(--sub)}
.gl-v8 .lvrow .v{font-size:25px;font-weight:900;letter-spacing:-.02em;margin:4px 0 2px;color:var(--ink)}
.gl-v8 .lvrow .v small{font-size:11px;color:var(--faint);font-weight:700}
.gl-v8 .lvrow .x{font-size:9.5px;color:var(--faint);font-weight:700}
.gl-v8 .lvcard .ltv-note{padding:9px 14px;font-size:10.5px;color:var(--lp-d);font-weight:700;background:var(--lp-bg);text-align:center}
.gl-v8 .lvcard .foot{padding:9px 14px;font-size:10px;color:var(--faint);font-weight:600;background:var(--soft);text-align:center}

/* per-gram table */
.gl-v8 .tbl{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);overflow:hidden}
.gl-v8 .tbl table{width:100%;border-collapse:collapse}
.gl-v8 .tbl th,.gl-v8 .tbl td{padding:11px 13px;text-align:right;font-size:13px}
.gl-v8 .tbl th{background:var(--soft);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--sub)}
.gl-v8 .tbl th:first-child,.gl-v8 .tbl td:first-child{text-align:left}
.gl-v8 .tbl td{border-top:1px solid var(--line);font-weight:800;color:var(--ink)}
.gl-v8 .tbl td:first-child{font-weight:700;color:var(--sub)}

/* key facts grid */
.gl-v8 .facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}
.gl-v8 .fact{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-1);padding:12px 13px;display:flex;align-items:center;gap:10px}
.gl-v8 .fact .fi{width:32px;height:32px;border-radius:9px;background:var(--lp-bg);display:grid;place-items:center;flex:none}
.gl-v8 .fact .fi svg{width:17px;height:17px;color:var(--lp-d)}
.gl-v8 .fact .fk{font-size:9.5px;color:var(--faint);font-weight:700}
.gl-v8 .fact .fv{font-size:13.5px;font-weight:900;letter-spacing:-.01em;color:var(--ink)}

/* calculator: mode toggle + dark result (output of #gl-out) */
.gl-v8 .gl-modes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:13px}
.gl-v8 .gl-cm{flex:0 0 auto;font-size:12.5px;font-weight:700;color:var(--sub);background:var(--soft);border:1.5px solid transparent;border-radius:99px;padding:8px 14px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}
.gl-v8 .gl-cm:hover{border-color:var(--line-2)}
.gl-v8 .gl-cm.on{background:var(--blue-bg);color:var(--blue-d);border-color:var(--blue)}
.gl-v8 .gl-sortbar{gap:7px}
.gl-v8 .gl-sortbar .gl-sortlbl{font-size:12px;font-weight:700;color:var(--faint);margin-right:1px}
/* calculator mode toggle keeps equal-width filled segments */
.gl-v8 .gl-calc .gl-modes{gap:6px}
.gl-v8 .gl-calc .gl-modes .gl-cm{flex:1;text-align:center;border-radius:10px;padding:9px 0;border-color:transparent}
.gl-v8 .gl-calc .gl-modes .gl-cm.on{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 4px 11px -3px var(--blue)}
.gl-v8 .gl-hint{font-size:12.5px;color:var(--faint);font-weight:700;text-align:center;padding:14px 0 2px}
.gl-v8 .gl-result{background:var(--dark);border-radius:13px;padding:15px;margin-top:3px;text-align:center;color:#fff}
.gl-v8 .gl-result .rk{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#A7AECB}
.gl-v8 .gl-result .rv{font-size:30px;font-weight:900;letter-spacing:-.02em;margin:4px 0 12px;color:#fff}
.gl-v8 .gl-result .rl{display:flex;justify-content:space-between;font-size:11.5px;padding:7px 0;border-top:1px solid #3c4366}
.gl-v8 .gl-result .rl .l{color:#A7AECB;font-weight:600;text-align:left}
.gl-v8 .gl-result .rl .r{font-weight:800}

/* RBI 2026 LTV tiers */
.gl-v8 .gl-rbi{margin:0;background:var(--lp-bg);border:1px solid #CFE3FB;border-radius:16px;padding:16px}
.gl-v8 .gl-rbi .tag{display:inline-block;font-size:10px;font-weight:800;color:var(--lp-d);background:#fff;border-radius:99px;padding:4px 10px}
.gl-v8 .gl-tiers{display:flex;gap:9px;margin-top:13px}
.gl-v8 .gl-tier{flex:1;background:#fff;border:1px solid #CFE3FB;border-radius:11px;padding:11px 8px;text-align:center}
.gl-v8 .gl-tier .pct{font-size:20px;font-weight:900;letter-spacing:-.02em;color:var(--lp-d)}
.gl-v8 .gl-tier .slab{font-size:10px;font-weight:700;color:var(--sub);margin-top:2px}

/* compare lenders */
.gl-v8 .cmp{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);overflow:hidden}
.gl-v8 .lrow{display:flex;align-items:center;gap:11px;padding:12px 13px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.gl-v8 .lrow:last-of-type{border-bottom:0}
.gl-v8 .lrow .lg{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:10px;font-weight:900;color:#fff;flex:none;letter-spacing:-.02em}
.gl-v8 .lrow .ln{font-size:13px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.gl-v8 .lrow .lt{font-size:9.5px;color:var(--faint);font-weight:700;margin-top:1px}
.gl-v8 .lrow .badge{display:inline-block;font-size:8px;font-weight:800;color:#fff;background:var(--up);border-radius:99px;padding:1px 6px;margin-left:6px;vertical-align:1px}
.gl-v8 .lrow .badge.cur{background:var(--lp)}
.gl-v8 .lrow .rt{margin-left:auto;text-align:right}
.gl-v8 .lrow .rt .rr{font-size:15px;font-weight:900;letter-spacing:-.02em;color:var(--ink)}
.gl-v8 .lrow .rt .rx{font-size:9.5px;color:var(--faint);font-weight:700}
.gl-v8 .lrow .cr{width:16px;height:16px;color:var(--line-2);flex:none}
.gl-v8 .cmp .all{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px;font-size:12.5px;font-weight:800;color:var(--blue-d);background:var(--soft);text-decoration:none}
.gl-v8 .cmp .all svg{width:14px;height:14px}

/* eligibility blocks */
.gl-v8 .blocks{display:grid;gap:10px;margin:0}
.gl-v8 .blk{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--sh-1);padding:13px;display:flex;gap:12px}
.gl-v8 .blk .bi{width:34px;height:34px;border-radius:10px;background:var(--lp-bg);display:grid;place-items:center;flex:none}
.gl-v8 .blk .bi svg{width:18px;height:18px;color:var(--lp-d)}
.gl-v8 .blk .bt{font-size:13px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.gl-v8 .blk .bd{font-size:11.5px;color:var(--sub);line-height:1.5;margin-top:3px}
.gl-v8 .blk .bd b{color:var(--ink);font-weight:700}

/* charges list */
.gl-v8 .gl-list{margin:0;padding:0;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--sh-1);overflow:hidden}
.gl-v8 .gl-list li{padding:11px 14px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.5;color:var(--sub)}
.gl-v8 .gl-list li:first-child{border-top:0}
.gl-v8 .gl-list li b{color:var(--ink);font-weight:800}

/* how-to-apply steps */
.gl-v8 .steps{margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);overflow:hidden}
.gl-v8 .step{display:flex;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line)}
.gl-v8 .step:last-child{border-bottom:0}
.gl-v8 .step .sn{width:24px;height:24px;border-radius:8px;background:var(--lp);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;flex:none}
.gl-v8 .step .st{font-size:12.5px;font-weight:800;color:var(--ink)}
.gl-v8 .step .sd{font-size:11px;color:var(--sub);margin-top:2px;line-height:1.45}

/* inline rate-alert (main column) */
.gl-v8 .gl-ratealert{margin:0;border:1px solid #CFE3FB;border-radius:16px;background:linear-gradient(180deg,#fff,#EFF6FE);box-shadow:var(--sh);padding:16px;text-align:center}
.gl-v8 .gl-ratealert .t{font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink)}
.gl-v8 .gl-ratealert .t svg{width:18px;height:18px;color:var(--lp)}
.gl-v8 .gl-ratealert .d{font-size:12px;color:var(--sub);margin:6px auto 13px;max-width:300px;line-height:1.5}
.gl-v8 .gl-ratealert .b{display:inline-block;background:var(--lp);color:#fff;border-radius:11px;padding:11px 20px;font-size:13.5px;font-weight:800;text-decoration:none;box-shadow:0 5px 13px rgba(0,115,234,.26)}

/* WhatsApp share card — global (works under .gl-v8, .gx, .gx-silver, .gx-plat, etc.) */
.sharecard{margin:14px 0;display:flex;align-items:center;gap:12px;background:#0E2A1A;border-radius:14px;padding:13px 15px;cursor:pointer;text-decoration:none;color:inherit}
.sharecard .sq{width:38px;height:38px;border-radius:11px;background:var(--wa);display:grid;place-items:center;flex:none}
.sharecard .sq svg{width:21px;height:21px;color:#fff}
.sharecard .st{font-size:13px;font-weight:800;color:#fff}
.sharecard .sx{font-size:10.5px;color:#9FC9B0;font-weight:600;margin-top:1px}
.sharecard .sb{margin-left:auto;font-size:11.5px;font-weight:800;color:#0E2A1A;background:#fff;border-radius:9px;padding:8px 12px;white-space:nowrap}

/* related chips */
.gl-v8 .chips{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.gl-v8 .chip{font-size:12.5px;font-weight:800;color:var(--blue-d);background:var(--card);border:1px solid var(--line-2);border-radius:9px;padding:9px 13px;box-shadow:var(--sh-1);text-decoration:none}

.gl-v8 .gl-disc{margin-top:18px;font-size:11px;color:var(--faint);line-height:1.5}

/* sidebar quick-facts + apply CTA */
.gl-v8 .gl-sbc{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);padding:15px}
.gl-v8 .gl-sbh{font-size:13px;font-weight:900;letter-spacing:-.01em;color:var(--ink);margin-bottom:10px}
.gl-v8 .gl-sbr{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:12px}
.gl-v8 .gl-sbr:first-of-type{border-top:0}
.gl-v8 .gl-sbr .n{color:var(--sub);font-weight:600}
.gl-v8 .gl-sbr .v{font-weight:800;color:var(--ink)}
.gl-v8 .gl-sbr .v.up{color:var(--up)}
.gl-v8 .gl-sbr .v.sm{font-size:11.5px}
.gl-v8 .gl-sbr.hi{background:var(--lp-bg);margin:4px -15px 0;padding:9px 15px;border-top:0}
.gl-v8 .gl-sbr.hi .v{color:var(--lp-d)}
.gl-v8 .gl-applycta{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--lp);color:#fff;border-radius:12px;padding:13px;font-size:13.5px;font-weight:800;text-decoration:none;box-shadow:0 6px 15px -3px var(--lp)}
.gl-v8 .gl-applycta svg{width:15px;height:15px}

/* sticky apply bar — MOBILE ONLY */
.gl-v8 .gl-applybar{position:sticky;bottom:0;z-index:30;display:flex;align-items:center;gap:11px;background:#fff;border-top:1px solid var(--line);padding:10px 14px;box-shadow:0 -6px 18px rgba(50,51,56,.08)}
.gl-v8 .gl-applybar .ai{font-size:9.5px;color:var(--faint);font-weight:700}
.gl-v8 .gl-applybar .av{font-size:14px;font-weight:900;letter-spacing:-.01em;color:var(--ink)}
.gl-v8 .gl-applybar .ab{margin-left:auto;background:var(--lp);color:#fff;border-radius:11px;padding:11px 18px;font-size:13.5px;font-weight:800;text-decoration:none;white-space:nowrap}

/* desktop: hide the sticky apply bar (sidebar carries the CTA) */
@media(min-width:880px){
  .gl-v8 .gl-applybar{display:none}
}

/* ============================================================
   FUEL PAGES — v8 components (scoped under .fx)
   Reuses the gx- shell (wrap/crumb/head/fresh/answer/lbl/grid/
   col/side/card/faq/content) + global tokens. Only fuel-specific
   pieces live here: switch, hero, tax bar, calculator, city grid,
   fill-up, nearby chips, compare CTA. Accent = --blue (info, not loan).
   ============================================================ */
.fx .gx-answer{border-left-color:var(--blue)}

/* petrol / diesel / uae switch */
.fx-switch{display:inline-flex;background:var(--soft);border-radius:11px;padding:3px;gap:2px;margin-top:12px}
.fx-switch a{font-size:12.5px;font-weight:800;color:var(--sub);padding:7px 15px;border-radius:8px;line-height:1}
.fx-switch a.on{background:var(--card);color:var(--blue-d);box-shadow:var(--sh-1)}

/* benchmark / city hero */
.fx-hero{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);padding:16px;margin-top:14px}
.fx-hero .eyb{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fx-hero .lab{font-size:12px;font-weight:800;color:var(--sub)}
.fx-hero .since{font-size:10px;font-weight:800;color:var(--up);background:var(--up-bg);padding:3px 9px;border-radius:99px;white-space:nowrap}
.fx-hero .big{display:flex;align-items:baseline;gap:8px;margin:11px 0 13px}
.fx-hero .big .v{font-size:34px;font-weight:900;letter-spacing:-.025em;line-height:1}
.fx-hero .big .u{font-size:12px;color:var(--faint);font-weight:700}
.fx-hero .duo{display:flex;gap:9px}
.fx-hero .d{flex:1;min-width:0;background:var(--soft);border-radius:12px;padding:10px 13px}
.fx-hero .d.on{background:var(--blue-bg)}
.fx-hero .d .k{font-size:11px;font-weight:800;color:var(--sub);display:flex;align-items:center;gap:4px}
.fx-hero .d .p{font-size:18px;font-weight:900;letter-spacing:-.02em;margin-top:3px}

/* tax build-up */
.fx-tax{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);padding:15px}
.fx-tax .bar{display:flex;height:18px;border-radius:6px;overflow:hidden;margin-bottom:12px}
.fx-tax .seg{height:100%}
.fx-tax .s-base{background:#0073EA}.fx-tax .s-exc{background:#A25DDC}.fx-tax .s-deal{background:#FDAB3D}.fx-tax .s-vat{background:#E2445C}
.fx-tax .leg{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:12px;font-weight:700;color:var(--sub)}
.fx-tax .leg i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:0}
.fx-tax .leg .s-base i,.fx-tax .leg span i.s-base{background:#0073EA}
.fx-tax .note{margin-top:11px;font-size:12.5px;line-height:1.55;color:var(--faint)}
.fx-tax .note b{color:var(--ink)}

/* calculator (ptool) — original unique class names kept so the verbatim JS works
   and nothing collides with the global sticky .tab nav. */
.fx .ptool{background:var(--card);border:1.5px solid var(--line-2);border-radius:16px;box-shadow:0 10px 28px -12px rgba(31,41,76,.22);padding:15px}
.fx .ptool-tabs{display:inline-flex;background:var(--soft);border-radius:10px;padding:3px;gap:2px;margin-bottom:13px;flex-wrap:wrap}
.fx .ptool-tab{font:inherit;font-size:12px;font-weight:800;color:var(--sub);background:none;border:0;padding:7px 12px;border-radius:7px;cursor:pointer;line-height:1}
.fx .ptool-tab.on{background:var(--card);color:var(--blue-d);box-shadow:var(--sh-1)}
.fx .ptool-panel{display:none}.fx .ptool-panel.on{display:block}
.fx .ptool-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.fx .ptool-row label{font-size:13px;font-weight:700;color:var(--sub)}
.fx .ptool-in{display:flex;align-items:center;border:1.5px solid var(--line-2);border-radius:10px;padding:0 11px;background:var(--card);max-width:170px}
.fx .ptool-in input{width:88px;border:0;outline:0;font:inherit;font-size:15px;font-weight:800;padding:9px 0;background:none;color:var(--ink);text-align:right;-webkit-appearance:none;appearance:none}
.fx .ptool-in span{font-size:11px;color:var(--faint);font-weight:700;margin-left:6px;white-space:nowrap}
.fx .ptool-out{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--dark);color:#fff;border-radius:12px;padding:13px 15px;margin-top:3px}
.fx .ptool-lab{font-size:12px;font-weight:700;color:#A7AECB}
.fx .ptool-out b{font-size:23px;font-weight:900;letter-spacing:-.02em}
.fx .ptool-verdict{background:var(--dark);color:#fff;border-radius:12px;padding:13px 15px;font-size:13px;line-height:1.5;margin-top:3px;min-height:20px}
.fx .ptool-verdict:empty{display:none}
.fx .ptool-verdict b{color:#fff}
.fx .ptool-save{display:block;margin-top:5px;font-size:11px;font-weight:800;color:#3FD693}
.fx .ptool-save.bad{color:#FF6B81}
.fx .ptool-eq{color:#A7AECB;font-weight:700}
.fx .ptool-foot{font-size:11px;color:var(--faint);font-weight:600;margin-top:11px;line-height:1.5}

/* metro city grid */
.fx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.fx-cc{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--sh-1);padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.fx-cc .cn{font-size:13.5px;font-weight:800}
.fx-cc .cp{font-size:18px;font-weight:900;letter-spacing:-.02em;color:var(--blue-d)}
.fx-cc .cl{font-size:10.5px;color:var(--faint);font-weight:700;text-transform:capitalize}

/* fill-up quick costs (city) */
.fx-qty{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);padding:6px 15px;margin-top:14px}
.fx-qty .hd{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:800;padding:10px 0 8px;border-bottom:1px solid var(--line)}
.fx-qty .hd .kt{font-size:10px;font-weight:800;color:var(--blue-d);background:var(--blue-bg);padding:2px 8px;border-radius:99px;text-transform:capitalize}
.fx-qty .qr{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;padding:10px 0;border-bottom:1px solid var(--line)}
.fx-qty .qr:last-child{border-bottom:0}
.fx-qty .qr i{color:var(--faint);font-style:normal;font-size:11.5px}
.fx-qty .qr .qa{font-weight:900;font-variant-numeric:tabular-nums}

/* city table collapse + show-all */
.fx-collapse{position:relative;max-height:430px;overflow:hidden}
.fx-collapse.open{max-height:none}
.fx-fade{position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.fx-collapse.open .fx-fade{display:none}
.fx-showall{display:block;width:100%;margin-top:11px;background:var(--card);border:1.5px solid var(--line-2);border-radius:11px;padding:11px;font:inherit;font-size:13px;font-weight:800;color:var(--blue-d);cursor:pointer}

/* fuel tables (.tbl is otherwise only styled under .gl-v8) — price columns hug
   their content so petrol/diesel never collide; city column takes the rest. */
.fx .tbl{margin:0;background:var(--card);border:1.5px solid var(--line-2);border-radius:14px;box-shadow:var(--sh);overflow-x:auto;-webkit-overflow-scrolling:touch}
.fx .tbl table{width:100%;border-collapse:collapse}
.fx .tbl th,.fx .tbl td{padding:12px 14px;font-size:13.5px;text-align:right}
.fx .tbl th{background:var(--soft);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--sub)}
.fx .tbl th:first-child,.fx .tbl td:first-child{text-align:left;white-space:normal}
.fx .tbl th:not(:first-child),.fx .tbl td:not(:first-child){width:1%;white-space:nowrap}
.fx .tbl td{border-top:1px solid var(--line);font-weight:800;color:var(--ink)}
.fx .tbl td:first-child{font-weight:700}
.fx .tbl td:first-child a{color:var(--blue-d)}
.fx .tbl tbody tr:active{background:var(--soft)}

/* nearby chips */
.fx-chips{display:flex;flex-wrap:wrap;gap:8px}
.fx-chips a{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:7px 13px;font-size:12.5px;font-weight:700;color:var(--ink)}
.fx-chips a .cp{font-weight:900;color:var(--blue-d)}

/* compare CTA (dark) */
.fx-cmp{background:var(--dark);color:#fff;border-radius:16px;padding:16px}
.fx-cmp .k{font-size:13px;font-weight:900}
.fx-cmp p{font-size:13px;color:#c3cde0;margin:6px 0 12px;line-height:1.5}
.fx-cmp a{display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff;border-radius:10px;padding:10px 15px;font-size:13px;font-weight:800}

/* alert + share (reuse gx-alert; share button) */
.fx-share{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:var(--wa);color:#fff;border:0;border-radius:12px;padding:13px;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer;margin-top:13px}
.fx-share svg{width:18px;height:18px}

/* fuel FAQ (gpFq toggles .on) */
.fx-faq .fq{border:1px solid var(--line);border-radius:12px;margin-bottom:9px;overflow:hidden;background:var(--card)}
.fx-faq .fq .q{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;font:inherit;font-size:13.5px;font-weight:800;color:var(--ink);background:none;border:0;padding:14px 15px;cursor:pointer}
.fx-faq .fq .q::after{content:"+";font-size:18px;color:var(--faint);font-weight:700}
.fx-faq .fq.on .q::after{content:"–"}
.fx-faq .fq .a{display:none;padding:0 15px 14px;font-size:13px;line-height:1.6;color:var(--sub)}
.fx-faq .fq.on .a{display:block}

/* duo layout (city: nearby + compare) — stack on mobile */
.fx-duo{display:grid;grid-template-columns:1fr;gap:8px}

/* desktop: 2-col like gold; hide mobile-only sticky if any */
@media(min-width:880px){
  .fx-duo{grid-template-columns:1fr 1fr;gap:18px;align-items:start}
  .fx-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:879px){
  .fx .gx-grid{grid-template-columns:1fr}
  .fx .gx-side{position:static}
}

/* ============================================================
   CARRY-GOLD-TO-INDIA customs page — v8 (scoped under .cg)
   Restyles the existing .gc-* calculator markup in the monday-blue
   minimal aesthetic. Markup + JS are unchanged; only the look moves
   to v8. Accent = --gold (it's a gold page).
   ============================================================ */
.cg .gx-answer{border-left-color:var(--gold)}
.cg .gc-live{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--faint);font-weight:700;margin-top:12px}
.cg .gc-live b{color:var(--ink);font-weight:900}

/* layout: calculator + content in main col, links in sidebar (gx-grid handles 2-col) */
.cg .gc-card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);padding:17px;margin-top:14px}

/* from → to row */
.cg .gc-ft{display:flex;align-items:flex-end;gap:11px}
.cg .gc-ft .c{flex:1;min-width:0}
.cg .gc-ft label{display:block;font-size:11px;font-weight:800;color:var(--sub);margin-bottom:6px}
.cg .gc-sel,.cg .gc-fixed{display:flex;align-items:center;border:1.5px solid var(--line-2);border-radius:11px;background:var(--card);padding:0 12px;height:44px}
.cg .gc-sel select{flex:1;border:0;outline:0;background:none;font:inherit;font-size:14px;font-weight:800;color:var(--ink);min-width:0;-webkit-appearance:none;appearance:none}
.cg .gc-fixed{font-size:14px;font-weight:800;white-space:nowrap}
.cg .gc-arrow{color:var(--faint);font-size:18px;padding-bottom:10px}

.cg .gc-note{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:12px;line-height:1.5;color:var(--faint);font-weight:600}
.cg .gc-note svg{width:15px;height:15px;flex:none;color:var(--up);fill:none;stroke:currentColor;stroke-width:3;margin-top:1px}
.cg .gc-hr{height:1px;background:var(--line);margin:15px 0}

/* steps */
.cg .gc-q{margin-bottom:15px}
.cg .gc-lbl{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;color:var(--ink);margin-bottom:9px}
.cg .gc-lbl .n{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--blue-bg);color:var(--blue-d);font-size:11px;font-weight:900;flex:none}

/* segmented controls (.gc-seg / .gc-opt) */
.cg .gc-seg{display:inline-flex;background:var(--soft);border-radius:10px;padding:3px;gap:2px;width:100%}
.cg .gc-seg.two .gc-opt{flex:1}.cg .gc-seg.three .gc-opt{flex:1}
.cg .gc-opt{font:inherit;font-size:12.5px;font-weight:800;color:var(--sub);background:none;border:0;padding:9px 12px;border-radius:7px;cursor:pointer;line-height:1.2;text-align:center}
.cg .gc-opt[aria-pressed="true"]{background:var(--card);color:var(--blue-d);box-shadow:var(--sh-1)}

/* grams: range + number + chips */
.cg .gc-wrow{display:flex;align-items:center;gap:13px}
.cg .gc-wrow input[type=range]{flex:1;accent-color:var(--blue);height:5px}
.cg .gc-gbox{display:flex;align-items:center;border:1.5px solid var(--line-2);border-radius:11px;padding:0 12px;background:var(--card);flex:none}
.cg .gc-gbox input{width:62px;border:0;outline:0;font:inherit;font-size:16px;font-weight:900;padding:10px 0;background:none;text-align:right;color:var(--ink);-webkit-appearance:none;appearance:none}
.cg .gc-gbox span{font-size:11px;color:var(--faint);font-weight:700;margin-left:5px}
.cg .gc-wchips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.cg .gc-chip{font:inherit;font-size:12px;font-weight:800;color:var(--sub);background:var(--soft);border:0;border-radius:99px;padding:6px 13px;cursor:pointer}
.cg .gc-chip:active{background:var(--blue-bg);color:var(--blue-d)}
.cg .gc-pur{display:flex;align-items:center;gap:9px;margin-top:13px}
.cg .gc-pur .pl{font-size:11.5px;font-weight:800;color:var(--sub)}
.cg .gc-pbtn{font:inherit;font-size:12.5px;font-weight:800;color:var(--sub);background:var(--soft);border:0;border-radius:8px;padding:7px 14px;cursor:pointer}
.cg .gc-pbtn[aria-pressed="true"]{background:var(--blue-bg);color:var(--blue-d)}

/* result: channel sign + receipt */
.cg .gc-result{margin-top:16px}
.cg .gc-sign{display:flex;align-items:center;gap:12px;border-radius:13px;padding:14px 15px}
.cg .gc-sign.green{background:var(--up-bg)}
.cg .gc-sign.red{background:var(--down-bg)}
.cg .gc-sign .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:#fff}
.cg .gc-sign .ico svg{width:20px;height:20px;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cg .gc-sign.green .ico svg{stroke:var(--up)}.cg .gc-sign.red .ico svg{stroke:var(--down)}
.cg .gc-sign .ch{font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.cg .gc-sign.green .ch{color:var(--up)}.cg .gc-sign.red .ch{color:var(--down)}
.cg .gc-sign .hd{font-size:15px;font-weight:900;color:var(--ink)}
.cg .gc-sign .amt{margin-left:auto;text-align:right}
.cg .gc-sign .amt span{font-size:19px;font-weight:900;color:var(--down)}
.cg .gc-sign .amt small{display:block;font-size:10px;color:var(--faint);font-weight:700}
.cg .gc-rcpt{margin-top:12px;background:var(--soft);border-radius:12px;padding:4px 14px}
.cg .gc-rr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:12.5px;border-bottom:1px solid var(--line)}
.cg .gc-rr:last-child{border-bottom:0}
.cg .gc-rr span{color:var(--sub);font-weight:600}.cg .gc-rr b{font-weight:800;white-space:nowrap}
.cg .gc-rr.fxn{justify-content:flex-end;color:var(--sub);font-size:11px;font-weight:600;border-bottom:0;padding-top:6px}
/* indicative local-currency equivalent shown next to an INR figure (server rt_dual + customs calculator).
   color:inherit + opacity keeps it legible on light receipts AND dark/colored cards (saver, duty sign). */
.cur-eq{font-weight:600;font-size:.82em;color:inherit;opacity:.8;white-space:nowrap}
.cg .gc-rr.tot b{color:var(--ink);font-size:14px}
.cg .gc-warn{display:none}.cg .gc-warn.on{display:block;margin-top:11px;background:#FEF6E7;border:1px solid #F6D58E;border-radius:11px;padding:11px 13px;font-size:12.5px;line-height:1.5;color:#7A5A12;font-weight:600}
.cg .gc-sharebar{display:flex;gap:9px;margin-top:13px}
.cg .gc-wa,.cg .gc-copy{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border-radius:11px;padding:11px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;border:1.5px solid var(--line-2);background:var(--card);color:var(--ink)}
.cg .gc-wa{background:var(--wa);border-color:var(--wa);color:#fff}
.cg .gc-wa svg,.cg .gc-copy svg{width:16px;height:16px}

/* context card under calc */
.cg .gc-ctx{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);padding:14px 15px;margin-top:13px}
.cg .gc-ctx .ch{font-size:13px;font-weight:900;margin-bottom:5px}
.cg .gc-cash{font-size:12.5px;line-height:1.55;color:var(--sub)}
.cg .gc-cash b{color:var(--ink)}

/* Dubai saver */
.cg .gc-saver{background:var(--dark);color:#fff;border-radius:16px;padding:17px;margin-top:14px}
.cg .gc-saver h3,.cg .gc-saver .sh{font-size:15px;font-weight:900;margin:0;color:#fff}
.cg .gc-saver .sub{font-size:12.5px;color:#c3cde0;margin:5px 0 14px}.cg .gc-saver .sub b{color:#fff}
.cg .gc-bars{display:flex;flex-direction:column;gap:11px}
.cg .gc-bar{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:11px}
.cg .gc-bar .bn{font-size:12px;font-weight:800;color:#A7AECB}
.cg .gc-bar .bt{height:9px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}
.cg .gc-bar .bf{display:block;height:100%;border-radius:99px}
.cg .gc-bar .bv{font-size:13px;font-weight:900;white-space:nowrap}
.cg .gc-verdict{margin-top:13px;font-size:12.5px;line-height:1.5;font-weight:700;border-radius:11px;padding:11px 13px}
.cg .gc-verdict.good{background:rgba(63,214,147,.14);color:#9af5c8}
.cg .gc-verdict.bad{background:rgba(255,107,129,.14);color:#ffc2cc}
.cg .gc-saver .nt{font-size:11px;line-height:1.5;color:#A7AECB;margin-top:11px}

/* content sections */
.cg .gc-sec{margin-top:26px}
.cg .gc-eye{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8A5A12;margin-bottom:7px}
.cg .gc-sec h2{font-size:18px;font-weight:900;letter-spacing:-.02em;line-height:1.25}
.cg .gc-sec p{font-size:14px;line-height:1.7;color:var(--sub);margin-top:9px}.cg .gc-sec p b{color:var(--ink)}
.cg .gc-c2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}
.cg .gc-mini{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--sh-1);padding:13px}
.cg .gc-mini .mh{font-size:11px;font-weight:800;color:var(--sub)}
.cg .gc-mini .mv{font-size:21px;font-weight:900;letter-spacing:-.02em;margin:3px 0 4px;color:var(--ink)}
.cg .gc-mini .ms{font-size:11.5px;line-height:1.5;color:var(--faint)}
.cg .gc-tiers{display:flex;flex-direction:column;gap:10px;margin-top:13px}
.cg .gc-tier{display:flex;gap:13px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:13px}
.cg .gc-tier .badge{flex:none;width:62px;text-align:center;font-size:11px;font-weight:900;line-height:1.25;padding:8px 0;border-radius:9px;background:var(--soft);color:var(--sub)}
.cg .gc-tier.t3 .badge{background:var(--up-bg);color:var(--up)}
.cg .gc-tier .tt{font-size:13.5px;font-weight:900}.cg .gc-tier .td{font-size:12.5px;line-height:1.55;color:var(--sub);margin-top:3px}
.cg .gc-check{list-style:none;padding:0;margin:13px 0 0;display:flex;flex-direction:column;gap:10px}
.cg .gc-check li{display:flex;gap:11px;align-items:flex-start}
.cg .gc-check svg{width:18px;height:18px;flex:none;color:var(--up);fill:none;stroke:currentColor;stroke-width:3;margin-top:2px}
.cg .gc-check b{display:block;font-size:13.5px;font-weight:800}.cg .gc-check span{font-size:12.5px;color:var(--sub);line-height:1.5}
.cg .gc-atabs{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}
.cg .gc-atab{font:inherit;font-size:12px;font-weight:800;color:var(--sub);background:var(--soft);border:0;border-radius:99px;padding:7px 13px;cursor:pointer}
.cg .gc-atab[aria-pressed="true"]{background:var(--blue-bg);color:var(--blue-d)}
.cg .gc-abox{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:13px 15px}
.cg .gc-abox .at{font-size:13.5px;font-weight:900;margin-bottom:5px}.cg .gc-abox .ab{font-size:12.5px;line-height:1.6;color:var(--sub)}
.cg .gc-faq details{border:1px solid var(--line);border-radius:12px;margin-top:9px;background:var(--card);overflow:hidden}
.cg .gc-faq summary{list-style:none;cursor:pointer;padding:13px 15px;font-size:13.5px;font-weight:800;color:var(--ink);display:flex;justify-content:space-between;align-items:center}
.cg .gc-faq summary::-webkit-details-marker{display:none}
.cg .gc-faq summary::after{content:"+";font-size:18px;color:var(--faint)}
.cg .gc-faq details[open] summary::after{content:"–"}
.cg .gc-faq .fa{padding:0 15px 14px;font-size:13px;line-height:1.6;color:var(--sub)}
.cg .gc-disc{margin-top:22px;font-size:11.5px;line-height:1.6;color:var(--faint);background:var(--soft);border-radius:12px;padding:14px}
.cg .gc-disc b{color:var(--sub)}
@media(max-width:879px){.cg .gc-c2{grid-template-columns:1fr}}
/* customs page 2-col grid (calculator-heavy left, guide right) */
.cg .gc-grid{display:block}
@media(min-width:960px){.cg .gc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.cg .gc-colA>:first-child,.cg .gc-colB>:first-child{margin-top:0}}
/* india-vs-uae comparison "cheaper" chips */
.fx .vchip{display:inline-block;font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;white-space:nowrap}
.fx .vchip.up{color:var(--up);background:var(--up-bg)}
.fx .vchip.dn{color:var(--blue-d);background:var(--blue-bg)}
.fx .vchip.neu{color:var(--faint);background:var(--soft)}

/* india-vs-uae table: make 4 columns fit small screens (was clipping the Cheaper col) */
.fx .tbl .aed{display:block;font-size:10.5px;color:var(--faint);font-weight:700;margin-top:1px}
@media(max-width:560px){
  .fx .tbl th,.fx .tbl td{padding:11px 8px;font-size:12.5px}
  .fx .tbl th{font-size:9px}
  .fx .vchip{font-size:10px;padding:3px 7px}
}

/* ============================================================
   FESTIVAL hub + festival pages — v8 (scoped .fst, gold accent)
   ============================================================ */
.fst .gx-answer{border-left-color:var(--gold)}
.fst-price{background:var(--card);border:1.5px solid var(--line-2);border-radius:16px;box-shadow:var(--sh);padding:16px 17px;margin-top:14px}
.fst-price .big{display:flex;align-items:baseline;gap:9px}
.fst-price .big .v{font-size:32px;font-weight:900;letter-spacing:-.025em;line-height:1;color:var(--ink)}
.fst-price .big .u{font-size:12px;color:var(--faint);font-weight:700}
.fst-price .row{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}
.fst-chip{font-size:11.5px;font-weight:800;padding:5px 11px;border-radius:99px;background:var(--soft);color:var(--sub)}
.fst-chip.up{background:var(--up-bg);color:var(--up)}
.fst-chip.dn{background:var(--down-bg);color:var(--down)}
.fst-chip.gold{background:#FCF3E2;color:#8A5A12}
/* localised "indicative" AED/SAR equivalent under today's price (Gulf/SEA visitors) — neat gold pill, AA-legible */
/* localised "indicative" AED/SAR equivalent shown high (right under the answer) for Gulf/SEA visitors — neat gold pill, AA-legible */
.gx-locpill{display:inline-flex;align-items:baseline;gap:6px;margin:10px 0 2px;font-size:14.5px;font-weight:800;color:#8A5A12;background:#FCF3E2;border:1px solid #F3E2C0;border-radius:99px;padding:6px 14px;white-space:nowrap}
.gx-locpill .ind{font-size:10px;font-weight:700;color:#8A5A12;letter-spacing:.03em;text-transform:uppercase}
/* per-festival last-occurrence local rate on the hub cards (Gulf visitors) */
.fst-card .fc-loc{display:inline-block;margin:1px 0 3px;font-size:11.5px;font-weight:800;color:#8A5A12;background:#FCF3E2;border:1px solid #F3E2C0;border-radius:8px;padding:2px 8px}
.fst-card .fc-loc .cy{font-size:9.5px;font-weight:700;color:#8A5A12;letter-spacing:.02em}
/* festival card grid (hub) */
.fst-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:6px}
.fst-card{display:block;background:var(--card);border:1.5px solid var(--line-2);border-radius:15px;box-shadow:var(--sh-1);padding:15px}
.fst-card:active{transform:scale(.99)}
.fst-card .em{font-size:23px;line-height:1}
.fst-card .nm{font-size:15px;font-weight:900;margin:8px 0 4px;color:var(--ink)}
.fst-card .nx{display:inline-block;font-size:10px;font-weight:800;color:#8A5A12;background:#FCF3E2;border-radius:99px;padding:3px 9px;margin-bottom:7px}
.fst-card .ds{font-size:12px;line-height:1.5;color:var(--sub)}
.fst-card .go{display:block;font-size:12px;font-weight:800;color:var(--blue-d);margin-top:10px}
@media(max-width:520px){.fst-grid{grid-template-columns:1fr}}
/* chart + insight */
.fst-chartcard{background:var(--card);border:1.5px solid var(--line-2);border-radius:16px;box-shadow:var(--sh);padding:14px 12px;margin-top:6px}
.fst-insight{display:flex;gap:11px;align-items:flex-start;background:#FCF3E2;border:1px solid #F0DDB0;border-radius:13px;padding:13px 15px;margin-top:13px}
.fst-insight .ic{font-size:18px;line-height:1.2}
.fst-insight .tx{font-size:12.5px;line-height:1.55;color:#7A5A12}.fst-insight .tx b{color:#5e440d}
/* year table with YoY */
.fst .tbl{margin-top:6px;background:var(--card);border:1.5px solid var(--line-2);border-radius:14px;box-shadow:var(--sh);overflow:hidden}
.fst .tbl table{width:100%;border-collapse:collapse}
.fst .tbl th,.fst .tbl td{padding:11px 12px;font-size:13px;text-align:right}
.fst .tbl th:first-child,.fst .tbl td:first-child{text-align:left}
.fst .tbl th{background:var(--soft);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--sub)}
.fst .tbl td{border-top:1px solid var(--line);font-weight:800;color:var(--ink)}
.fst .tbl tr.now td{background:var(--blue-bg)}
.fst .yoy{display:inline-block;font-size:11px;font-weight:800;padding:2px 7px;border-radius:99px}
.fst .yoy.up{background:var(--up-bg);color:var(--up)}
.fst .yoy.dn{background:var(--down-bg);color:var(--down)}
.fst .yoy.flat{background:var(--soft);color:var(--faint)}
@media(max-width:560px){.fst .tbl th,.fst .tbl td{padding:10px 7px;font-size:12px}}

/* ============================================================
   LEGAL / ABOUT pages (about, terms, privacy, disclaimer) — v8
   Content lives in .doc; page chrome comes from header/footer.
   Scoped under .lg. Accent defaults to blue.
   ============================================================ */
.lg{--accent:var(--blue)}
.lg .doc{padding:2px 0 0}
.lg .doc .lead{font-size:14px;color:var(--sub);line-height:1.65;margin:4px 0 4px}.lg .doc .lead b{color:var(--ink);font-weight:800}
.lg .doc h2{font-size:16px;font-weight:900;letter-spacing:-.01em;margin:22px 0 8px;scroll-margin-top:14px}
.lg .doc p{font-size:13.5px;color:var(--sub);line-height:1.7;margin-bottom:10px}.lg .doc p b{color:var(--ink);font-weight:700}
.lg .doc a.ln{color:var(--blue-d);font-weight:700}
.lg .doc ul{list-style:none;margin:2px 0 12px;padding:0}
.lg .doc li{font-size:13.5px;color:var(--sub);line-height:1.6;padding-left:18px;position:relative;margin-bottom:8px}
.lg .doc li::before{content:'';position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.lg .doc li b{color:var(--ink);font-weight:700}
.lg .toc{background:var(--soft);border-radius:12px;padding:13px 15px;margin:14px 0 4px}
.lg .toc .tt{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-bottom:7px}
.lg .toc a{display:block;font-size:13px;font-weight:700;color:var(--blue-d);padding:5px 0}
.lg .met{display:grid;gap:9px;margin:4px 0 6px}
.lg .metc{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-1);padding:14px}
.lg .metc .mi{width:36px;height:36px;border-radius:10px;background:var(--blue-bg);display:grid;place-items:center;flex:none}.lg .metc .mi svg{width:19px;height:19px;color:var(--blue)}
.lg .metc .mt{font-size:13.5px;font-weight:800}.lg .metc .md{font-size:12px;color:var(--sub);line-height:1.5;margin-top:2px}
.lg .author{display:flex;gap:12px;align-items:center;background:linear-gradient(180deg,#fff,#F3F7FE);border:1px solid #D9E6FA;border-radius:14px;padding:14px;margin:8px 0}
.lg .author .av{width:44px;height:44px;border-radius:12px;background:var(--blue);display:grid;place-items:center;flex:none;color:#fff;font-weight:900;font-size:17px}
.lg .author .an{font-size:13.5px;font-weight:900}.lg .author .ad{font-size:11.5px;color:var(--sub);line-height:1.45;margin-top:2px}
.lg .callout{display:flex;gap:10px;background:#FEF1DF;border:1px solid #F2D9A8;border-radius:12px;padding:13px;margin:10px 0}
.lg .callout svg{width:16px;height:16px;color:#B97A1B;flex:none;margin-top:1px}
.lg .callout .t{font-size:12.5px;color:#6b5217;line-height:1.55;font-weight:600}.lg .callout .t b{font-weight:800}
.lg .cgrid{display:grid;gap:9px;margin:6px 0}
.lg .cgc{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-1);padding:13px}
.lg .cgc .ci{width:38px;height:38px;border-radius:11px;background:var(--blue-bg);display:grid;place-items:center;flex:none}.lg .cgc .ci svg{width:20px;height:20px;color:var(--blue)}
.lg .cgc .ct{font-size:13px;font-weight:800}.lg .cgc .cv{font-size:11.5px;color:var(--blue-d);font-weight:700;margin-top:1px}
.lg .cgc .cr{margin-left:auto;width:15px;height:15px;color:var(--line-2)}

/* ============================================================
   GUIDES / EDITORIAL articles — v8 (scoped .art) + hub (.gh)
   Single centred reading column, larger editorial type, bespoke
   data-viz figures. Built to be read end-to-end and embedded.
   ============================================================ */
.art-prog{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:60}
.art-prog .bar{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--gold));transition:width .1s linear}
.art-col{max-width:720px;margin:0 auto}
.art-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-d);background:var(--blue-bg);padding:5px 12px;border-radius:99px}
.art-h1{font-size:30px;line-height:1.18;font-weight:900;letter-spacing:-.025em;margin:14px 0 0;color:var(--ink)}
.art-dek{font-size:16.5px;line-height:1.55;color:var(--sub);margin-top:11px;font-weight:500}
.art-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.art-byline{display:flex;align-items:center;gap:9px}
.art-byline .av{width:34px;height:34px;border-radius:10px;background:var(--blue);display:grid;place-items:center;color:#fff;font-weight:900;font-size:13px;flex:none}
.art-byline .nm{font-size:12.5px;font-weight:800;color:var(--ink);line-height:1.2}
.art-byline .rl{font-size:11px;color:var(--faint);font-weight:600}
.art-meta .sep{width:3px;height:3px;border-radius:50%;background:var(--line-2)}
.art-meta .mi{font-size:11.5px;color:var(--faint);font-weight:700}
/* TL;DR */
.art-tldr{background:var(--card);border:1.5px solid var(--line-2);border-left:3px solid var(--gold);border-radius:0 14px 14px 0;box-shadow:var(--sh-1);padding:16px 18px;margin:22px 0 6px}
.art-tldr .lb{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:7px}
.art-tldr p{font-size:14.5px;line-height:1.6;color:var(--sub);margin:0}.art-tldr p b{color:var(--ink);font-weight:800}
/* body typography — editorial, generous */
.art-body{margin-top:8px}
.art-body>p{font-size:16.5px;line-height:1.8;color:#3a3b44;margin:0 0 19px}
.art-body>p.lead{font-size:19px;line-height:1.65;color:var(--ink);font-weight:500;margin-bottom:22px}
.art-body p b,.art-body li b{color:var(--ink);font-weight:800}
.art-body p a,.art-body li a{color:var(--blue-d);font-weight:700;border-bottom:1.5px solid var(--blue-bg)}
.art-body h2{font-size:23px;line-height:1.25;font-weight:900;letter-spacing:-.02em;color:var(--ink);margin:38px 0 4px;scroll-margin-top:16px}
.art-body h2+.sub{font-size:13px;color:var(--faint);font-weight:700;margin:0 0 14px}
.art-body h3{font-size:17.5px;font-weight:900;color:var(--ink);margin:26px 0 9px}
.art-body ul{list-style:none;margin:0 0 19px;padding:0}
.art-body li{position:relative;padding-left:24px;font-size:16px;line-height:1.7;color:#3a3b44;margin-bottom:11px}
.art-body li::before{content:"";position:absolute;left:3px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.art-body hr{border:0;border-top:1px solid var(--line);margin:34px 0}
/* figures (the bespoke SVG diagrams — the link bait) */
.art-fig{margin:26px 0;background:var(--card);border:1.5px solid var(--line-2);border-radius:18px;box-shadow:var(--sh);padding:22px 20px;overflow:hidden}
.art-fig .ftit{font-size:14.5px;font-weight:900;color:var(--ink);margin-bottom:3px}
.art-fig .fsub{font-size:12px;color:var(--faint);font-weight:600;margin-bottom:16px}
.art-fig svg{display:block;width:100%;height:auto;overflow:visible}
.art-fig figcaption{font-size:11.5px;color:var(--faint);line-height:1.5;margin-top:15px;border-top:1px solid var(--line);padding-top:11px}
.art-fig figcaption b{color:var(--sub)}
/* data-viz shared bits */
.dv-lbl{font:800 12px var(--ui);fill:var(--ink)}
.dv-sub{font:700 10px var(--ui);fill:var(--faint)}
.dv-val{font:900 13px var(--ui);fill:var(--ink)}
.dv-tick{font:700 9.5px var(--ui);fill:var(--faint)}
/* pull-quote */
.art-quote{margin:30px 0;padding:6px 0 6px 22px;border-left:4px solid var(--gold);font-size:21px;line-height:1.4;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.art-quote cite{display:block;font-size:12.5px;font-weight:700;color:var(--faint);font-style:normal;margin-top:9px}
/* callout + stat */
.art-callout{display:flex;gap:12px;border-radius:14px;padding:15px 16px;margin:24px 0;font-size:14px;line-height:1.6}
.art-callout.info{background:var(--blue-bg);color:#0a4a86}.art-callout.info b{color:#06375f}
.art-callout.warn{background:#FEF1DF;color:#7a5a17}.art-callout.warn b{color:#5e440d}
.art-callout .ic{font-size:18px;line-height:1.3;flex:none}
.art-stat{background:var(--dark);color:#fff;border-radius:16px;padding:20px 22px;margin:26px 0;text-align:center}
.art-stat .v{font-size:38px;font-weight:900;letter-spacing:-.03em;line-height:1;background:linear-gradient(90deg,#fff,#FDD89B);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.art-stat .k{font-size:13px;color:#c3cde0;font-weight:700;margin-top:9px;line-height:1.4}
/* try-the-tool CTA */
.art-cta{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#0073EA,#0060B9);color:#fff;border-radius:16px;padding:18px 20px;margin:28px 0;text-decoration:none}
.art-cta .ic{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.16);display:grid;place-items:center;flex:none}
.art-cta .ic svg{width:23px;height:23px;color:#fff}
.art-cta .tt{display:block;font-size:15.5px;font-weight:900;line-height:1.2}
.art-cta .ds{display:block;font-size:12.5px;color:rgba(255,255,255,.82);margin-top:3px;line-height:1.4}
.art-cta .go{margin-left:auto;font-size:20px;flex:none}
/* sources + author + related */
.art-sources{margin:30px 0 0;background:var(--soft);border-radius:14px;padding:16px 18px}
.art-sources .lb{font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin-bottom:9px}
.art-sources li{font-size:12px;color:var(--sub);line-height:1.5;padding-left:16px;position:relative;margin-bottom:6px;list-style:none}
.art-sources li::before{content:"";position:absolute;left:2px;top:8px;width:4px;height:4px;border-radius:50%;background:var(--line-2)}
.art-authbox{display:flex;gap:13px;align-items:flex-start;background:linear-gradient(180deg,#fff,#F3F7FE);border:1px solid #D9E6FA;border-radius:16px;padding:16px;margin:22px 0}
.art-authbox .av{width:46px;height:46px;border-radius:13px;background:var(--blue);display:grid;place-items:center;flex:none;color:#fff;font-weight:900;font-size:17px}
.art-authbox .an{font-size:14px;font-weight:900}.art-authbox .ad{font-size:12px;color:var(--sub);line-height:1.5;margin-top:3px}
.art-faq{margin-top:10px}
.art-rel{margin:30px 0 0}
.art-rel .lb{font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin-bottom:11px}
.art-rel-grid{display:grid;gap:10px}
.art-relcard{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--sh-1);padding:14px;text-decoration:none}
.art-relcard .ri{width:38px;height:38px;border-radius:11px;background:var(--blue-bg);display:grid;place-items:center;flex:none}.art-relcard .ri svg{width:20px;height:20px;color:var(--blue)}
.art-relcard .rt{display:block;font-size:13.5px;font-weight:800;color:var(--ink)}.art-relcard .rd{display:block;font-size:11.5px;color:var(--faint);margin-top:1px}
.art-relcard .rc{margin-left:auto;color:var(--line-2);font-size:18px}
@media(max-width:520px){.art-h1{font-size:25px}.art-body>p{font-size:16px}.art-body>p.lead{font-size:17.5px}.art-body h2{font-size:21px}.art-quote{font-size:18px}}

/* guides hub (.gh) */
.gh-cat{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:24px 0 11px}
.gh-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gh-card{display:flex;flex-direction:column;background:var(--card);border:1.5px solid var(--line-2);border-radius:16px;box-shadow:var(--sh-1);padding:16px;text-decoration:none}
.gh-card .gi{width:40px;height:40px;border-radius:12px;background:var(--blue-bg);display:grid;place-items:center;margin-bottom:11px}.gh-card .gi svg{width:22px;height:22px;color:var(--blue)}
.gh-card .gt{font-size:15px;font-weight:900;color:var(--ink);line-height:1.25}
.gh-card .gd{font-size:12.5px;color:var(--sub);line-height:1.5;margin-top:6px;flex:1}
.gh-card .gr{font-size:12px;font-weight:800;color:var(--blue-d);margin-top:11px}
.gh-card .gtime{font-size:10.5px;color:var(--faint);font-weight:700;margin-top:8px}
@media(max-width:560px){.gh-grid{grid-template-columns:1fr}}

/* Ethanol blends panel on the petrol hub (.fx-blend) */
.fx-blend{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:2px 0 0}
.fx-blend .bl{background:var(--card);border:1.5px solid var(--line-2);border-radius:14px;padding:13px 13px 14px;box-shadow:var(--sh-1)}
.fx-blend .bl-new{border-color:#BFE0C4;background:linear-gradient(180deg,#fff,#F2FBF4)}
.fx-blend .bl-soon{opacity:.92}
.fx-blend .bt{font-size:14px;font-weight:900;color:var(--ink);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.fx-blend .tg{font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--sub);background:var(--soft);padding:2px 6px;border-radius:99px}
.fx-blend .tg-g{color:#0c7a3f;background:#DDF3E3}
.fx-blend .tg-m{color:#7a5a17;background:#FCEFD6}
.fx-blend .bp{font-size:20px;font-weight:900;letter-spacing:-.02em;color:var(--ink);margin:8px 0 6px}
.fx-blend .bp span{font-size:11px;font-weight:700;color:var(--faint);letter-spacing:0}
.fx-blend .bd{font-size:11px;line-height:1.45;color:var(--sub)}.fx-blend .bd b{color:#0c7a3f}
.fx-blendcta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;background:var(--blue-bg);border-radius:12px;padding:12px 15px;text-decoration:none;font-size:13px;font-weight:800;color:var(--blue-d)}
.fx-blendcta:hover{background:#D7E9FC}
@media(max-width:620px){.fx-blend{grid-template-columns:1fr;gap:8px}.fx-blend .bl{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'t p' 'd d';align-items:center;gap:2px 12px;padding:12px 14px}.fx-blend .bt{grid-area:t}.fx-blend .bp{grid-area:p;text-align:right;margin:0}.fx-blend .bd{grid-area:d;margin-top:5px}}

/* ============================================================
   Calculator widget (includes/calc_tool.php) — v8, global so
   gold/silver/platinum/city calculators all inherit it.
   ============================================================ */
.calc{background:var(--card);border:1.5px solid var(--line-2);border-radius:18px;box-shadow:var(--sh);padding:18px;margin-top:14px}
.calc .ct-seg{display:inline-flex;background:var(--soft);border-radius:11px;padding:3px;gap:2px}
.calc .ct-seg button{border:0;background:transparent;font:800 13px var(--ui);color:var(--sub);padding:9px 16px;border-radius:9px;cursor:pointer;min-height:42px}
.calc .ct-seg button.on{background:var(--card);color:var(--blue-d);box-shadow:var(--sh-1)}
.calc .ct-wrow{display:flex;gap:10px;margin-top:12px;align-items:stretch}
.calc .ct-wt{flex:1;min-width:0;border:1.5px solid var(--line-2);border-radius:11px;padding:10px 14px;font:800 18px var(--ui);color:var(--ink);background:var(--bg)}
.calc .ct-wt:focus{outline:none;border-color:var(--blue);background:#fff}
.calc .ct-unit{flex:none}
.calc .ct-unit button{padding:9px 13px;font-size:12px}
.gc-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.gc-chips button,.gc-chips a{border:1px solid var(--line-2);background:var(--card);color:var(--sub);font:700 12px var(--ui);padding:8px 13px;border-radius:9px;cursor:pointer;text-decoration:none;min-height:38px;display:inline-flex;align-items:center}
.gc-chips button:hover,.gc-chips a:hover{border-color:var(--blue);color:var(--blue-d)}
.calc .ct-big{font:900 38px/1 var(--ui);letter-spacing:-.03em;color:var(--ink);margin:16px 0 4px}
.calc .ct-sub{font:700 12.5px var(--ui);color:var(--faint);margin-bottom:4px;min-height:16px}
.calc .calc-more{border-top:1px solid var(--line);margin-top:14px}
.calc .calc-more-h{font:800 13.5px var(--ui);color:var(--blue-d);cursor:pointer;padding:13px 0 12px;display:flex;align-items:center;gap:9px}
.calc .calc-more-h::before{content:"+";font-size:15px;font-weight:900;width:20px;height:20px;border-radius:6px;background:var(--blue-bg);color:var(--blue-d);display:grid;place-items:center;line-height:1;flex:none}
.calc .calc-more.on .calc-more-h::before{content:"\2212"}
.calc .calc-more-b{display:none;padding-bottom:13px}
.calc .calc-more.on .calc-more-b{display:block}
.calc .calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.calc .calc-field{display:flex;flex-direction:column;gap:5px}
.calc .calc-field label{font:700 11.5px var(--ui);color:var(--sub)}
.calc .calc-field input{border:1.5px solid var(--line-2);border-radius:10px;padding:9px 12px;font:700 14px var(--ui);color:var(--ink);background:var(--bg);width:100%}
.calc .calc-field input:focus{outline:none;border-color:var(--blue);background:#fff}
.calc .calc-toggle{display:flex;align-items:center;gap:8px;font:700 13px var(--ui);color:var(--sub);cursor:pointer}
.calc .calc-toggle input{width:17px;height:17px;accent-color:var(--blue)}
.calc .ct-line{margin-top:10px}
.calc .ct-line .row.total{display:flex;justify-content:space-between;align-items:center;background:var(--soft);border-radius:11px;padding:12px 14px}
.calc .ct-line .row.total .l{font:800 13.5px var(--ui);color:var(--sub)}
.calc .ct-line .row.total .v{font:900 17px var(--ui);color:var(--ink)}
.gc-ch.up{color:#018F53}.gc-ch.dn{color:#D83A52}
/* calculator purity hero (3 karat tiles) */
.calc-hero{background:var(--card);border:1.5px solid var(--line-2);border-radius:18px;box-shadow:var(--sh);padding:16px 18px}
.calc-hero .eyb{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px}
.calc-hero .eyb .lab{font:800 12px var(--ui);color:var(--sub)}
.calc-hero .eyb .dt{font:700 11px var(--ui);color:var(--faint);background:var(--soft);padding:3px 10px;border-radius:99px;white-space:nowrap}
.calc-hero .ttl{font:900 18px var(--ui);letter-spacing:-.02em;color:var(--ink);margin:6px 0 12px}
.calc-purity{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.calc-purity .p{background:var(--soft);border-radius:12px;padding:11px 10px;text-align:center}
.calc-purity .p.on{background:var(--blue-bg)}
.calc-purity .pl{font:700 10.5px var(--ui);color:var(--faint)}
.calc-purity .pv{font:900 18px var(--ui);color:var(--ink);margin-top:3px}
.calc-purity .p.on .pv{color:var(--blue-d)}

/* green CTA alert strip (state pages etc.) — own class to avoid colliding with the white-card .gx-alert */
.gx-altcta{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1FA855,#16823f);color:#fff;border-radius:14px;padding:14px 16px;margin-top:6px}
.gx-altcta .ai{flex:1}
.gx-altcta .at{font:900 14px var(--ui)}
.gx-altcta .as{font:600 12px var(--ui);color:rgba(255,255,255,.85);margin-top:2px}
.gx-altcta button{flex:none;border:0;background:#fff;color:#16823f;font:800 13px var(--ui);padding:10px 16px;border-radius:10px;cursor:pointer;min-height:42px}

/* NRI hub (.nrx) */
.nrx-hook{display:flex;align-items:center;gap:13px;text-decoration:none;background:linear-gradient(135deg,#1f2540,#343c61);border-radius:16px;padding:14px 16px;margin-top:10px}
.nrx-hook .nh-ic{flex:none;width:42px;height:42px;border-radius:12px;background:rgba(253,171,61,.18);display:flex;align-items:center;justify-content:center}
.nrx-hook .nh-ic svg{width:23px;height:23px;color:#FDAB3D}
.nrx-hook .nh-tx{flex:1;min-width:0}
.nrx-hook .nh-t{display:block;font:800 15px var(--ui);color:#fff;line-height:1.3}
.nrx-hook .nh-t b{color:#FDD89B;font-weight:900}
.nrx-hook .nh-sub{display:block;font:600 11.5px var(--ui);color:#aeb7d0;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nrx-hook .nh-cta{flex:none;display:inline-flex;align-items:center;gap:2px;font:800 12.5px var(--ui);color:#FDD89B;white-space:nowrap}
.nrx-hook .nh-cta svg{width:14px;height:14px}
.nrx-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
@media(min-width:560px){.nrx-grid{grid-template-columns:repeat(3,1fr)}}
.nrx-card{display:flex;flex-direction:column;gap:5px;text-decoration:none;background:var(--card);border:1.5px solid var(--line-2);border-radius:14px;padding:15px 16px;box-shadow:var(--sh-1)}
.nrx-card.primary{border-color:#BFD9F6;background:linear-gradient(180deg,#fff,#F3F8FE)}
.nrx-card .ni{font-size:23px;line-height:1}
.nrx-card b{font:900 14.5px var(--ui);color:var(--ink)}
.nrx-card span:last-child{font:600 12px var(--ui);color:var(--sub);line-height:1.45}

/* single-rate calculator hero (silver / platinum) */
.calc-rate{display:flex;align-items:baseline;gap:10px;margin-top:8px}
.calc-rate .v{font:900 32px var(--ui);letter-spacing:-.025em;color:var(--ink);line-height:1}
.calc-rate .u{font:700 12.5px var(--ui);color:var(--faint)}

/* gold loan calculator results (reuses .calc widget classes) */
.calc-ltvbadge{display:inline-block;font:800 11px var(--ui);color:var(--blue-d);background:var(--blue-bg);padding:3px 10px;border-radius:99px;margin-left:8px;vertical-align:middle}
.calc-results{margin-top:14px;display:grid;gap:8px}
.calc-results .rr{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:var(--soft);border-radius:11px}
.calc-results .rr.hi{background:var(--blue-bg)}
.calc-results .rr .l{font:700 12.5px var(--ui);color:var(--sub)}
.calc-results .rr.hi .l{color:var(--blue-d)}
.calc-results .rr .v{font:900 15px var(--ui);color:var(--ink)}
.calc-note{font:600 11.5px var(--ui);color:var(--faint);margin-top:11px;line-height:1.55}
.calc-seg2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}
.calc-seg2 .sl{font:700 11.5px var(--ui);color:var(--sub);margin-bottom:5px;display:block}

/* de-cannibalisation: national-karat up-links from city pages */
.gx-natlink{display:inline-flex;align-items:center;margin:9px 0 2px;font:800 12.5px var(--ui);color:var(--blue-d);text-decoration:none}
.gx-natlink:hover{text-decoration:underline}
.gx-karatrow{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.gx-karatrow a{font:700 11.5px var(--ui);color:var(--sub);background:var(--soft);border:1px solid var(--line);border-radius:99px;padding:5px 11px;text-decoration:none}
.gx-karatrow a:hover{color:var(--blue-d);border-color:var(--blue)}

/* weight-page price table: highlight the primary purity row */
.tbl tr.wt-hi td{background:var(--blue-bg)}
.tbl tr.wt-hi td:first-child{font-weight:800;color:var(--blue-d)}

/* ============ Phase-1 NRI: currency, home-town, season (rt) ============ */
.cur-tbl table{width:100%;border-collapse:collapse}
.cur-tbl td a{color:var(--blue-d);font-weight:700;text-decoration:none}
.cur-go{display:inline-flex;align-items:center;gap:3px;color:var(--blue-d);font-weight:800;font-size:12px}
.cur-go svg{width:12px;height:12px}
.cur-note{font-size:12.5px;color:var(--faint);margin:10px 2px 0;line-height:1.5}
.cur-up{color:var(--up);font-weight:800}
.cur-dn{color:var(--down);font-weight:800}
/* converter */
.cur-conv{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);padding:16px}
.cur-conv .cv-row{display:flex;align-items:center;gap:12px;margin:8px 0}
.cur-conv .cv-row label{flex:none;width:64px;font-size:12px;font-weight:800;color:var(--sub)}
.cur-conv .cv-row input{flex:1;min-width:0;border:1.5px solid var(--line-2);border-radius:11px;padding:12px 13px;font:inherit;font-size:18px;font-weight:800;color:var(--ink);background:#fff}
.cur-conv .cv-row input:focus{outline:0;border-color:var(--blue)}
.cur-conv .cv-eq{text-align:center;color:var(--faint);font-weight:800;font-size:15px;margin:-2px 0}
.cur-conv .cv-rate{font-size:12.5px;color:var(--sub);margin:10px 2px 0;font-weight:600}
/* home-town corridor block */
.gx-hometown{margin-top:24px}
.gx-hometown .ht-note{font-size:13.5px;color:var(--sub);line-height:1.6;margin:0 0 11px}
.gx-hometown .ht-note a{color:var(--blue-d);font-weight:700}
.ht-grid{display:flex;flex-wrap:wrap;gap:8px}
.ht-grid a{font-size:13px;font-weight:700;color:var(--blue-d);background:var(--card);border:1px solid var(--line-2);border-radius:10px;padding:8px 13px;text-decoration:none;box-shadow:var(--sh-1)}
.ht-grid a:hover{border-color:var(--blue)}
.ht-grid a.ht-all{color:var(--sub);background:var(--soft);border-style:dashed}
/* seasonal callout */
.gx-season{display:flex;align-items:flex-start;gap:10px;background:var(--gold-bg,#FFF6E8);border:1px solid #F6DDB0;border-radius:12px;padding:11px 14px;margin:18px 0}
.gx-season .gs-ic{flex:none;font-size:16px;line-height:1.4}
.gx-season .gs-tx{font-size:13px;color:#7A5212;line-height:1.5}
.gx-season .gs-tx b{color:#6B4A0F}
.gx-season .gs-tx a{color:var(--blue-d);font-weight:700;white-space:nowrap}

/* ============ Four-hub primary nav (C7) ============ */
.hnav{align-items:center}
.hub{position:relative}
.hub-t{display:inline-flex;align-items:center;gap:5px;font:800 14px/1 var(--ui);color:var(--sub);background:none;border:0;cursor:pointer;padding:9px 12px;border-radius:9px;white-space:nowrap}
.hub-t:hover{background:var(--soft)}
.hub.on>.hub-t,.hub.open>.hub-t{color:var(--blue-d);background:var(--blue-bg)}
.hub-t .chev{width:12px;height:12px;opacity:.65;transition:transform .18s ease}
.hub.open .hub-t .chev{transform:rotate(180deg)}
.hub-star{color:var(--gold);font-size:12px;line-height:1}
.hubmenu{display:none;position:absolute;top:calc(100% + 7px);left:0;min-width:234px;background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--sh);padding:7px;z-index:60}
.hub.open .hubmenu{display:block}
html:not(.rt-js) .hub:focus-within .hubmenu{display:block} /* keyboard/no-JS fallback only */
.hubmenu a{display:block;font:700 13.5px/1.25 var(--ui);color:var(--ink);background:none;padding:9px 11px;border-radius:9px;white-space:nowrap}
.hubmenu a:hover,.hubmenu a:focus{background:var(--soft);color:var(--blue-d);outline:none}
.hubmenu a.lead{color:var(--blue-d);font-weight:800}

@media(max-width:980px){
  /* one clean row of 4 equal segments (complements the bottom tab bar) */
  .hsub{position:relative;overflow:visible;z-index:40}
  .hsub .wrap{display:flex;flex-wrap:nowrap;gap:6px;overflow:visible;padding-top:9px;padding-bottom:9px}
  .hsub .hub{position:static;flex:1 1 0;min-width:0}
  .hsub .hub-t{width:100%;justify-content:center;gap:4px;font-size:12.5px;color:var(--ink);background:var(--soft);border-radius:10px;padding:9px 6px}
  .hsub .hub-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hsub .hub-t .chev{width:11px;height:11px}
  .hsub .hub.on>.hub-t,.hsub .hub.open>.hub-t{color:#fff;background:var(--blue)}
  .hsub .hub.on>.hub-t .hub-star{color:#fff}
  .hsub .hubmenu{left:12px;right:12px;top:calc(100% + 4px);min-width:0;border-radius:12px}
}

/* ============ Trust strip (C10) + Set-your-city chip (C11) ============ */
.trust{background:var(--card);border-bottom:1px solid var(--line)}
.trust .wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px;font-size:12px;font-weight:600;color:var(--sub)}
.trust .ti{display:inline-flex;align-items:center}
.trust svg{width:14px;height:14px;color:var(--up);margin-right:5px}
.trust a{color:var(--blue-d);font-weight:700}
.trust a:hover{text-decoration:underline}
.trust .sep{color:var(--line-2)}
.trust .ti-m{color:var(--faint)}
.trust .t-short{display:none}
.trust .wrap{white-space:nowrap}
@media(max-width:560px){
  .trust .wrap{gap:6px;font-size:11.5px}
  .trust .t-full,.trust .sep-m,.trust .ti-m{display:none}
  .trust .t-short{display:inline}
}

.setcity{background:var(--blue-bg);border-bottom:1px solid var(--line)}
.setcity .wrap{display:flex;align-items:center;gap:10px;padding-top:9px;padding-bottom:9px;font-size:13px;font-weight:700;color:var(--blue-d)}
.setcity svg{width:15px;height:15px;color:var(--blue-d);margin-right:5px;vertical-align:-3px}
.setcity .sc-t{flex:1;min-width:0}
.setcity .sc-go{border:0;background:var(--blue);color:#fff;font-weight:800;font-size:12.5px;padding:7px 14px;border-radius:99px;cursor:pointer;white-space:nowrap;flex:none}
.setcity .sc-go:hover{background:var(--blue-d)}
.setcity .sc-x{border:0;background:none;color:var(--blue-d);font-size:21px;line-height:1;cursor:pointer;padding:0 2px;opacity:.55;flex:none}
.setcity .sc-x:hover{opacity:1}

/* tighten the top gap under the header chrome on EVERY page (mobile).
   .trust / .setcity is always the last chrome element before the first content block. */
@media(max-width:980px){
  .phead{padding-top:6px}
  .trust + .block,.setcity + .block{padding-top:8px}
}

/* ============ Audience-aware hero banner (C4/C9) — homepage, additive ============ */
.geohero{display:flex;align-items:center;gap:12px;margin-top:14px;background:var(--blue-bg);border-radius:14px;padding:11px 13px}
.geohero:hover{box-shadow:var(--sh-1)}
.geohero .gh-ic{flex:none;width:38px;height:38px;border-radius:11px;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center}
.geohero .gh-ic svg{width:20px;height:20px}
.geohero .gh-tx{flex:1;min-width:0;line-height:1.25}
.geohero .gh-k{display:block;font-size:12px;font-weight:800;color:var(--blue-d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.geohero .gh-v{display:block;font-size:15px;font-weight:900;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.geohero .gh-v .u{font-size:11px;font-weight:700;color:var(--faint)}
.geohero .gh-go{flex:none;display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:800;color:var(--blue-d);white-space:nowrap}
.geohero .gh-go svg{width:14px;height:14px}
@media(max-width:430px){.geohero .gh-go .lbl{display:none}}

/* city-first hero switcher (C4) */
.cityswitch{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:700;color:var(--sub)}
.cityswitch .cs-l{display:inline-flex;align-items:center;gap:6px;min-width:0}
.cityswitch svg{width:15px;height:15px;color:var(--blue-d);flex:none}
.cityswitch b{color:var(--ink)}
.cityswitch .cs-go{margin-left:auto;border:1px solid var(--line-2);background:var(--card);color:var(--blue-d);font-weight:800;font-size:12px;padding:6px 12px;border-radius:99px;cursor:pointer;flex:none}
.cityswitch .cs-go:hover{background:var(--soft)}

/* ============ Cross-surface metals strip (C8) + soft switch chip ============ */
.gx-switch{display:flex;align-items:center;gap:8px;margin-top:12px;background:var(--blue-bg);border-radius:11px;padding:9px 12px;font-size:12.5px;font-weight:700;color:var(--blue-d)}
.gx-switch svg{width:15px;height:15px;flex:none}
.gx-switch>span:first-of-type{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gx-switch b{color:var(--ink)}
.gx-switch .sw{flex:none;display:inline-flex;align-items:center;gap:2px;font-weight:800}
.gx-switch .sw svg{width:13px;height:13px}
.gx-xsurf{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.gx-xsurf .xs{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:11px 12px}
.gx-xsurf .xs:hover{box-shadow:var(--sh-1)}
.gx-xsurf .sq{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.gx-xsurf .sq svg{width:19px;height:19px;color:#fff}
.gx-xsurf .sq.sil{background:#579BFC}
.gx-xsurf .sq.plat{background:#00C2C7}
.gx-xsurf .xt{flex:1;min-width:0;line-height:1.2}
.gx-xsurf .xn{display:block;font-size:12px;font-weight:800;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gx-xsurf .xv{display:block;font-size:15px;font-weight:900;color:var(--ink)}
.gx-xsurf .xv small{font-size:10px;color:var(--faint);font-weight:700}
.gx-xsurf .xs>svg{flex:none;width:15px;height:15px;color:var(--faint)}
@media(max-width:420px){.gx-xsurf .xn{font-size:11px}}

.gx-xsurf .sq.gld{background:var(--gold)}

/* NRI hub — personalized home-city greeting */
.nrx-greet{margin:12px 0 0;background:var(--blue-bg);border-radius:11px;padding:10px 13px;font-size:13px;font-weight:700;color:var(--blue-d);line-height:1.45}
.nrx-greet svg{width:16px;height:16px;vertical-align:-3px;margin-right:5px}
.nrx-greet b{color:var(--ink)}

/* NRI hook — tighter on mobile */
@media(max-width:560px){
  .nrx-hook{gap:10px;padding:13px 14px}
  .nrx-hook .nh-ic{width:38px;height:38px}
  .nrx-hook .nh-ic svg{width:21px;height:21px}
  .nrx-hook .nh-t{font-size:14px}
  .nrx-hook .nh-sub{font-size:11px}
}

/* ============ Homepage decision nudge (C6) ============ */
.homenudge{display:flex;align-items:center;gap:10px;margin-top:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:13px;font-weight:700;color:var(--ink)}
.homenudge:hover{box-shadow:var(--sh-1)}
.homenudge .hn-ic{flex:none;width:32px;height:32px;border-radius:9px;background:var(--blue-bg);display:flex;align-items:center;justify-content:center}
.homenudge .hn-ic svg{width:18px;height:18px;color:var(--blue-d)}
.homenudge .hn-tx{flex:1;min-width:0;line-height:1.35}
.homenudge .hn-go{flex:none;color:var(--faint)}
.homenudge .hn-go svg{width:15px;height:15px}

/* Personal-loan: Bank vs NBFC comparison cards */
.gl-vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0 4px}
.gl-vs-card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);padding:16px 16px 8px}
.gl-vs-h{font-size:15px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:7px}
.gl-vs-rate{font-size:13px;font-weight:700;color:var(--blue-d);margin:4px 0 10px}
.gl-vs-card ul{margin:0;padding-left:18px;list-style:disc}
.gl-vs-card li{font-size:13.5px;color:var(--sub);line-height:1.45;margin-bottom:6px}
.gl-vs-card li:last-child{margin-bottom:10px}
@media(max-width:560px){.gl-vs{grid-template-columns:1fr;gap:10px}}

/* Shared "guided finder" widget — credit-cards & personal-loan recommenders */
.ccf-box{padding:16px}
.ccf-step{margin-bottom:15px}
.ccf-q{display:flex;align-items:center;gap:9px;font-weight:800;font-size:13.5px;color:var(--ink);margin-bottom:9px}
.ccf-n{flex:none;width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ccf-sal{max-width:240px}
.ccf-chips{display:flex;flex-wrap:wrap;gap:8px}
.ccf-chip{font:inherit;font-size:13px;font-weight:700;color:var(--sub);background:var(--soft);border:1.5px solid transparent;border-radius:99px;padding:8px 13px;cursor:pointer;transition:all .12s ease}
.ccf-chip:hover{border-color:var(--line-2)}
.ccf-chip.on{background:var(--blue-bg);color:var(--blue-d);border-color:var(--blue)}
.ccf-go{width:100%;margin-top:4px;border:0;border-radius:11px;background:var(--blue);color:#fff;font:inherit;font-weight:800;font-size:14.5px;padding:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .12s ease}
.ccf-go:hover{background:var(--blue-d)}
.ccf-go svg{width:15px;height:15px;transform:rotate(90deg)}
.ccf-out{margin-top:16px}
.ccf-hero{border:2px solid var(--blue);border-radius:15px;padding:15px;background:linear-gradient(180deg,var(--blue-bg),#fff)}
.ccf-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-d);background:#fff;border-radius:99px;padding:4px 11px;box-shadow:var(--sh-1);margin-bottom:11px}
.ccf-htop{display:flex;align-items:center;gap:12px}
.ccf-hlg{flex:none;width:48px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px}
.ccf-hart{flex:none;width:72px;height:46px;border-radius:8px;object-fit:cover;box-shadow:var(--sh-1);background:var(--soft)}
.ccf-hnm{font-weight:800;font-size:16px;color:var(--ink);line-height:1.2}
.ccf-hsub{font-size:12px;color:var(--sub);font-weight:600;margin-top:2px}
.ccf-hval{margin-left:auto;text-align:right}
.ccf-htop>div{min-width:0}.ccf-hval{flex:none}
.ccf-hval b{display:block;font-size:19px;font-weight:900;color:var(--up);line-height:1}
.ccf-hval small{font-size:10.5px;color:var(--faint);font-weight:700}
.ccf-why{list-style:none;padding:0;margin:13px 0 0;display:grid;gap:7px}
.ccf-why li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--ink);line-height:1.4}
.ccf-why li .tk{flex:none;color:var(--up);font-weight:900}
.ccf-why li.warn .tk{color:var(--gold)}
.ccf-alt-h{font-size:12px;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 8px}
.ccf-rrow{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;margin-bottom:7px}
.ccf-rrow .rk{flex:none;width:22px;height:22px;border-radius:7px;background:var(--soft);color:var(--sub);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.ccf-rrow .nm{flex:1;min-width:0;font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccf-rrow .val{font-weight:900;font-size:13.5px;color:var(--ink);text-align:right}
.ccf-rrow .val small{display:block;font-size:10px;color:var(--faint);font-weight:600}
@media(max-width:520px){.ccf-hval b{font-size:17px}}
/* geo personalisation nudge (additive; gated by rt_personalize_on) */
.geonudge{display:flex;align-items:center;gap:11px;background:var(--blue-bg);border:1px solid var(--blue);border-radius:13px;padding:11px 14px;text-decoration:none;color:var(--ink);margin:0 0 14px}
.geonudge .gn-ic{flex:none;width:30px;height:30px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}
.geonudge .gn-tx{flex:1;min-width:0;font-size:13.5px;font-weight:600;line-height:1.35}
.geonudge .gn-tx b{font-weight:800}
.geonudge .gn-go{flex:none;color:var(--blue-d);font-weight:800;font-size:12.5px;white-space:nowrap}

/* Safety: never allow the document to scroll sideways on mobile (a stray wide child
   would otherwise shift the whole page; inner scrollers like .hsub keep their own). */
html,body{overflow-x:hidden;overflow-x:clip}
/* AdSense in-article slot — keep the fixed unit from ever pushing the page sideways */
.rt-artlink{color:var(--brand,#8A5A12);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(138,90,18,.25)}
.rt-artlink:hover{border-bottom-color:rgba(138,90,18,.6)}
.gcard,.gh-card{position:relative}
.gnew{position:absolute;top:10px;right:10px;z-index:1;background:#017A45;color:#fff;font:700 9.5px/1 Mulish,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:6px}
.rt-ad{max-width:100%;margin:16px auto;text-align:center;overflow:hidden;clear:both}
.rt-ad.rt-unfilled{display:none!important}
.rt-ins{max-width:100%}
.rt-adlbl{display:block;font:600 10px/1 Mulish,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#9aa0ad;margin-bottom:6px}
/* Image (3D) icons inside rate/loan tiles — drop a PNG/WebP into assets/img/icons/ */
.rtile .sq:has(img){background:var(--soft);box-shadow:none}
.rtile .sq img.rti{width:30px;height:30px;object-fit:contain}
@media(max-width:520px){.rtile .sq img.rti{width:27px;height:27px}}

/* Above-the-fold "today's move" curiosity hook (homepage, screen 1) */
.todayhook{display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--sh-1);padding:12px 14px;margin:14px 0 0;text-decoration:none;color:var(--ink)}
.todayhook .th-ic{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.todayhook .th-ic svg{width:18px;height:18px}
.todayhook.up .th-ic{background:var(--up-bg,#E3F6EC);color:var(--up)}
.todayhook.down .th-ic{background:#FCE8EC;color:var(--down,#C0392B)}
.todayhook.down .th-ic svg{transform:scaleY(-1)}
.todayhook .th-tx{flex:1;min-width:0;font-size:13.5px;font-weight:600;line-height:1.35}
.todayhook.up .th-tx b{color:var(--up)}
.todayhook.down .th-tx b{color:var(--down,#C0392B)}
.todayhook .th-go{flex:none;color:var(--faint)}
.todayhook .th-go svg{width:15px;height:15px}

/* Tier-1 header slim: reclaim screen-1 space on phones. The scrolling ticker is
   redundant with the rate grid immediately below it, so hide it on small screens
   (desktop keeps it). Reversible. */
@media(max-width:560px){.ticker{display:none}}

/* Shared credit-card row styles (used by the cards hub AND the per-card "related" grid) */
.gl-v8 .cc-grid{display:grid;gap:11px}
.gl-v8 .cc-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-1);padding:14px;text-decoration:none;color:inherit}
.gl-v8 .cc-card:hover{box-shadow:var(--sh)}
.gl-v8 .cc-top{display:flex;align-items:center;gap:11px}
.gl-v8 .cc-top>div:not(.cc-fee){flex:1;min-width:0}
.gl-v8 .cc-art{flex:none;width:64px;height:40px;border-radius:6px;object-fit:cover;box-shadow:var(--sh-1);background:var(--soft)}
.gl-v8 .cc-nm{font-weight:800;font-size:14.5px;color:var(--ink);line-height:1.25}
.gl-v8 .cc-nm a{color:inherit;text-decoration:none}
.gl-v8 .cc-nm a:hover{color:var(--blue-d)}
.gl-v8 .cc-sub{font-size:12px;color:var(--sub);font-weight:600;margin-top:1px}
.gl-v8 .cc-fee{flex:none;max-width:42%;text-align:right;font-weight:800;font-size:12.5px;color:var(--blue-d);white-space:nowrap}
.gl-v8 .cc-fee small{display:block;font-size:10px;color:var(--faint);font-weight:700;white-space:normal}
.gl-v8 .cc-perks{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.gl-v8 .cc-perks span{font-size:11px;font-weight:700;background:var(--soft);color:var(--sub);border-radius:99px;padding:3px 9px}
.gl-v8 .cc-perks span.b{background:var(--blue-bg);color:var(--blue-d)}

/* "Flag incorrect info" feedback widget (YMYL pages) */
.rt-fb{margin:16px 0 4px}
.rt-fb-open{display:inline-flex;align-items:center;gap:7px;background:none;border:1px dashed var(--line-2);border-radius:10px;padding:8px 13px;font:inherit;font-size:12.5px;font-weight:700;color:var(--sub);cursor:pointer}
.rt-fb-open:hover{border-color:var(--blue);color:var(--blue-d)}
.rt-fb-open svg{width:14px;height:14px;color:var(--gold)}
.rt-fb-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.rt-fb-form{margin-top:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-1);padding:13px;max-width:480px}
.rt-fb-form textarea,.rt-fb-form input[type=email]{width:100%;box-sizing:border-box;border:1.5px solid var(--line-2);border-radius:10px;padding:10px 12px;font:inherit;font-size:13.5px;color:var(--ink);background:var(--card);outline:0;resize:vertical}
.rt-fb-form input[type=email]{margin-top:8px}
.rt-fb-row{display:flex;align-items:center;gap:11px;margin-top:9px}
.rt-fb-send{background:var(--blue);color:#fff;border:0;border-radius:10px;font:inherit;font-weight:800;font-size:13px;padding:10px 15px;cursor:pointer}
.rt-fb-msg{font-size:12px;font-weight:600;color:var(--sub)}