/*
Theme Name: MyInvestmentIdeas Ver 2.0
Theme URI: https://myinvestmentideas.com
Author: Suresh KP
Description: Award-standard fintech redesign theme for MyInvestmentIdeas.com — navy/gold dark-glass design system, live market pulse ticker, AI tools (MF Portfolio Analyser, Health & Life Insurance Scanners), rolling-returns rankings, real WordPress post loops.
Version: 2.0.13
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mii-redesign
*/

/* ============================================================
   THEME FIXES — wp_nav_menu() <li> reset + WP admin bar offset
   (kept at top so it applies regardless of the duplicated
   per-page blocks below)
   ============================================================ */
.nav ul,.nav li,.drawer ul,.drawer li{list-style:none;margin:0;padding:0}
.nav ul{display:flex;gap:2px;align-items:center}
.nav li{display:flex}
.drawer li{display:block}

/* WordPress already reserves 32px/46px for its own admin bar via html.wp-toolbar padding —
   we only need to offset our STICKY header so it doesn't slide under the admin bar on scroll */
body.admin-bar .header{top:32px}
@media screen and (max-width:782px){
  body.admin-bar .header{top:46px}
}

/* Defensive: stop any stray horizontal scroll (e.g. from the ticker marquee) */
html,body{max-width:100%;overflow-x:hidden}

/* CSS Grid items default to min-width:auto, so wide content (e.g. the FD Tracker's
   table, min-width:880px) can force the whole .layout column to expand past the
   viewport instead of scrolling internally. This lets grid children shrink properly. */
.layout>*{min-width:0}

/* MyInvestmentIdeas — Redesign Theme Styles (Combined)
   Paste into ONE WPCode HTML/CSS snippet wrapped in <style> tags,
   Insertion: Site Wide Header, Conditional: TEST Homepage OR TEST Archive OR TEST Article
   Note: variables (:root) and shared classes repeat across sections by design —
   harmless duplication since values are identical; kept separate per page for clarity/editing. */

/* ============================================================
   HOMEPAGE PAGE STYLES  (source: index.html)
   ============================================================ */
/* ================= TOKENS ================= */
:root{
  --navy:#06067D; --navy-2:#1B1BC4; --navy-deep:#03033F; --ink:#12123A;
  --gold:#FFC300; --gold-hi:#FFD700;
  --paper:#F4F6FE; --white:#fff; --slate:#5A5E82; --line:#E2E5F5;
  /* vivid category spectrum */
  --blue:#2D6BFF;  --blue-2:#00C2FF;
  --teal:#00B899;  --teal-2:#00E3B0;
  --violet:#8A3FFC;--violet-2:#C77DFF;
  --green:#12B76A; --green-2:#6CE9A6;
  --coral:#FF5C39; --coral-2:#FF9A62;
  --amber:#F79009; --amber-2:#FFC84A;
  --up:#00D084; --down:#FF4D5E;
  --r:16px;
  --disp:'Archivo',sans-serif; --body:'Instrument Sans',sans-serif; --mono:'IBM Plex Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
svg{display:block}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}

.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:14px}
.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.section-title{font-family:var(--disp);font-weight:800;font-size:clamp(1.55rem,4.6vw,2.3rem);letter-spacing:-.025em;line-height:1.12}
.section-sub{color:var(--slate);font-size:.95rem;margin-top:8px;max-width:56ch}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}

/* ================= HEADER ================= */
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-in{max-width:1200px;margin:0 auto;padding:0 20px;height:66px;display:flex;align-items:center;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:800;font-size:1.04rem;letter-spacing:-.01em}
.logo-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--navy),var(--navy-2));display:grid;place-items:center;color:var(--gold-hi);font-family:var(--mono);font-weight:600;font-size:.78rem;box-shadow:0 6px 16px -6px rgba(6,6,125,.55);flex-shrink:0}
.logo em{font-style:normal;background:linear-gradient(90deg,var(--navy),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{display:none;gap:2px;margin-left:6px}
.nav a{font-size:.88rem;font-weight:500;color:var(--slate);padding:8px 12px;border-radius:9px;transition:.15s;position:relative}
.nav a:hover{color:var(--navy);background:var(--paper)}
.header-cta{margin-left:auto;display:flex;align-items:center;gap:10px}
.btn-tools{background:linear-gradient(90deg,var(--navy),var(--navy-2));color:#fff;font-weight:600;font-size:.86rem;padding:11px 20px;border-radius:11px;box-shadow:0 8px 20px -8px rgba(6,6,125,.6);transition:.2s}
.btn-archive{display:none;color:var(--navy);font-weight:600;font-size:.86rem;padding:11px 16px;border-radius:11px;border:1.5px solid var(--line);transition:.2s}
@media(min-width:640px){.btn-archive{display:inline-block}}
.btn-tools:hover{transform:translateY(-1px);box-shadow:0 12px 26px -8px rgba(6,6,125,.7)}
.menu-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:var(--navy)}
@media(min-width:920px){.nav{display:flex}.menu-btn{display:none}}
.drawer{display:none;background:var(--white);border-bottom:1px solid var(--line);padding:8px 20px 16px}
.drawer.open{display:block}
.drawer a{display:block;padding:11px 8px;font-weight:500;border-bottom:1px solid var(--line);font-size:.95rem}
.drawer a:last-child{border-bottom:none}

/* ================= MARKET PULSE STRIP ================= */
.pulse{background:var(--navy-deep);overflow:hidden;border-bottom:1px solid rgba(255,195,0,.22)}
.pulse-in{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:18px}
.pulse-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;color:var(--gold-hi);padding:10px 0;white-space:nowrap;display:none}
@media(min-width:700px){.pulse-label{display:block}}
.pulse-scroll{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.pulse-track{display:flex;gap:36px;width:max-content;padding:10px 0;animation:tick 40s linear infinite;font-family:var(--mono);font-size:.72rem}
.pulse:hover .pulse-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.qi{display:flex;align-items:baseline;gap:8px;color:#9FA3D8;white-space:nowrap}
.qi b{color:#fff;font-weight:600}
.qi .up{color:var(--up)} .qi .down{color:var(--down)}

/* ================= HERO ================= */
.hero{position:relative;background:radial-gradient(1100px 640px at 82% -10%,#1B1BC4 0%,transparent 55%),radial-gradient(800px 520px at -10% 108%,#0B4ACF33 0%,transparent 60%),linear-gradient(165deg,var(--navy) 0%,var(--navy-deep) 74%);color:#fff;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}
.blob-1{width:340px;height:340px;background:var(--blue);top:-120px;right:6%;animation:float 11s ease-in-out infinite}
.blob-2{width:280px;height:280px;background:var(--violet);bottom:-140px;left:-60px;animation:float 13s 1s ease-in-out infinite}
.blob-3{width:200px;height:200px;background:var(--gold);top:40%;right:-90px;opacity:.28;animation:float 9s .5s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-26px)}}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.hero-in{max-width:1200px;margin:0 auto;padding:60px 20px 48px;position:relative;display:grid;gap:40px}
@media(min-width:960px){.hero-in{grid-template-columns:1.05fr .95fr;align-items:center;padding:76px 20px 60px}}
.hero-bottom{margin-top:44px;border-radius:24px;max-width:1200px;margin-left:auto;margin-right:auto}



.hero-badge{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi);background:rgba(255,195,0,.12);border:1px solid rgba(255,195,0,.4);border-radius:100px;padding:7px 15px;margin-bottom:22px}
.hero-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:pulse 1.8s infinite}
.hero h1{font-family:var(--disp);font-weight:900;font-size:clamp(2.2rem,6.6vw,3.7rem);line-height:1.05;letter-spacing:-.03em}
.hero h1 .grad{background:linear-gradient(92deg,var(--gold-hi) 10%,var(--amber-2) 45%,var(--coral-2) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:#BDC0F0;font-size:1.04rem;margin:18px 0 26px;max-width:46ch}
.hero-mission{font-family:var(--mono);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-hi);margin:14px 0 0!important}
.search{display:flex;background:#fff;border-radius:16px;padding:6px;box-shadow:0 24px 60px -20px rgba(0,0,20,.65),0 0 0 4px rgba(255,195,0,.18);max-width:580px}
.search input{flex:1;border:none;background:none;padding:13px 16px;font-family:var(--body);font-size:.98rem;color:var(--ink);min-width:0}
.search input::placeholder{color:#9A9DB8}
.search input:focus{outline:none}
.search button{background:linear-gradient(92deg,var(--gold),var(--amber));color:var(--navy-deep);font-weight:800;font-family:var(--disp);font-size:.92rem;padding:13px 24px;border-radius:12px;transition:.18s;flex-shrink:0}
.search button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.hints{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hints a{font-family:var(--mono);font-size:.68rem;padding:6px 13px;border-radius:100px;border:1px solid;transition:.15s}
.h-blue{color:#8FC6FF;border-color:#2D6BFF66}.h-blue:hover{background:#2D6BFF33}
.h-teal{color:#7CF2D6;border-color:#00B89966}.h-teal:hover{background:#00B89933}
.h-violet{color:#D9B7FF;border-color:#8A3FFC66}.h-violet:hover{background:#8A3FFC33}
.h-gold{color:var(--gold-hi);border-color:#FFC30066}.h-gold:hover{background:#FFC30026}

/* ====== SIP CALCULATOR (hero widget) ====== */
.calc{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:24px;backdrop-filter:blur(10px);box-shadow:0 30px 70px -30px rgba(0,0,20,.8)}
.calc-cta{display:block;margin-top:8px;color:var(--gold-hi);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.calc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.calc-head h3{font-family:var(--disp);font-weight:800;font-size:1.15rem;letter-spacing:-.01em}
.calc-head span{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;color:var(--gold-hi);background:rgba(255,195,0,.14);border:1px solid rgba(255,195,0,.4);padding:4px 10px;border-radius:100px}
.crow{margin-bottom:16px}
.crow-top{display:flex;justify-content:space-between;font-size:.8rem;color:#BDC0F0;margin-bottom:8px}
.crow-top output{font-family:var(--mono);font-weight:600;color:#fff;background:rgba(255,255,255,.1);padding:2px 10px;border-radius:7px;font-size:.78rem}
input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--gold) var(--fill,50%),rgba(255,255,255,.18) var(--fill,50%));cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid var(--gold);box-shadow:0 2px 10px rgba(0,0,0,.4);transition:.15s}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid var(--gold);box-shadow:0 2px 10px rgba(0,0,0,.4)}
.calc-bar{height:14px;border-radius:100px;overflow:hidden;display:flex;background:rgba(255,255,255,.1);margin:6px 0 12px}
.calc-bar .inv{background:linear-gradient(90deg,#3D6BFF,#00C2FF);transition:width .4s ease}
.calc-bar .gain{background:linear-gradient(90deg,var(--gold),var(--coral-2));transition:width .4s ease}
.calc-legend{display:flex;gap:18px;font-size:.72rem;color:#BDC0F0;margin-bottom:14px}
.calc-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;font-style:normal}
.calc-out{display:flex;justify-content:space-between;align-items:end;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 18px}
.calc-out .lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;color:#9FA3D8;text-transform:uppercase}
.calc-out .val{font-family:var(--mono);font-weight:600;font-size:1.7rem;color:var(--gold-hi);letter-spacing:-.02em}
.calc-out .sub{font-family:var(--mono);font-size:.7rem;color:var(--up);text-align:right}
.calc-note{font-family:var(--mono);font-size:.6rem;color:#8A8EC6;margin-top:10px;text-align:center}

/* trust counters */
.trust{border-top:1px solid rgba(255,255,255,.14);position:relative}
.trust-in{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr}
@media(min-width:700px){.trust-in{grid-template-columns:repeat(3,1fr)}}
.trust-item{display:flex;align-items:center;gap:14px;padding:16px 4px;border-bottom:1px dashed rgba(255,255,255,.15)}
.trust-item>div{min-width:0}
.trust-item:last-child{border-bottom:none}
@media(min-width:700px){.trust-item{border-bottom:none;border-right:1px dashed rgba(255,255,255,.15);padding:20px 24px}.trust-item:last-child{border-right:none}}
.trust-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}
.ti-1{background:linear-gradient(135deg,#FFC30033,#FF5C3933);color:var(--gold-hi)}
.ti-2{background:linear-gradient(135deg,#2D6BFF33,#00C2FF33);color:#7FB5FF}
.ti-3{background:linear-gradient(135deg,#00B89933,#00E3B033);color:#5EE8C4}
.trust-item b{font-family:var(--mono);font-weight:600;font-size:1.5rem;color:#fff;display:block;line-height:1.1}
.trust-item span{color:#9FA3D8;font-size:.8rem}

/* ================= TRENDING ================= */
.section{max-width:1200px;margin:0 auto;padding:40px 20px 6px}
.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px;margin-bottom:22px}
.link-all{font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.05em;color:var(--navy);display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1.5px solid var(--navy);border-radius:100px;transition:.18s;white-space:nowrap}
.link-all:hover{background:var(--navy);color:var(--gold-hi)}
.ey-gold{background:#FFF3CC;color:#8A6508}
.ey-blue{background:#E6EEFF;color:var(--blue)}
.ey-violet{background:#F3EAFF;color:var(--violet)}
.ey-teal{background:#DEF8F1;color:#00755F}
.ey-navy{background:#E8E8FA;color:var(--navy)}

.trending-grid{display:grid;gap:16px;align-items:start}
.trend-leads{display:flex;flex-direction:column;gap:16px}
.trend-leads .trend-lead{min-height:250px}

.trend-spotlights{display:flex;flex-direction:column;gap:12px}
.trend-spot{border-radius:16px;padding:18px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:150px;color:#fff;transition:transform .2s;box-shadow:0 16px 34px -20px rgba(6,6,125,.55)}
.trend-spot:hover{transform:translateY(-3px)}
.trend-spot h4{font-family:var(--disp);font-weight:800;font-size:1.02rem;line-height:1.28;letter-spacing:-.015em}
.trend-spot .trend-rank{width:30px;height:30px;font-size:.72rem;border-radius:9px;display:grid;place-items:center;position:absolute;top:14px;left:14px;font-family:var(--mono);font-weight:600;color:#fff}
.trend-spot .fire{align-self:flex-start}

@media(min-width:920px){.trending-grid{grid-template-columns:1.35fr 1fr;gap:20px}}
.trend-lead{border-radius:20px;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;color:#fff;background:radial-gradient(500px 300px at 90% 0%,#FF5C3955,transparent 60%),linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 60%,#3E2ED9 100%);transition:transform .2s;box-shadow:0 24px 50px -24px rgba(6,6,125,.6)}
.trend-lead:hover{transform:translateY(-4px)}
.trend-lead .big-spark{position:absolute;inset:auto 0 0 0;height:52%;opacity:.55;pointer-events:none}
.fire{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(92deg,var(--coral),var(--amber));color:#fff;font-family:var(--mono);font-weight:600;font-size:.66rem;letter-spacing:.08em;padding:6px 13px;border-radius:100px;width:max-content;box-shadow:0 6px 18px -6px #FF5C39AA;position:relative;margin-bottom:auto}
.trend-lead h3{font-family:var(--disp);font-weight:800;font-size:clamp(1.3rem,3.4vw,1.75rem);line-height:1.18;letter-spacing:-.02em;max-width:22ch;position:relative;margin-top:60px;text-shadow:0 2px 12px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.9)}
.trend-lead .meta{margin-top:14px;position:relative}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-family:var(--mono);font-size:.68rem;color:#B5B8EC}

/* Star rating badge (FeedbackWP Rate My Post) */
.mii-rating{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.72rem}
.mii-stars{position:relative;display:inline-block;letter-spacing:1px;white-space:nowrap;font-size:.85em;line-height:1}
.mii-stars-fill{position:absolute;inset:0;overflow:hidden;color:var(--gold);white-space:nowrap}
.mii-rating-num{font-weight:600;color:inherit}
.mii-rating-count{opacity:.75}
.mii-rating-empty{font-style:italic}
.meta .views{color:var(--gold-hi)}
.trend-list{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:20px;overflow-y:auto;max-height:520px;box-shadow:0 16px 40px -28px rgba(6,6,125,.4);scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.trend-list::-webkit-scrollbar{width:6px}
.trend-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:100px}
.trend-row{display:flex;gap:16px;padding:17px 20px;border-bottom:1px solid var(--line);align-items:center;transition:.15s;position:relative}
.trend-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--rk,var(--gold));opacity:0;transition:.15s}
.trend-row:hover{background:var(--paper)}
.trend-row:hover::before{opacity:1}
.trend-row:last-child{border-bottom:none}
.trend-rank{font-family:var(--mono);font-weight:600;font-size:.8rem;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#fff;background:var(--rk,var(--gold))}
.trend-row h4{font-size:.92rem;font-weight:600;line-height:1.35;letter-spacing:-.01em}
.trend-row .meta{margin-top:4px;color:var(--slate)}
.trend-row .meta .views{color:#C58900}

/* ================= TOOLS (EXACTLY TWO) ================= */
.tools{position:relative;margin-top:40px;padding:44px 0;background:radial-gradient(900px 500px at 12% 0%,#1B1BC422,transparent 55%),linear-gradient(180deg,#EDEFFC,#F4F6FE)}
.tools-grid{display:grid;gap:20px;margin-top:28px}
.tools-grid-single{max-width:640px}

/* Best Mutual Funds live-table preview (top 5 rows) inside a tool card */
.mf-chip{font-family:var(--mono);font-size:.62rem;font-weight:600;letter-spacing:.06em;padding:3px 9px;border-radius:100px;white-space:nowrap;display:inline-block}
.mf-chip-lc{background:#E9EEFF;color:#0B3BD6}.mf-chip-mc{background:#F1E9FE;color:#5B18C9}
.mf-chip-sc{background:#FDEBE4;color:#D63A16}.mf-chip-fc{background:#E4F4F1;color:#00755F}.mf-chip-el{background:#FBF2DC;color:#8A6508}

/* Homepage tool-card preview tables (SFB rates, MF returns) — real table
   markup with headers, readable 15px body text, not tiny mono labels. */
.mii-preview-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--line)}
.mii-preview-table{width:100%;border-collapse:collapse;font-size:15px}

/* Live Market Dashboard (native homepage section) */
.tools-dashboard{background:radial-gradient(700px 400px at 90% 0%,#F7900933,transparent 60%),linear-gradient(155deg,var(--navy) 0%,var(--navy-deep) 100%);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:36px 0 28px;margin:0 auto 24px;max-width:1360px;box-shadow:0 30px 60px -40px rgba(0,0,10,.7)}
.mii-dashboard-embed{color:#fff}
.dash-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.dash-status{font-family:var(--mono);font-size:.75rem;color:rgba(255,255,255,.6)}
.dash-meta{font-family:var(--mono);font-size:.75rem;color:rgba(255,255,255,.6)}
.dash-tables-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.dash-tables-row{grid-template-columns:1fr}}
.dash-panel-label{font-family:var(--disp);font-size:.82rem;font-weight:700;color:var(--gold-hi);letter-spacing:.02em;margin:0 0 8px 2px}
.dash-table-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden}
.dash-table-card table{width:100%;border-collapse:collapse;background:transparent!important}
.dash-table-card tbody{background:transparent!important}
.dash-table-card tr{background:transparent!important}
.dash-table-card thead th{text-align:right;font-family:var(--disp);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gold-hi)!important;background:rgba(255,195,0,.1)!important;padding:8px 14px}
.dash-table-card thead th:first-child{text-align:left}
.dash-table-card tbody td{padding:9px 14px;text-align:right;font-family:var(--mono);font-size:15px;font-weight:600;color:#fff!important;background:transparent!important;border-top:1px solid rgba(255,255,255,.08);white-space:nowrap}
.dash-table-card tbody tr:hover td{background:rgba(255,255,255,.08)!important}
.dash-table-card tbody tr:last-child td{border-bottom:none}
.dash-table-card td.name-cell{text-align:left;font-family:var(--disp);font-size:.85rem;font-weight:700;white-space:normal;color:#fff!important}
.dash-table-card td.change-cell{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.dash-table-card .up{color:#3ddc97!important}
.dash-table-card .down{color:#ff6b73!important}
.dash-table-card .loading-cell{color:rgba(255,255,255,.5)!important;font-weight:400;font-family:var(--body)}
.dash-table-card .err-cell{color:#ff6b73!important;font-size:.75rem;font-weight:400;font-family:var(--body)}
.dash-footnote{text-align:center;margin:16px 0 0;font-size:.7rem;color:rgba(255,255,255,.5)}
@media(max-width:640px){
  .dash-table-card thead th:nth-child(2),.dash-table-card thead th:nth-child(3),
  .dash-table-card tbody td:nth-child(2),.dash-table-card tbody td:nth-child(3){display:none}
}
.mii-preview-table th{background:var(--paper);color:var(--navy);font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.02em;text-transform:uppercase;padding:9px 10px;text-align:left;white-space:nowrap}
.mii-preview-table th.num,.mii-preview-table td.num{text-align:right;min-width:60px}
.mii-preview-table td{padding:10px;border-top:1px solid var(--line);color:var(--ink);font-weight:500}
.mii-preview-table td.num{font-family:var(--mono);font-weight:700;color:var(--navy);white-space:nowrap}
.mii-preview-table td.num.top{color:#00755F}
.mii-preview-table tbody tr:hover{background:var(--paper)}
.mii-preview-table .mii-col-cat{min-width:80px;white-space:nowrap}
@media(min-width:880px){.tools-grid{grid-template-columns:1fr 1fr}.tools-grid-single{grid-template-columns:1fr;margin:0 auto}}
.tool-card{border-radius:22px;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;transition:transform .2s,box-shadow .2s}
.tool-card:hover{transform:translateY(-5px)}
.tool-a{background:radial-gradient(420px 260px at 100% 0%,#8A3FFC44,transparent 60%),linear-gradient(150deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;box-shadow:0 28px 60px -28px rgba(6,6,125,.75)}
.tool-a:hover{box-shadow:0 36px 70px -28px rgba(6,6,125,.85)}
.tool-b{background:radial-gradient(420px 260px at 100% 0%,#00E3B022,transparent 60%),#fff;border:1px solid var(--line);box-shadow:0 22px 50px -30px rgba(0,120,100,.45)}
.tool-tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:100px;width:max-content}
.tool-a .tool-tag{background:linear-gradient(92deg,#8A3FFC44,#C77DFF33);color:#E4CCFF;border:1px solid #A96BFF77}
.tool-b .tool-tag{background:#DEF8F1;color:#00755F;border:1px solid #9FE8D4}
.tool-tag .dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.8s infinite}
.tool-card h3{font-family:var(--disp);font-weight:800;font-size:1.5rem;letter-spacing:-.02em;line-height:1.15}
.tool-a p{color:#C4C7F2;font-size:.92rem}
.tool-b p{color:var(--slate);font-size:.92rem}
/* donut in tool A */
.donut-wrap{display:flex;align-items:center;gap:20px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}
.donut{width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--gold) 0 34%,var(--blue-2) 34% 60%,var(--violet-2) 60% 80%,var(--teal-2) 80% 94%,var(--coral) 94% 100%);position:relative;flex-shrink:0;animation:spin-in 1.2s ease}
@keyframes spin-in{from{transform:rotate(-120deg);opacity:0}to{transform:rotate(0);opacity:1}}
.donut::after{content:"78";position:absolute;inset:14px;background:var(--navy-deep);border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:1.3rem;color:var(--gold-hi)}
.donut-legend{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;font-family:var(--mono);font-size:.62rem;color:#C4C7F2}
.donut-legend i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:6px;font-style:normal}
.donut-cap{grid-column:1/-1;color:#8A8EC6;margin-top:2px}
.tool-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:800;font-size:.92rem;padding:13px 24px;border-radius:13px;width:max-content;transition:.18s}
.tool-a .tool-cta{background:linear-gradient(92deg,var(--gold),var(--amber));color:var(--navy-deep);box-shadow:0 10px 26px -10px #FFC300AA}
.tool-a .tool-cta:hover{transform:translateY(-2px)}
.tool-b .tool-cta{background:linear-gradient(92deg,var(--navy),var(--navy-2));color:#fff;box-shadow:0 10px 26px -10px rgba(6,6,125,.6)}
.tool-b .tool-cta:hover{transform:translateY(-2px)}

/* ================= LATEST ================= */
.cards{display:grid;gap:20px}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;position:relative}
#latestCards .card[hidden]{display:none}
.card:hover{transform:translateY(-5px);box-shadow:0 26px 50px -26px rgba(6,6,125,.42)}
.thumb{aspect-ratio:16/9;height:auto;position:relative;display:grid;place-items:center;overflow:hidden}
.thumb svg{width:60px;height:60px;position:relative}
.thumb .rings{position:absolute;width:200px;height:200px;border:1px solid rgba(255,255,255,.28);border-radius:50%}
.thumb .rings::before{content:"";position:absolute;inset:26px;border:1px solid rgba(255,255,255,.22);border-radius:50%}
.thumb .badge-min{position:absolute;top:12px;right:12px;font-family:var(--mono);font-size:.6rem;font-weight:600;color:#fff;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);padding:4px 10px;border-radius:100px}
.t-mf{background:linear-gradient(135deg,#0B3BD6,var(--blue-2))}
.t-fd{background:linear-gradient(135deg,#00705E,var(--teal-2))}
.t-ipo{background:linear-gradient(135deg,#5B18C9,var(--violet-2))}
.t-ins{background:linear-gradient(135deg,#0A8A4A,var(--green-2))}
.t-tax{background:linear-gradient(135deg,#D63A16,var(--coral-2))}
.t-bond{background:linear-gradient(135deg,#C97706,var(--amber-2))}
.card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.cat-tag{font-family:var(--mono);font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 11px;border-radius:100px;width:max-content;color:#fff}
.cat-mf{background:linear-gradient(92deg,#0B3BD6,var(--blue))}
.cat-fd{background:linear-gradient(92deg,#00705E,var(--teal))}
.cat-ipo{background:linear-gradient(92deg,#5B18C9,var(--violet))}
.cat-ins{background:linear-gradient(92deg,#0A8A4A,var(--green))}
.cat-tax{background:linear-gradient(92deg,#D63A16,var(--coral))}
.cat-bond{background:linear-gradient(92deg,#C97706,var(--amber))}
.card h3{font-size:1.02rem;font-weight:600;line-height:1.35;letter-spacing:-.012em}
.card h3 a:hover{color:var(--navy)}
.card p{color:var(--slate);font-size:.875rem;flex:1}
.card .meta{color:var(--slate);border-top:1px dashed var(--line);padding-top:12px}

/* ================= CATEGORIES ================= */
.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
@media(min-width:760px){.cat-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1020px){.cat-grid{grid-template-columns:repeat(6,1fr)}}
.cat-tile{border-radius:18px;padding:22px 18px;display:flex;flex-direction:column;gap:8px;color:#fff;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;min-height:130px}
.cat-tile:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 22px 44px -20px rgba(0,0,40,.5)}
.cat-tile::before{content:"";position:absolute;width:130px;height:130px;border:1.5px solid rgba(255,255,255,.22);border-radius:50%;right:-46px;top:-46px;transition:.3s}
.cat-tile:hover::before{transform:scale(1.25)}
.cat-tile svg{width:26px;height:26px}
.cat-tile h3{font-family:var(--disp);font-weight:800;font-size:.98rem;letter-spacing:-.01em;margin-top:auto}
.cat-count{font-family:var(--mono);font-size:.64rem;opacity:.85}

/* ================= NEWSLETTER ================= */
.newsletter{margin-top:44px;position:relative;overflow:hidden;background:radial-gradient(700px 400px at 88% 10%,#8A3FFC44,transparent 55%),radial-gradient(600px 400px at 6% 100%,#00C2FF33,transparent 55%),linear-gradient(150deg,var(--navy),var(--navy-deep));color:#fff}
.newsletter::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.news-in{max-width:1200px;margin:0 auto;padding:60px 20px;position:relative;display:grid;gap:30px}
@media(min-width:880px){.news-in{grid-template-columns:1.1fr .9fr;align-items:center}}
.news-in h2{font-family:var(--disp);font-weight:900;font-size:clamp(1.6rem,4.4vw,2.3rem);letter-spacing:-.025em;line-height:1.12}
.news-in h2 .grad{background:linear-gradient(92deg,var(--gold-hi),var(--coral-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.news-in p{color:#BDC0F0;margin-top:12px;font-size:.95rem;max-width:44ch}
.news-form{display:flex;flex-direction:column;gap:10px}
@media(min-width:520px){.news-form{flex-direction:row}}
.news-form input{flex:1;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.24);border-radius:13px;padding:15px 17px;color:#fff;font-family:var(--body);font-size:.95rem;min-width:0}
.news-form input::placeholder{color:#8A8EC6}
.news-form input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,195,0,.18)}
.news-form button{background:linear-gradient(92deg,var(--gold),var(--amber));color:var(--navy-deep);font-family:var(--disp);font-weight:800;font-size:.94rem;padding:15px 28px;border-radius:13px;transition:.18s;flex-shrink:0}
.news-form button:hover{transform:translateY(-2px);filter:brightness(1.05)}
.news-note{font-family:var(--mono);font-size:.66rem;color:#8A8EC6;margin-top:11px}
.news-note b{color:var(--gold-hi);font-weight:600}

/* ================= FOOTER ================= */
.footer{background:var(--navy-deep);color:#9FA3D8;padding:52px 0 28px}
.footer-grid{display:grid;gap:34px;padding-bottom:36px;border-bottom:1px dashed rgba(255,255,255,.14)}
@media(min-width:820px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.footer h4{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.footer a{display:block;font-size:.88rem;padding:5px 0;transition:.15s}
.footer a:hover{color:#fff;padding-left:4px}
.footer-brand p{font-size:.875rem;margin-top:14px;max-width:34ch}
.footer-tagline{font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-top:10px!important}
.footer-disclaimer{padding-top:20px}
.footer-disclaimer p{font-size:14px;line-height:1.7;color:var(--gold-hi);max-width:900px}
.footer-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:16px;font-family:var(--mono);font-size:.66rem;color:#6E72A8}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ============================================================
   ARCHIVE PAGE STYLES  (source: archive.html)
   ============================================================ */
:root{
  --navy:#06067D; --navy-2:#1B1BC4; --navy-deep:#03033F; --ink:#12123A;
  --gold:#FFC300; --gold-hi:#FFD700;
  --paper:#F4F6FE; --white:#fff; --slate:#5A5E82; --line:#E2E5F5;
  --blue:#2D6BFF; --blue-2:#00C2FF; --teal:#00B899; --teal-2:#00E3B0;
  --violet:#8A3FFC; --violet-2:#C77DFF; --green:#12B76A; --green-2:#6CE9A6;
  --coral:#FF5C39; --coral-2:#FF9A62; --amber:#F79009; --amber-2:#FFC84A;
  --up:#00D084; --down:#FF4D5E;
  --disp:'Archivo',sans-serif; --body:'Instrument Sans',sans-serif; --mono:'IBM Plex Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
svg{display:block}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}

/* header */
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-in{max-width:1200px;margin:0 auto;padding:0 20px;height:66px;display:flex;align-items:center;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:800;font-size:1.04rem;letter-spacing:-.01em}
.logo-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--navy),var(--navy-2));display:grid;place-items:center;color:var(--gold-hi);font-family:var(--mono);font-weight:600;font-size:.78rem;box-shadow:0 6px 16px -6px rgba(6,6,125,.55);flex-shrink:0}
.logo em{font-style:normal;background:linear-gradient(90deg,var(--navy),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{display:none;gap:2px;margin-left:6px}
.nav a{font-size:.88rem;font-weight:500;color:var(--slate);padding:8px 12px;border-radius:9px;transition:.15s}
.nav a:hover{color:var(--navy);background:var(--paper)}
.btn-tools{margin-left:auto;background:linear-gradient(90deg,var(--navy),var(--navy-2));color:#fff;font-weight:600;font-size:.86rem;padding:11px 20px;border-radius:11px;box-shadow:0 8px 20px -8px rgba(6,6,125,.6);transition:.2s}
.btn-tools:hover{transform:translateY(-1px)}
@media(min-width:920px){.nav{display:flex}}

/* market pulse */
.pulse{background:var(--navy-deep);overflow:hidden;border-bottom:1px solid rgba(255,195,0,.22)}
.pulse-track{display:flex;gap:36px;width:max-content;padding:9px 0;animation:tick 40s linear infinite;font-family:var(--mono);font-size:.7rem}
.pulse:hover .pulse-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.qi{display:flex;align-items:baseline;gap:8px;color:#9FA3D8;white-space:nowrap}
.qi b{color:#fff;font-weight:600}
.qi .up{color:var(--up)}.qi .down{color:var(--down)}

/* page head — colorful band */
.page-head{position:relative;overflow:hidden;color:#fff;background:radial-gradient(700px 340px at 88% 0%,#8A3FFC55,transparent 60%),radial-gradient(560px 300px at 0% 110%,#00C2FF33,transparent 55%),linear-gradient(155deg,var(--navy),var(--navy-deep))}
.page-head::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.page-head-in{max-width:1200px;margin:0 auto;padding:40px 20px 34px;position:relative}
.crumb{font-family:var(--mono);font-size:.66rem;color:#9FA3D8;letter-spacing:.06em;margin-bottom:14px}
.crumb a:hover{color:var(--gold-hi)}
.head-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-hi);background:rgba(255,195,0,.13);border:1px solid rgba(255,195,0,.4);border-radius:100px;padding:6px 14px;margin-bottom:16px}
.head-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.page-head h1{font-family:var(--disp);font-weight:900;font-size:clamp(1.8rem,5.2vw,2.7rem);letter-spacing:-.03em;line-height:1.06}
.page-head h1 .grad{background:linear-gradient(92deg,var(--gold-hi),var(--coral-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.head-stats{display:flex;flex-wrap:wrap;gap:22px;margin-top:18px;font-family:var(--mono);font-size:.72rem;color:#BDC0F0}
.head-stats b{color:var(--gold-hi);font-weight:600}

/* controls */
.controls{max-width:1200px;margin:0 auto;padding:20px 20px 0;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.pills::-webkit-scrollbar{display:none}
.pill{flex-shrink:0;font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:9px 17px;border-radius:100px;border:1.5px solid var(--line);background:var(--white);color:var(--slate);transition:.18s;white-space:nowrap}
.pill:hover{transform:translateY(-1px);border-color:currentColor}
.pill.active{color:#fff;border-color:transparent;box-shadow:0 8px 20px -8px rgba(0,0,60,.5)}
.pill[data-cat=all].active{background:linear-gradient(92deg,var(--navy),var(--navy-2))}
.pill[data-cat=mf].active{background:linear-gradient(92deg,#0B3BD6,var(--blue))}
.pill[data-cat=fd].active{background:linear-gradient(92deg,#00705E,var(--teal))}
.pill[data-cat=ipo].active{background:linear-gradient(92deg,#5B18C9,var(--violet))}
.pill[data-cat=ins].active{background:linear-gradient(92deg,#0A8A4A,var(--green))}
.pill[data-cat=tax].active{background:linear-gradient(92deg,#D63A16,var(--coral))}
.pill[data-cat=bond].active{background:linear-gradient(92deg,#C97706,var(--amber))}
.sort{display:flex;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:4px;gap:2px;box-shadow:0 6px 16px -12px rgba(6,6,125,.4)}
.sort button{font-family:var(--mono);font-size:.68rem;font-weight:600;letter-spacing:.03em;padding:9px 15px;border-radius:9px;color:var(--slate);transition:.15s;white-space:nowrap}
.sort button.active{background:linear-gradient(92deg,var(--navy),var(--navy-2));color:var(--gold-hi);box-shadow:0 6px 14px -6px rgba(6,6,125,.6)}
.sort button:not(.active):hover{color:var(--navy)}

/* layout */
.layout{max-width:1600px;margin:0 auto;padding:24px 20px 64px;display:grid;gap:32px}
@media(min-width:980px){.layout{grid-template-columns:1fr 330px;align-items:start}}

/* article cards */
.list{display:grid;gap:15px}
.acard{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:112px 1fr;transition:transform .18s,box-shadow .18s;position:relative}
@media(min-width:560px){.acard{grid-template-columns:176px 1fr}}
.acard::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--edge,transparent);opacity:0;transition:.18s}
.acard:hover{transform:translateY(-3px);box-shadow:0 22px 44px -24px rgba(6,6,125,.4)}
.acard:hover::after{opacity:1}
.athumb{position:relative;display:grid;place-items:center;min-height:116px;overflow:hidden}
.athumb svg{width:42px;height:42px;position:relative}
.athumb .rings{position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.28);border-radius:50%}
.athumb .rings::before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.22);border-radius:50%}
.t-mf{background:linear-gradient(135deg,#0B3BD6,var(--blue-2))} .t-fd{background:linear-gradient(135deg,#00705E,var(--teal-2))}
.t-ipo{background:linear-gradient(135deg,#5B18C9,var(--violet-2))} .t-ins{background:linear-gradient(135deg,#0A8A4A,var(--green-2))}
.t-tax{background:linear-gradient(135deg,#D63A16,var(--coral-2))} .t-bond{background:linear-gradient(135deg,#C97706,var(--amber-2))}
.abody{padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.arow-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cat-tag{font-family:var(--mono);font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 11px;border-radius:100px;color:#fff}
.cat-mf{background:linear-gradient(92deg,#0B3BD6,var(--blue))} .cat-fd{background:linear-gradient(92deg,#00705E,var(--teal))}
.cat-ipo{background:linear-gradient(92deg,#5B18C9,var(--violet))} .cat-ins{background:linear-gradient(92deg,#0A8A4A,var(--green))}
.cat-tax{background:linear-gradient(92deg,#D63A16,var(--coral))} .cat-bond{background:linear-gradient(92deg,#C97706,var(--amber))}
.hot{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:.6rem;font-weight:600;color:#fff;background:linear-gradient(92deg,var(--coral),var(--amber));padding:4px 11px;border-radius:100px;box-shadow:0 4px 12px -4px #FF5C39AA}
.acard h2{font-size:1rem;font-weight:600;line-height:1.35;letter-spacing:-.012em}
.acard h2 a:hover{color:var(--navy)}
.acard p{color:var(--slate);font-size:.875rem;display:none}
@media(min-width:560px){.acard p{display:block}}
.ameta{display:flex;gap:14px;font-family:var(--mono);font-size:.64rem;color:var(--slate);border-top:1px dashed var(--line);padding-top:9px;margin-top:auto}
.ameta .views{color:#C58900}

/* load more */
.load-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:28px}
.load-more{background:linear-gradient(92deg,var(--navy),var(--navy-2));color:#fff;font-family:var(--disp);font-weight:800;font-size:.92rem;padding:14px 38px;border-radius:13px;box-shadow:0 12px 28px -12px rgba(6,6,125,.7);transition:.18s}
.load-more:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(6,6,125,.8)}
.load-more[hidden]{display:none}
.load-note{font-family:var(--mono);font-size:.66rem;color:var(--slate)}
.empty{text-align:center;padding:48px 20px;color:var(--slate);font-size:.95rem;background:var(--white);border:1.5px dashed var(--line);border-radius:18px}
.empty b{display:block;font-family:var(--disp);font-weight:800;color:var(--ink);font-size:1.1rem;margin-bottom:6px}

/* sidebar */
.sidebar{display:flex;flex-direction:column;gap:18px}
@media(min-width:980px){.sidebar{position:sticky;top:86px}}
.side-box{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 14px 34px -26px rgba(6,6,125,.4)}
.side-box h3{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;background:#FFF3CC;color:#8A6508;padding:6px 13px;border-radius:100px}
.side-box h3 .dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.8s infinite}
.side-trend a{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);align-items:center}
.side-trend a>div{min-width:0}
.side-trend h4{overflow-wrap:break-word}
.side-trend a:last-child{border-bottom:none}
.side-trend .rank{font-family:var(--mono);font-weight:600;color:#fff;font-size:.72rem;flex-shrink:0;width:28px;height:28px;border-radius:9px;display:grid;place-items:center}
.side-trend h4{font-size:.84rem;font-weight:600;line-height:1.35}
.side-trend a:hover h4{color:var(--navy)}
.side-trend .v{font-family:var(--mono);font-size:.6rem;color:#C58900;margin-top:2px}

/* tool promos */
.promo{border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;overflow:hidden;position:relative;transition:transform .18s}
.promo:hover{transform:translateY(-3px)}
.promo-a{background:radial-gradient(320px 200px at 100% 0%,#8A3FFC44,transparent 60%),linear-gradient(150deg,var(--navy),var(--navy-2));color:#fff;box-shadow:0 22px 46px -22px rgba(6,6,125,.7)}
.promo-b{background:radial-gradient(320px 200px at 100% 0%,#00E3B055,transparent 60%),linear-gradient(150deg,#00705E,#00B899);border:none;box-shadow:0 18px 40px -26px rgba(0,120,100,.6);color:#fff}
.promo-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.58rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:4px 11px;border-radius:100px;width:max-content}
.promo-a .promo-tag{background:linear-gradient(92deg,#8A3FFC44,#C77DFF33);color:#E4CCFF;border:1px solid #A96BFF77}
.promo-b .promo-tag{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.4)}
.promo-tag .dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:pulse 1.8s infinite}
.promo h4{font-family:var(--disp);font-weight:800;font-size:1.1rem;letter-spacing:-.015em;line-height:1.2}
.promo-a p{color:#C4C7F2;font-size:.875rem}
.promo-b p{color:rgba(255,255,255,.85);font-size:.875rem}
.promo-donut{display:flex;align-items:center;gap:14px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:12px 14px}
.promo-donut span{min-width:0;overflow-wrap:break-word}
.mini-donut{width:56px;height:56px;border-radius:50%;background:conic-gradient(var(--gold) 0 34%,var(--blue-2) 34% 60%,var(--violet-2) 60% 80%,var(--teal-2) 80% 100%);position:relative;flex-shrink:0}
.mini-donut::after{content:"78";position:absolute;inset:9px;background:var(--navy-deep);border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:.85rem;color:var(--gold-hi)}
.promo-donut span{font-family:var(--mono);font-size:.62rem;color:#C4C7F2;line-height:1.5}
.promo-rates{font-family:var(--mono);font-size:.66rem;border:1px solid rgba(255,255,255,.25);border-radius:11px;overflow:hidden;background:rgba(0,0,0,.15)}
.promo-rates div{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px dashed rgba(255,255,255,.2);color:rgba(255,255,255,.9)}
.promo-rates div:last-child{border-bottom:none}
.promo-rates b{color:#fff;font-weight:600}
.promo-rates .best{background:rgba(255,255,255,.12)}
.promo-rates .best b{color:var(--gold-hi)}
.promo-rates div:last-child{border-bottom:none}
.promo-rates b{color:#00755F;font-weight:600}
.promo-rates .best{background:#FFF8E1}
.promo-rates .best b{color:#B07C00}
.promo-cta{font-family:var(--disp);font-weight:800;font-size:.82rem;padding:11px 20px;border-radius:11px;width:max-content;transition:.18s}
.promo-a .promo-cta{background:linear-gradient(92deg,var(--gold),var(--amber));color:var(--navy-deep)}
.promo-b .promo-cta{background:rgba(255,255,255,.95);color:#00705E}
.promo-cta:hover{transform:translateY(-2px)}

/* newsletter mini */
.side-news{background:radial-gradient(280px 180px at 90% 0%,#00C2FF33,transparent 60%),linear-gradient(150deg,var(--navy),var(--navy-deep));color:#fff;border-radius:18px;padding:22px}
.side-news h4{font-family:var(--disp);font-weight:800;font-size:1.05rem;letter-spacing:-.015em}
.side-news p{color:#BDC0F0;font-size:.8rem;margin:8px 0 12px}
.side-news input{width:100%;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.24);border-radius:11px;padding:12px 14px;color:#fff;font-family:var(--body);font-size:.88rem;margin-bottom:8px}
.side-news input::placeholder{color:#8A8EC6}
.side-news input:focus{outline:none;border-color:var(--gold)}
.side-news button{width:100%;background:linear-gradient(92deg,var(--gold),var(--amber));color:var(--navy-deep);font-family:var(--disp);font-weight:800;font-size:.86rem;padding:12px;border-radius:11px;transition:.18s}
.side-news button:hover{filter:brightness(1.05)}

/* footer */
.footer{background:var(--navy-deep);color:#9FA3D8;padding:32px 0;margin-top:20px}
.footer-in{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-family:var(--mono);font-size:.66rem}
.footer a:hover{color:#fff}

.fade-in{animation:fadeUp .4s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ============================================================
   ARTICLE PAGE STYLES  (source: article.html)
   ============================================================ */
:root{
  --navy:#06067D; --navy-2:#1B1BC4; --navy-deep:#03033F; --ink:#12123A;
  --gold:#FFC300; --gold-hi:#FFD700;
  --paper:#F4F6FE; --white:#fff; --slate:#5A5E82; --line:#E2E5F5;
  --blue:#2D6BFF; --blue-2:#00C2FF; --teal:#00B899; --violet:#8A3FFC;
  --coral:#FF5C39; --amber:#F79009; --up:#00D084; --down:#FF4D5E;
  --disp:'Archivo',sans-serif; --body:'Instrument Sans',sans-serif; --mono:'IBM Plex Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
svg{display:block}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}

/* header */
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-in{max-width:1200px;margin:0 auto;padding:0 20px;height:66px;display:flex;align-items:center;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:800;font-size:1.04rem}
.logo-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--navy),var(--navy-2));display:grid;place-items:center;color:var(--gold-hi);font-family:var(--mono);font-weight:600;font-size:.78rem;box-shadow:0 6px 16px -6px rgba(6,6,125,.55);flex-shrink:0}
.logo em{font-style:normal;background:linear-gradient(90deg,var(--navy),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{display:none;gap:2px;margin-left:6px}
.nav a{font-size:.88rem;font-weight:500;color:var(--slate);padding:8px 12px;border-radius:9px;transition:.15s}
.nav a:hover{color:var(--navy);background:var(--paper)}
.btn-tools{margin-left:auto;background:linear-gradient(90deg,var(--navy),var(--navy-2));color:#fff;font-weight:600;font-size:.86rem;padding:11px 20px;border-radius:11px;box-shadow:0 8px 20px -8px rgba(6,6,125,.6);transition:.2s}
.btn-tools:hover{transform:translateY(-1px)}
@media(min-width:920px){.nav{display:flex}}

/* pulse */
.pulse{background:var(--navy-deep);overflow:hidden;border-bottom:1px solid rgba(255,195,0,.22)}
.pulse-track{display:flex;gap:36px;width:max-content;padding:9px 0;animation:tick 40s linear infinite;font-family:var(--mono);font-size:.7rem}
.pulse:hover .pulse-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.qi{display:flex;align-items:baseline;gap:8px;color:#9FA3D8;white-space:nowrap}
.qi b{color:#fff;font-weight:600}
.qi .up{color:var(--up)}.qi .down{color:var(--down)}

/* article hero band */
.a-head{position:relative;overflow:hidden;color:#fff;background:radial-gradient(700px 340px at 88% 0%,#2D6BFF55,transparent 60%),radial-gradient(500px 280px at 0% 110%,#8A3FFC33,transparent 55%),linear-gradient(155deg,var(--navy),var(--navy-deep))}
.a-head::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}
.a-head-in{max-width:1600px;margin:0 auto;padding:38px 20px 36px;position:relative}
@media(max-width:480px){.a-head-in{padding-left:14px;padding-right:14px}}
.crumb{font-family:var(--mono);font-size:.66rem;color:#9FA3D8;letter-spacing:.06em;margin-bottom:14px}
.crumb a:hover{color:var(--gold-hi)}
.cat-tag{display:inline-block;font-family:var(--mono);font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 13px;border-radius:100px;color:#fff;background:linear-gradient(92deg,#0B3BD6,var(--blue));margin-bottom:14px}
.a-head h1{font-family:var(--disp);font-weight:900;font-size:clamp(1.5rem,3.4vw,2.15rem);letter-spacing:-.025em;line-height:1.2;max-width:60ch;color:#fff}
.a-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;font-family:var(--mono);font-size:.7rem;color:#BDC0F0}
.a-meta b{color:var(--gold-hi);font-weight:600}

/* layout */
.layout{max-width:1600px;margin:0 auto;padding:30px 20px 64px;display:grid;gap:32px}
@media(min-width:980px){.layout{grid-template-columns:1fr 330px;align-items:start}}
.article{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:26px 22px;box-shadow:0 18px 44px -30px rgba(6,6,125,.35)}
@media(min-width:700px){.article{padding:36px 40px}}
@media(max-width:480px){
  .layout{padding-left:12px;padding-right:12px}
  .article{padding:18px 14px;border-radius:14px}
}
.article p{color:#33365C;font-size:18px;line-height:1.8;margin:0 0 18px;text-align:justify;hyphens:auto}

/* Images pasted into post/page content — force responsive, never wider than the column */
.article img{max-width:100%;height:auto;display:block}

/* Any table pasted into content (ours or a third-party tool's) becomes horizontally
   scrollable on its own — display:block keeps internal table layout but lets the
   element scroll, so wide tables never blow out the page on mobile even without
   their own wrapper/overflow markup.
   Excludes .fdt-table (SFB FD Tracker) and .mii-mf-table (MF returns shortcode),
   which already manage their own scroll wrapper — applying both caused a
   double-scrollbar conflict. */
.article table:not(.fdt-table):not(.mii-mf-table){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;border-collapse:collapse;box-shadow:0 2px 12px rgba(0,0,0,.08);border-radius:8px}
.article table:not(.fdt-table):not(.mii-mf-table) th{background:linear-gradient(135deg,var(--navy),#0b3d91);color:#fff;padding:14px 12px;text-align:left;font-weight:600;font-size:.94rem;border:none}
.article table:not(.fdt-table):not(.mii-mf-table) td{border:1px solid var(--line);padding:12px}
.article table:not(.fdt-table):not(.mii-mf-table) tbody tr:nth-child(even){background:#fafbfc}
.article table:not(.fdt-table):not(.mii-mf-table) tbody tr:hover{background:#f8f9fa}
.article ul,.article ol{margin:0 0 18px 20px;color:#33365C;font-size:18px;line-height:1.8}
.article blockquote{border-left:4px solid var(--navy);padding:16px 20px;margin:24px 0;background:#f8f9fa;font-style:italic;color:#555;border-radius:4px}

/* Ad slots (Ad Inserter / AdSense auto-ads) — theme-agnostic selectors that were
   previously trapped in Dynamico-only Additional CSS and never actually output
   once a different theme was active. Baked in here so ad spacing never breaks
   again on a future theme change. */
.article .google-auto-placed,.article ins.adsbygoogle,.article .QuickAdsense1,.article .QuickAdsenseHome{margin:24px 0;display:block}
@media(max-width:768px){
  .article .google-auto-placed,.article ins.adsbygoogle{margin:20px 0;min-height:250px}
}
.article li{margin-bottom:8px}

/* Suresh's established heading styles, adapted to theme */
.article h2{font-family:var(--disp);font-weight:700;font-size:26px;letter-spacing:-.01em;color:#fff;background:linear-gradient(135deg,var(--navy),#0b3d91);border-left:5px solid #ffcc00;border-radius:6px;padding:14px 18px;margin:32px 0 20px;line-height:1.3;box-shadow:0 2px 8px rgba(6,6,125,.15)}
.article h3{font-family:var(--disp);font-weight:700;font-size:20px;color:#000;background:#e8f0fe;border-left:4px solid var(--navy);border-radius:4px;padding:10px 14px;margin:24px 0 14px}
@media(max-width:768px){
  .article h2{font-size:22px;padding:12px 14px}
  .article h3{font-size:18px;padding:8px 12px}
}

/* key takeaways box */
.takeaways{background:linear-gradient(150deg,#FFF9E8,#FFF3CC);border:1px solid #F5DE9C;border-radius:16px;padding:20px 22px;margin-bottom:24px}
.takeaways h4{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8A6508;margin-bottom:10px}
.takeaways ul{margin:0 0 0 18px;font-size:.92rem;color:#5C4A12}
.takeaways li{margin-bottom:6px}

/* returns table */
.tbl-wrap{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:18px 0 8px;box-shadow:0 14px 34px -26px rgba(6,6,125,.4)}
.tbl-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;background:linear-gradient(92deg,var(--navy),var(--navy-2));color:#fff;padding:13px 18px}
.tbl-head h4{font-family:var(--disp);font-weight:800;font-size:.98rem;letter-spacing:-.01em}
.tbl-live{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;color:var(--gold-hi);background:rgba(255,195,0,.14);border:1px solid rgba(255,195,0,.4);padding:4px 11px;border-radius:100px}
.tbl-live .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.tbl-scroll{overflow-x:auto}
table.mii-mf-table{width:100%;border-collapse:collapse;font-size:.84rem;min-width:640px}
.mii-mf-table thead th{font-family:var(--mono);font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);background:#EDF1FF;padding:11px 14px;text-align:left;white-space:nowrap}
.mii-mf-table thead th.num{text-align:right}
.mii-mf-table tbody td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle}
.mii-mf-table tbody tr:nth-child(even){background:#FAFBFF}
.mii-mf-table tbody tr:hover{background:#F1F4FF}
.mii-mf-table td.fund{font-weight:600;color:var(--ink);min-width:220px}
.mii-mf-table td.fund .cat{display:block;font-family:var(--mono);font-size:.6rem;font-weight:500;color:var(--slate);letter-spacing:.06em;margin-top:2px}
td.num{font-family:var(--mono);font-weight:600;text-align:right;white-space:nowrap}
td.nav-cell{color:var(--navy)}
.ret{color:#0B7A46}
.ret.neg{color:var(--down)}
.chip{display:inline-block;font-family:var(--mono);font-size:.58rem;font-weight:600;letter-spacing:.08em;padding:3px 9px;border-radius:100px}
.chip-lc{background:#E9EEFF;color:#0B3BD6}.chip-mc{background:#F1E9FE;color:#5B18C9}
.chip-sc{background:#FDEBE4;color:#D63A16}.chip-fc{background:#E4F4F1;color:#00755F}.chip-el{background:#FBF2DC;color:#8A6508}
.tbl-note{font-family:var(--mono);font-size:.64rem;color:var(--slate);padding:10px 18px;background:#FAFBFF;border-top:1px dashed var(--line)}

/* inline tool banner */
.tool-banner{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:radial-gradient(360px 200px at 100% 0%,#8A3FFC44,transparent 60%),linear-gradient(150deg,var(--navy),var(--navy-2));color:#fff;border-radius:16px;padding:20px 22px;margin:26px 0}
.tool-banner .tb-txt{flex:1;min-width:220px}
.tool-banner h4{font-family:var(--disp);font-weight:800;font-size:1.05rem;letter-spacing:-.015em}
.tool-banner p{color:#C4C7F2!important;font-size:.84rem;margin:4px 0 0!important}
.tool-banner a{background:linear-gradient(92deg,var(--gold),var(--amber));color:var(--navy-deep);font-family:var(--disp);font-weight:800;font-size:.84rem;padding:11px 20px;border-radius:11px;transition:.18s;white-space:nowrap}
.tool-banner a:hover{transform:translateY(-2px)}

.disclaimer{background:#FDF2F0;border:1px solid #F5CBC2;border-radius:12px;padding:14px 18px;font-size:.875rem;color:#8A3A28;margin-top:26px}

/* sidebar (matches archive) */
.sidebar{display:flex;flex-direction:column;gap:18px}
@media(min-width:980px){.sidebar{position:sticky;top:86px}}
.side-box{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 14px 34px -26px rgba(6,6,125,.4)}
.side-box h3{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;background:#FFF3CC;color:#8A6508;padding:6px 13px;border-radius:100px}
.side-box h3 .dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.8s infinite}
.side-trend a{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);align-items:center}
.side-trend a>div{min-width:0}
.side-trend h4{overflow-wrap:break-word}
.side-trend a:last-child{border-bottom:none}
.side-trend .rank{font-family:var(--mono);font-weight:600;color:#fff;font-size:.72rem;flex-shrink:0;width:28px;height:28px;border-radius:9px;display:grid;place-items:center}
.side-trend h4{font-size:.84rem;font-weight:600;line-height:1.35}
.side-trend a:hover h4{color:var(--navy)}
.promo{border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px;overflow:hidden;position:relative;transition:transform .18s}
.promo:hover{transform:translateY(-3px)}
.promo-a{background:radial-gradient(320px 200px at 100% 0%,#8A3FFC44,transparent 60%),linear-gradient(150deg,var(--navy),var(--navy-2));color:#fff;box-shadow:0 22px 46px -22px rgba(6,6,125,.7)}
.promo-b{background:radial-gradient(320px 200px at 100% 0%,#00E3B055,transparent 60%),linear-gradient(150deg,#00705E,#00B899);border:none;color:#fff}
.promo-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.58rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:4px 11px;border-radius:100px;width:max-content}
.promo-a .promo-tag{background:linear-gradient(92deg,#8A3FFC44,#C77DFF33);color:#E4CCFF;border:1px solid #A96BFF77}
.promo-b .promo-tag{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.4)}
.promo-tag .dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:pulse 1.8s infinite}
.promo h4{font-family:var(--disp);font-weight:800;font-size:1.1rem;letter-spacing:-.015em;line-height:1.2}
.promo-a p{color:#C4C7F2;font-size:.875rem}
.promo-b p{color:rgba(255,255,255,.85);font-size:.875rem}
.promo-cta{font-family:var(--disp);font-weight:800;font-size:.82rem;padding:11px 20px;border-radius:11px;width:max-content;transition:.18s}
.promo-a .promo-cta{background:linear-gradient(92deg,var(--gold),var(--amber));color:var(--navy-deep)}
.promo-b .promo-cta{background:rgba(255,255,255,.95);color:#00705E}
.promo-cta:hover{transform:translateY(-2px)}

/* footer */
.footer{background:var(--navy-deep);color:#9FA3D8;padding:32px 0;margin-top:20px}
.footer-in{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-family:var(--mono);font-size:.66rem}
.footer a:hover{color:#fff}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* ============================================================
   HOMEPAGE DARK-GLASS THEME
   Scoped entirely under body.home (WordPress auto-adds this class
   to the front page) — archive/single/page templates are completely
   unaffected by anything below this point.
   ============================================================ */
body.home{background:#0A0A2E}

/* Section modules become distinct floating dark-glass cards with gaps
   between them, each with its own subtle accent tint so one module
   never blurs into the next. Uses the same rich navy gradient as the
   hero/newsletter, not a faint tint over near-black. */
body.home .section{
  background:linear-gradient(155deg,var(--navy) 0%,var(--navy-deep) 100%);
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;
  padding:36px 28px 28px;
  margin:0 auto 24px;
  max-width:1360px;
  box-shadow:0 30px 60px -40px rgba(0,0,10,.7);
  position:relative;
  overflow:hidden;
}
body.home #trending{background:radial-gradient(700px 360px at 90% 0%,#F7900955,transparent 60%),linear-gradient(155deg,var(--navy) 0%,var(--navy-deep) 100%)}
body.home .section-latest{background:radial-gradient(700px 360px at 90% 0%,#2D6BFF55,transparent 60%),linear-gradient(155deg,var(--navy) 0%,var(--navy-deep) 100%)}
body.home .section-categories{background:radial-gradient(700px 360px at 10% 0%,#8A3FFC50,transparent 60%),linear-gradient(155deg,var(--navy) 0%,var(--navy-deep) 100%)}

/* Header: dark to match, only on the homepage */
.header{background:var(--navy);border-bottom-color:rgba(255,255,255,.15)}
.logo,.logo:hover,.logo:focus,.logo:active,.logo span{color:#fff}
.logo em,.logo:hover em{color:var(--gold-hi)}
.btn-tools,.btn-tools:hover,.btn-tools:focus,.btn-tools:active{color:#fff}
.logo{color:#fff}
.logo em{color:var(--gold-hi)}
.nav a{color:rgba(255,255,255,.75)}
.nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.btn-archive{color:#fff;border-color:rgba(255,255,255,.25)}
.btn-archive:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4);color:#fff}

body.home .section-title{color:#fff}
body.home .section-sub{color:rgba(255,255,255,.6)}
body.home .link-all{color:#fff;border-color:rgba(255,255,255,.3)}
body.home .link-all:hover{background:rgba(255,255,255,.1);color:#fff}

/* Eyebrow badges → translucent glass pills instead of solid pastel chips */
body.home .ey-gold,body.home .ey-blue,body.home .ey-violet,body.home .ey-teal,body.home .ey-navy{background:rgba(255,195,0,.14);color:var(--gold-hi);border:1px solid rgba(255,195,0,.35)}

/* Trending: lead card unchanged (already dark), list + rows → dark glass */
body.home .trend-list{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);scrollbar-color:rgba(255,255,255,.2) transparent}
body.home .trend-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}
body.home .trend-row{border-bottom-color:rgba(255,255,255,.1)}
body.home .trend-row:hover{background:rgba(255,255,255,.05)}
body.home .trend-row h4{color:#fff}
body.home .trend-row:hover h4{color:var(--gold-hi)}
body.home .trend-lead h3{color:#fff}
body.home .trend-row .meta{color:rgba(255,255,255,.55)}
body.home .trend-row .meta .views{color:var(--gold-hi)}

/* Latest article cards → dark glass */
body.home .card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px -28px rgba(0,0,20,.6)}
body.home .card h3 a{color:#fff}
body.home .card h3 a:hover{color:var(--gold-hi)}
body.home .card p{color:rgba(255,255,255,.6)}
body.home .card .meta{color:rgba(255,255,255,.5);border-top-color:rgba(255,255,255,.12)}

/* Live Data Tools: tool-b (SFB tracker, MF preview) → dark glass matching tool-a */
body.home .tool-b{background:radial-gradient(420px 260px at 100% 0%,#00E3B033,transparent 60%),rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 50px -30px rgba(0,120,100,.35)}
body.home .tool-b h3{color:#fff}
body.home .tool-b p{color:rgba(255,255,255,.65)}
body.home .fd-toggle{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}
body.home .fd-toggle button{color:rgba(255,255,255,.55)}
body.home .mii-preview-table-wrap{border-color:rgba(255,255,255,.15);background:transparent!important}
body.home .mii-preview-table{background:transparent!important}
body.home .mii-preview-table tbody{background:transparent!important}
body.home .mii-preview-table tr{background:transparent!important}
body.home .mii-preview-table th{background:rgba(255,255,255,.08)!important;color:var(--gold-hi)!important}
body.home .mii-preview-table td{background:transparent!important;color:#fff!important;border-top-color:rgba(255,255,255,.12)!important}
body.home .mii-preview-table td.num{color:var(--gold-hi)!important}
body.home .mii-preview-table td.num.top{color:var(--gold-hi)!important;font-weight:800}
body.home .mii-preview-table tbody tr:hover td{background:rgba(255,255,255,.08)!important}
body.home .tools{
  border:1px solid rgba(255,255,255,.1);
  border-radius:24px;
  padding:36px 0 28px;
  margin:0 auto 24px;
  max-width:1360px;
  box-shadow:0 30px 60px -40px rgba(0,0,10,.7);
}
body.home .tools-ai{background:radial-gradient(700px 400px at 90% 0%,#8A3FFC50,transparent 60%),linear-gradient(155deg,var(--navy) 0%,var(--navy-deep) 100%)}
body.home .tools-live{background:radial-gradient(700px 400px at 10% 0%,#00E3B050,transparent 60%),linear-gradient(155deg,var(--navy) 0%,var(--navy-deep) 100%)}
.menu-btn{color:#fff}
.drawer{background:rgba(10,10,46,.98)}
.drawer a{color:rgba(255,255,255,.85);border-bottom-color:rgba(255,255,255,.12)}

/* Newsletter and Hero+Calculator already dark by design — just tighten
   the gap/radius so they read as consistent modules on the new canvas */
body.home .newsletter{border-radius:24px;max-width:1360px;margin-left:auto;margin-right:auto}
body.home .hero-bottom{max-width:1360px}

/* ============================================================
   v2.0.2 — Homepage additions (all scoped to body.home or new classes)
   ============================================================ */

/* Block 2: three AI tool cards */

/* Block 3: rolling returns */
body.home .tools-rr{background:radial-gradient(700px 400px at 90% 0%,#2D6BFF50,transparent 60%),linear-gradient(155deg,var(--navy) 0%,var(--navy-deep) 100%)}
.rr-grid>*{min-width:0}
.rr-card{gap:14px}
.rr-card h3{font-size:1.25rem}
.rr-table th.rr-rank,.rr-table td.rr-rank{width:34px;text-align:center;padding-left:6px;padding-right:6px}
.rr-table td.rr-fund{min-width:170px}
body.home .rr-table td.rr-rank{color:rgba(255,255,255,.6)!important;font-family:var(--mono);font-weight:600}
.rr-foot{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:auto}
.rr-foot .tool-cta{margin-top:0}
.rr-asof{font-family:var(--mono);font-size:.72rem;color:rgba(255,255,255,.6)}
.rr-empty{font-family:var(--mono);font-size:.8rem}

/* Block 5 (v2.0.3): Best MF 2026 — top 5 per category, tabbed */
.tp-card{gap:12px;margin-top:28px}
.tp-card:hover{transform:none}
.tp-sub{font-family:var(--mono);font-size:.74rem;color:rgba(255,255,255,.65)!important;margin:0}
.tp-sub b{color:var(--gold-hi);font-weight:600}
.tp-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0 4px}
.tp-tabs::-webkit-scrollbar{display:none}
.tp-tab{flex:0 0 auto;font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.03em;padding:8px 16px;border-radius:100px;border:1.5px solid rgba(255,255,255,.25);color:rgba(255,255,255,.8);background:transparent;transition:.15s;white-space:nowrap}
.tp-tab:hover{border-color:var(--gold);color:#fff}
.tp-tab.on{background:linear-gradient(92deg,var(--gold),var(--amber));border-color:transparent;color:var(--navy-deep)}
#tpBlock .tp-panel[hidden]{display:none!important}
.tp-table{font-size:15px}
.tp-table th.tp-rank,.tp-table td.tp-rank{width:40px;text-align:center;padding-left:6px;padding-right:6px}
.tp-table td.tp-fund{min-width:190px}
body.home .tp-table td.tp-rank{color:rgba(255,255,255,.6)!important;font-family:var(--mono);font-weight:600}
body.home .tp-table th.num{text-align:right}
body.home .tp-table td.num.neg{color:#FF8A95!important}
body.home .tp-table td.num.na{color:rgba(255,255,255,.4)!important;font-weight:500}
.tp-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.tp-foot .tool-cta{margin-top:0}
/* v2.0.7: gold pills, same look as the active category tab */
.tp-src{font-family:var(--mono);font-size:.7rem;line-height:1.6;color:rgba(255,255,255,.55)!important;margin:0}
.tp-empty{font-family:var(--mono);font-size:.8rem}

/* Compliance line under Blocks 3 and 5 */
.mii-block-disclaimer{font-family:var(--mono);font-size:.72rem;line-height:1.6;color:rgba(255,255,255,.6);margin-top:18px;max-width:900px}

/* ---------- v2.0.2 round 2 ---------- */

/* Header Tools dropdown (all pages) */
.tools-dd{position:relative}
.tools-dd .btn-tools{display:inline-flex;align-items:center;gap:6px;margin-left:0}
.tools-caret{font-size:.7rem;transition:transform .15s}
.tools-dd.open .tools-caret{transform:rotate(180deg)}
.tools-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:260px;max-width:calc(100vw - 32px);background:#0A0A2E;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:8px;box-shadow:0 24px 50px -20px rgba(0,0,20,.8);z-index:70;display:flex;flex-direction:column}
.tools-menu[hidden]{display:none}
.tools-menu-label{font-family:var(--mono);font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi);padding:10px 12px 4px}
.tools-menu a{display:block;padding:9px 12px;border-radius:9px;font-size:.9rem;font-weight:500;color:rgba(255,255,255,.85)}
.tools-menu a:hover,.tools-menu a:focus-visible{background:rgba(255,255,255,.08);color:#fff}

/* WP menu sub-menus: dropdown on desktop nav, indented in drawer
   (previously a nested .sub-menu rendered inline in the flex nav) */
.nav li{position:relative}
.nav .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:220px;flex-direction:column;align-items:stretch;background:#0A0A2E;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:6px;z-index:70;box-shadow:0 20px 40px -18px rgba(0,0,20,.8)}
.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:flex}
.nav .sub-menu a{display:block;white-space:nowrap}
.drawer .sub-menu{padding-left:16px}

/* Anchored homepage sections clear the sticky header */
body.home section[id]{scroll-margin-top:90px}
body.admin-bar.home section[id]{scroll-margin-top:122px}

/* Article disclaimer: category-specific lines */
.disclaimer-extra{display:block;margin-top:6px}

/* Tools dropdown: Live returns (CAGR) sub-row */
.tools-menu-sub{font-size:.9rem;font-weight:500;color:rgba(255,255,255,.85);padding:9px 12px 2px}
.tools-menu-row{display:flex;flex-wrap:wrap;gap:4px;padding:2px 8px 6px}
.tools-menu-row a{padding:5px 10px;font-size:.84rem;border:1px solid rgba(255,255,255,.18);border-radius:100px}


/* ============================================================
   v2.0.8 — HOMEPAGE BLOCK 1: compact trending (top 10, 2 × 5)
   Desktop: column-major grid, so ranks 1–5 fill the left column
   and 6–10 the right (--rows = ceil(count/2), set inline).
   Mobile: one column in rank order.
   ============================================================ */
.tr-grid{display:grid;gap:10px}
@media(min-width:900px){.tr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:repeat(var(--rows,5),auto);grid-auto-flow:column;column-gap:18px}}
.tr-item{display:flex;align-items:center;gap:14px;min-width:0;padding:10px 14px 10px 10px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .15s,border-color .15s}
.tr-item:hover{background:rgba(255,255,255,.09);border-color:var(--rk,var(--gold))}
.tr-rank{flex-shrink:0;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:.72rem;color:#fff;background:var(--rk,var(--gold))}
.tr-thumb{flex-shrink:0;width:112px;aspect-ratio:16/9;border-radius:9px;overflow:hidden;position:relative;display:grid;place-items:center}
.tr-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tr-thumb .rings{display:none}
.tr-thumb svg{width:26px;height:26px}
.tr-text{min-width:0;display:flex;flex-direction:column;gap:4px}
.tr-title{color:#fff;font-weight:600;font-size:.95rem;line-height:1.35;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}
.tr-item:hover .tr-title{color:var(--gold-hi)}
.tr-text .mii-rating{color:rgba(255,255,255,.75)}
@media(max-width:559px){.tr-thumb{width:88px}.tr-item{gap:10px}}

/* ============================================================
   v2.0.8 — HOMEPAGE BLOCK 2: MF Analyser + live top-5 table
   ============================================================ */
.mii-mfa-grid{display:grid;gap:20px;margin-top:28px}
.mii-mfa-grid>*{min-width:0}
@media(min-width:980px){.mii-mfa-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);align-items:stretch}}
.mii-mfa-grid .tp-card{margin-top:0}
.mii-mfa-card .tool-tag{margin-bottom:2px}
.mii-mfa-art{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}
.mii-mfa-art .donut-legend{flex:1;min-width:170px}
.tp-table th.num,.tp-table td.num{width:22%}
.tp-foot{flex-wrap:nowrap;align-items:flex-start}
.tp-foot .tp-src{flex:1;min-width:0}
.tp-full{flex-shrink:0;font-family:var(--disp);font-weight:800;font-size:.86rem;padding:10px 18px;border-radius:11px;background:linear-gradient(92deg,var(--gold),var(--amber));color:var(--navy-deep)!important;white-space:nowrap;transition:transform .15s,filter .15s}
.tp-full:hover{transform:translateY(-1px);filter:brightness(1.06)}
@media(max-width:559px){.tp-foot{flex-wrap:wrap}.tp-full{align-self:flex-end;margin-left:auto}}

/* v2.0.9 — Block 2: keep "Analyse my portfolio" directly under the text
   (the shared .tool-cta rule pins it to the card bottom with margin-top:auto) */
.mii-mfa-card .tool-cta{margin-top:6px}

/* ============================================================
   v2.0.10 — HOMEPAGE: compact section heads
   Smaller titles, subtitle on one line (no 56ch cap), tighter
   block padding and head-to-content gap, so the actual tables
   and cards start sooner. Scoped to body.home only.
   ============================================================ */
body.home .section{padding:24px 28px 22px}
body.home .tools{padding:24px 0 22px}
body.home .section-head{margin-bottom:14px;align-items:center;gap:10px 20px}
body.home .eyebrow{margin-bottom:8px;padding:4px 12px;font-size:.66rem}
body.home .section-title{font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.2}
body.home .section-sub{max-width:none;font-size:.9rem;margin-top:4px}
body.home .tools-grid,body.home .mii-mfa-grid,body.home .cat-grid{margin-top:16px}
@media(max-width:559px){
  body.home .section{padding:20px 16px 18px}
  body.home .tools{padding:20px 0 18px}
}

/* ============================================================
   v2.0.12 — AD SLOTS (inc/ads.php, Settings → MII Ads)
   Reserved height = no layout shift (CLS). Unfilled slots collapse.
   Scoped to .mii-ad only — no bare selectors.
   ============================================================ */
.mii-ad{display:block;max-width:1360px;margin:0 auto 24px;padding:12px;border-radius:18px;text-align:center;overflow:hidden;min-height:274px}
.mii-ad .mii-ad-label{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;color:var(--slate);margin-bottom:6px;text-align:left}
.mii-ad ins.adsbygoogle{display:block;min-height:250px}
.mii-ad ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
.mii-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none}
@media(min-width:768px){.mii-ad{min-height:114px}.mii-ad ins.adsbygoogle{min-height:90px}}
body.home .mii-ad{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.mii-ad.mii-ad-preview{min-height:120px;border:2px dashed var(--gold)!important;display:grid;place-items:center}
.mii-ad.mii-ad-preview .mii-ad-label{color:var(--gold-hi)!important;text-align:center;margin:0}