/* ============================================================================
   The five calculators that came over from InvestVerdict, in MF Analyser's
   colours. Every rule of theirs is scoped under .ivc, so nothing here reaches
   the site header or footer. Only paint and type change — the markup and the
   arithmetic are theirs, untouched.
   ========================================================================== */
.ivc{
  --amber:#f5b921; --amber-light:#ffd24d; --amber-dark:#b9860c; --amber-pale:#fff8e6;
  --emerald:#0a7d57; --emerald-light:#2fa57b; --rose:#c92a1f;
  --violet:#14406f; --sky:#2f6fb3;
  --dark:#05111f; --dark2:#0d1526; --dark3:#1b2745; --dark4:#2b3452;
  --stone:#5a637a; --cream:#efe9db; --cream2:#f8f4ea; --cream3:#ded5c2; --text:#0d1526;
  --radius:16px; --radius-sm:11px;
  --shadow:0 1px 2px rgba(16,42,80,.05),0 6px 18px -8px rgba(16,42,80,.18);
  --shadow-lg:0 2px 4px rgba(16,42,80,.06),0 18px 40px -16px rgba(16,42,80,.30);
  display:block; min-height:0 !important;
  background:#efe9db; color:#0d1526;
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* the hero band: the logo's navy, with a fine gold grid instead of amber */
.ivc .hero{background:linear-gradient(135deg,#05111f 0%,#0d1526 45%,#1b2745 100%) !important}
.ivc .hero-glow{background:radial-gradient(circle,rgba(245,185,33,.16) 0%,transparent 70%) !important}
.ivc .hero-glow2{background:radial-gradient(circle,rgba(91,143,208,.14) 0%,transparent 70%) !important}

/* display type: Bebas Neue, the face every other calculator's heading uses.
   It has one weight and no italic, so weight is normalised */
.ivc h1,.ivc h2,.ivc h3,.ivc [class*="title"]{font-family:'Bebas Neue','DM Sans',sans-serif !important;font-weight:400 !important;letter-spacing:.02em;font-style:normal !important}
.ivc h1{font-size:clamp(38px,5.4vw,64px) !important;line-height:1 !important}
.ivc h1 .accent{color:#ffd24d !important}
.ivc h1 .accent2{color:#7fd3ae !important}

/* the gold key, same as "Unlock Pro" and the site's Calculate buttons */
.ivc .btn-primary,.ivc .calc-btn,.ivc button.primary,.ivc .cta,.ivc .btn-gold{
  background:linear-gradient(180deg,#ffd24d,#f5b921) !important;color:#0e2649 !important;
  border:1px solid #8a6205 !important;box-shadow:0 3px 0 #8a6205,0 12px 22px -10px rgba(217,159,18,.75) !important}

/* money lines up in a column */
.ivc table td,.ivc table th,.ivc output,.ivc input[type="number"],
.ivc [class*="num"],.ivc [class*="amt"],.ivc [class*="value"],.ivc [class*="result"]{font-variant-numeric:tabular-nums}

/* inputs: the site's field style */
.ivc input[type="number"],.ivc input[type="text"],.ivc select{
  background:#f8f4ea;border-color:#ded5c2;color:#0d1526}
.ivc input[type="number"]:focus,.ivc input[type="text"]:focus,.ivc select:focus{
  background:#fff;border-color:#8a6205;box-shadow:0 0 0 3px rgba(245,185,33,.25);outline:none}
.ivc input[type=range]{accent-color:#14406f}

/* an icon holder whose emoji was removed would otherwise be an empty box */
.ivc [class*="icon"]:empty,.ivc [class*="ico"]:empty,.ivc [class*="emoji"]:empty{display:none !important}

/* their own closing line sits above our footer, quietly */
.ivc .calc-foot{background:#f8f4ea !important;color:#5a637a !important;border-top:1px solid #ded5c2}
.ivc .calc-foot a{color:#14406f !important}

/* the other calculators, at the end of each page */
.ivc-rel{max-width:1200px;margin:0 auto;padding:36px 24px 56px}
body:has(main.ivc){background:#efe9db}
.ivc-rel h2{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:28px;letter-spacing:.02em;color:#0d1526;margin:0 0 14px}
.ivc-rel .rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px}
.ivc-rel .rel a{display:block;background:#fff;border:1px solid #ded5c2;border-radius:13px;padding:16px;text-decoration:none;
  box-shadow:0 1px 2px rgba(16,42,80,.05),0 2px 8px -4px rgba(16,42,80,.14);transition:transform .15s,box-shadow .15s,border-color .15s}
.ivc-rel .rel a:hover{transform:translateY(-2px);border-color:#c2d2e8}
.ivc-rel .rel b{display:block;font-size:14px;color:#0d1526;margin-bottom:3px}
.ivc-rel .rel span{display:block;font-size:12.5px;color:#5a6b87;line-height:1.5}
@media print{#app-header,.mf-datebar,.mfa-foot{display:none !important}}

/* ── a small heading, the way the XIRR calculator opens ─────────────────────
   Owner, 1 Nov 2026: the big dark hero was far more than these pages need.
   Same markup, restyled: a Bebas title and one line on the cream paper; the
   live figures become a row of the site's white result cards. The figures are
   still written by the calculator's own script into the same elements. */
.ivc .hero{background:transparent !important;padding:34px 0 6px !important;overflow:visible !important}
.ivc .hero-grid-bg,.ivc .hero-glow,.ivc .hero-glow2,.ivc .hero-pills,.ivc .badge-pro{display:none !important}
.ivc .hero-inner{max-width:1200px;padding:0 40px}
.ivc .hero h1{color:#0d1526 !important;font-size:42px !important;line-height:1.05 !important;margin:0 0 8px !important;letter-spacing:.02em}
.ivc .hero h1 .accent{color:#b9860c !important}
.ivc .hero h1 .accent2{color:#0a7d57 !important}
.ivc .hero h1 br{display:none}
.ivc .hero-sub{color:#5a637a !important;font-size:15px !important;line-height:1.65 !important;max-width:640px !important;margin:0 0 20px !important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ivc .hero-stats{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:13px !important;border-top:0 !important;margin:0 0 18px}
.ivc .hstat{background:#fff;border:1px solid #ded5c2;border-radius:13px;padding:15px 17px !important;
  box-shadow:0 1px 2px rgba(16,42,80,.05),0 6px 18px -8px rgba(16,42,80,.18)}
.ivc .hstat-val{font-family:'JetBrains Mono',ui-monospace,monospace !important;font-size:22px !important;font-weight:700 !important;color:#0d1526 !important;line-height:1.15}
.ivc .hstat:first-child .hstat-val{color:#0a7d57 !important}
.ivc .hstat-label{font-size:11px !important;color:#8697b0 !important;letter-spacing:.05em !important;font-weight:600;margin-top:5px}

/* the tab strip: light, under the site header instead of behind it */
.ivc .tabs-bar{background:rgba(239,233,219,.94) !important;border-top:0 !important;border-bottom:1px solid #ded5c2;top:64px !important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ivc .tab-btn{color:#5a637a !important;font-size:13px !important}
.ivc .tab-btn:hover:not(.active){color:#0d1526 !important}
.ivc .tab-btn.active{color:#0d1526 !important;border-bottom:3px solid #f5b921 !important}
@media(max-width:700px){.ivc .hero-inner{padding:0 18px}.ivc .hero h1{font-size:34px !important}}

/* headings stay upright: no italic word inside a title (owner, 1 Nov 2026) */
.ivc h1 *,.ivc h2 *,.ivc h3 *,.ivc h1 .accent,.ivc h1 .accent2,.ivc em,.ivc i{font-style:normal !important}

/* the tab strip sits under the site header (z 50) so the More menu opens over it */
.ivc .tabs-bar{z-index:40 !important}