#fvc-widget, #fvc-widget *, #fvc-widget *::before, #fvc-widget *::after{
  box-sizing:border-box;margin:0;padding:0;
}

#fvc-widget{
 
  --page-text:#0f1f3d;--page-muted:#5b6b7c;

  --card-gradient:linear-gradient(160deg, #16284a 0%, #0c1830 100%);
  --card-surface:#1c2d4e;--card-border:rgba(255,255,255,.10);
  --card-text:#ffffff;--card-muted:rgba(255,255,255,.66);

  --accent:#2f5fd1;--accent-light:#8fb4ff;
  --accent2:#10996f;--accent2-light:#3ec795;
  --accent3:#6366f1;--accent3-light:#a5a8f7;
  --danger:#e0524a;--danger-light:#ef7d76;

  --radius:14px;--radius-sm:9px;
  --mono:'JetBrains Mono','Fira Code',monospace;
  --sans:'Poppins','Segoe UI',system-ui,sans-serif;
  --shadow:0 10px 30px rgba(15,31,61,.12);--max:1160px;

  font-family:var(--sans);color:var(--page-text);
  line-height:1.65;font-size:16px;
  background:var(--page-bg);
  isolation:isolate;
}
#fvc-widget h2{font-size:clamp(22px,3.5vw,36px);font-weight:800;letter-spacing:-0.02em;color:var(--page-text)}
#fvc-widget p{color:black;line-height:1.75}
#fvc-widget strong{color:var(--page-text)}
#fvc-widget .wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
#fvc-widget .eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}

/* ══ CALCULATOR WIDGET ══ */

#fvc-widget .calc-section-head{text-align:center;margin-bottom:36px}
#fvc-widget .calc-section-head p{max-width:580px;margin:10px auto 0}
#fvc-widget .fvc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
@media(max-width:720px){#fvc-widget .fvc-grid{grid-template-columns:1fr}}
#fvc-widget .fvc-card{background:var(--card-gradient);border:1px solid var(--card-border);border-top:2px solid var(--accent);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
#fvc-widget .fvc-card h2{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--card-muted);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--card-border)}
#fvc-widget .fvc-field{margin-bottom:18px}
#fvc-widget .fvc-field label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--card-muted);margin-bottom:8px}
#fvc-widget .fvc-field label span{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--card-text);background:var(--card-surface);padding:2px 8px;border-radius:5px}
#fvc-widget .fvc-input-row input[type="number"]{width:100%;background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--card-text);font-family:var(--mono);font-size:15px;font-weight:700;padding:9px 14px;outline:none;transition:border-color .2s;-moz-appearance:textfield}
#fvc-widget .fvc-input-row input[type="number"]::-webkit-outer-spin-button,
#fvc-widget .fvc-input-row input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none}
#fvc-widget .fvc-input-row input[type="number"]:focus{border-color:var(--accent)}
#fvc-widget input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--card-border);border-radius:2px;outline:none;cursor:pointer;margin-top:8px}
#fvc-widget input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(47,95,209,.25);cursor:pointer;transition:transform .15s}
#fvc-widget input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.15)}
#fvc-widget input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}
#fvc-widget .fvc-toggle{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
#fvc-widget .fvc-toggle button{flex:1;min-width:58px;padding:7px 6px;font-size:12px;font-weight:600;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--card-surface);color:var(--card-muted);cursor:pointer;transition:all .18s;font-family:var(--sans)}
#fvc-widget .fvc-toggle button.active{background:var(--accent);border-color:var(--accent);color:#fff}
#fvc-widget .fvc-metrics{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}
#fvc-widget .metric{background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:15px;text-align:center;position:relative;overflow:hidden}
#fvc-widget .metric::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
#fvc-widget .metric.m1::before{background:var(--accent)}#fvc-widget .metric.m2::before{background:var(--accent2)}
#fvc-widget .metric.m3::before{background:var(--accent3)}#fvc-widget .metric.m4::before{background:var(--danger)}
#fvc-widget .metric-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--card-muted);margin-bottom:5px}
#fvc-widget .metric-value{font-family:var(--mono);font-size:clamp(15px,3vw,21px);font-weight:800;line-height:1}
#fvc-widget .metric.m1 .metric-value{color:var(--accent-light)}#fvc-widget .metric.m2 .metric-value{color:var(--accent2-light)}
#fvc-widget .metric.m3 .metric-value{color:var(--accent3-light)}#fvc-widget .metric.m4 .metric-value{color:var(--danger-light)}
#fvc-widget .metric-sub{font-size:11px;color:var(--card-muted);margin-top:4px}
#fvc-widget .fvc-progress{margin-bottom:18px}
#fvc-widget .fvc-progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--card-muted);margin-bottom:5px}
#fvc-widget .fvc-progress-bar{height:7px;background:var(--card-border);border-radius:4px;overflow:hidden}
#fvc-widget .fvc-progress-fill{height:100%;border-radius:4px;transition:width .4s ease;background:linear-gradient(90deg,var(--accent),var(--accent2))}
#fvc-widget .fvc-milestone{background:rgba(47,95,209,.08);border:1px solid rgba(47,95,209,.28);border-radius:var(--radius-sm);padding:13px 16px;display:flex;align-items:center;gap:11px;margin-bottom:18px}
#fvc-widget .milestone-icon{font-size:19px;flex-shrink:0}
#fvc-widget .milestone-text{font-size:13px;color:var(--card-text);line-height:1.5}
#fvc-widget .milestone-text strong{color:var(--accent-light)}
#fvc-widget .fvc-insights{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}
#fvc-widget .insight{background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:13px}
#fvc-widget .insight-icon{font-size:17px;margin-bottom:4px}
#fvc-widget .insight-label{font-size:11px;color:var(--card-muted);font-weight:700;text-transform:uppercase;letter-spacing:.07em}
#fvc-widget .insight-value{font-family:var(--mono);font-size:16px;font-weight:800;color:var(--card-text);margin-top:2px}
#fvc-widget .insight-desc{font-size:11px;color:var(--card-muted);margin-top:3px;line-height:1.4}
#fvc-widget .fvc-full{margin-top:22px}
#fvc-widget .fvc-chart-wrap{position:relative;height:260px;margin-bottom:8px}
#fvc-widget .chart-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}
#fvc-widget .legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--card-muted)}
#fvc-widget .legend-dot{width:10px;height:10px;border-radius:50%}
#fvc-widget .fvc-table-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--card-border)}
#fvc-widget .fvc-table-scroll{max-height:300px;overflow-y:auto}
#fvc-widget .fvc-table-scroll::-webkit-scrollbar{width:4px}
#fvc-widget .fvc-table-scroll::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}
#fvc-widget table{width:100%;border-collapse:collapse;font-size:13px}
#fvc-widget thead{position:sticky;top:0;z-index:2}
#fvc-widget th{background:var(--card-surface);padding:10px 14px;text-align:right;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--card-muted);white-space:nowrap;border-bottom:1px solid var(--card-border)}
#fvc-widget th:first-child{text-align:left}
#fvc-widget td{padding:9px 14px;text-align:right;border-bottom:1px solid var(--card-border);font-family:var(--mono);font-size:13px;white-space:nowrap;color:var(--card-text)}
#fvc-widget td:first-child{text-align:left;font-family:var(--sans);font-weight:600;color:var(--card-muted)}
#fvc-widget tr:last-child td{border-bottom:none}
#fvc-widget tr:hover td{background:rgba(47,95,209,.07)}
#fvc-widget .td-fv{color:var(--accent-light);font-weight:700}#fvc-widget .td-interest{color:var(--accent2-light)}#fvc-widget .td-real{color:var(--accent3-light)}
#fvc-widget .td-bar{padding:9px 14px}
#fvc-widget .tbar{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));min-width:4px;transition:width .3s}
#fvc-widget .compound-compare{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:480px){#fvc-widget .compound-compare{grid-template-columns:repeat(2,1fr)}}
#fvc-widget .cc-item{background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:14px;text-align:center;transition:border-color .2s}
#fvc-widget .cc-item.active{border-color:var(--accent)}
#fvc-widget .cc-freq{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--card-muted)}
#fvc-widget .cc-val{font-family:var(--mono);font-size:14px;font-weight:800;color:var(--card-text);margin-top:4px}
#fvc-widget .cc-item.active .cc-val{color:var(--accent-light)}
#fvc-widget .cc-diff{font-size:11px;color:var(--accent2-light);margin-top:3px}

/* ══ LIVE FORMULA PANEL ══ */
#fvc-widget .formula-live{background:var(--card-gradient);border:1px solid var(--card-border);border-top:2px solid var(--accent);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
#fvc-widget .formula-live-head{font-size:14px;font-weight:800;color:var(--card-text);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--card-border);display:flex;align-items:center;gap:8px}
#fvc-widget .live-eq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:580px){#fvc-widget .live-eq-grid{grid-template-columns:1fr}}
#fvc-widget .live-eq-item{background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:14px}
#fvc-widget .live-eq-step{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light);margin-bottom:6px}
#fvc-widget .live-eq-formula{font-family:var(--mono);font-size:12px;color:var(--card-muted);line-height:1.65;margin-bottom:6px}
#fvc-widget .live-eq-formula .hi{color:var(--accent-light);font-weight:700}
#fvc-widget .live-eq-result{font-family:var(--mono);font-size:19px;font-weight:800;color:var(--accent2-light)}

/* ══ DISCLAIMER — sits on the light page, not a navy card ══ */
#fvc-widget .disclaimer{border:1px solid var(--page-border);border-radius:var(--radius);padding:18px 22px;margin:22px 0;display:flex;gap:12px;align-items:flex-start; color: black;}
#fvc-widget .disclaimer-icon{font-size:18px;flex-shrink:0;margin-top:2px}
#fvc-widget .disclaimer-text{font-size:13px;color:black;line-height:1.7}
#fvc-widget .disclaimer-text strong{color:var(--page-text)}

/* ══ DOWNLOAD / SHARE ══ */
#fvc-widget .fvc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
#fvc-widget .fvc-btn{flex:1 1 45%;min-width:120px;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--card-surface);color:var(--card-text);font-weight:700;font-size:13px;font-family:var(--sans);cursor:pointer;transition:all .18s}
#fvc-widget .fvc-btn:hover{border-color:var(--accent);color:var(--accent-light)}
#fvc-widget .fvc-btn:disabled{opacity:.6;cursor:wait}
#fvc-widget .fvc-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
#fvc-widget .fvc-btn.primary:hover{opacity:.88;color:#fff}
#fvc-widget .fvc-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--card-gradient);border:1px solid var(--accent);color:#fff;font-size:13px;font-weight:600;padding:10px 18px;border-radius:100px;opacity:0;pointer-events:none;transition:all .25s;z-index:999;box-shadow:var(--shadow)}
#fvc-widget .fvc-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* ══ PDF EXPORT CARD FIX ══
   The hidden #export-card inherits the dark card-gradient from
   .fvc-card, making text invisible in the downloaded PDF.
   Force white background + dark text on the card and every child.
   Nothing above this line is changed. */
#fvc-widget #export-card{
  background:#ffffff !important;
  border:1px solid #d0d9e8 !important;
  border-top:3px solid #2f5fd1 !important;
}
#fvc-widget #export-card,
#fvc-widget #export-card *{
  color:#0f1f3d !important;
  font-family:Arial,Helvetica,sans-serif !important;
}
#fvc-widget #export-card h2{
  color:#16284a !important;
}
#fvc-widget #export-card .metric{
  background:#f4f6fb !important;
  border:1px solid #d0d9e8 !important;
}
#fvc-widget #export-card .metric-label{
  color:#5b6b7c !important;
}
#fvc-widget #export-card .metric.m1 .metric-value{color:#2f5fd1 !important}
#fvc-widget #export-card .metric.m2 .metric-value{color:#10996f !important}
#fvc-widget #export-card .metric.m3 .metric-value{color:#6366f1 !important}
#fvc-widget #export-card .metric.m4 .metric-value{color:#e0524a !important}
#fvc-widget #export-card .metric-sub{color:#5b6b7c !important}
#fvc-widget #export-card .fvc-milestone{
  background:#eef2ff !important;
  border:1px solid #c7d2fe !important;
}
#fvc-widget #export-card .milestone-text strong{color:#2f5fd1 !important}