/* fire-calculator — extracted from inline <style> */
/* --- Progress Ring --- */
.evvy-fire-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin:1.25rem auto;width:160px;height:160px}
.evvy-fire-ring{display:block}
.evvy-fire-ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--evvy-text)}
#ring-progress{transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1)}

/* --- FIRE Variants Card --- */
.evvy-fire-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;padding:1rem;border-radius:var(--evvy-radius);background:var(--evvy-card-bg);border:1px solid var(--evvy-border)}
.evvy-fire-variant{text-align:center;padding:.75rem .5rem;border-radius:var(--evvy-radius);transition:background .2s}
.evvy-fire-variant-active{background:color-mix(in srgb,var(--evvy-cluster-color,#10b981) 12%,transparent)}
.evvy-fire-variant-title{font-weight:700;font-size:.85rem;color:var(--evvy-text);margin-bottom:.15rem}
.evvy-fire-variant-desc{font-size:.7rem;color:var(--evvy-muted);margin-bottom:.5rem}
.evvy-fire-variant-number{font-size:1rem;font-weight:700;color:var(--evvy-cluster-color,#10b981)}
.evvy-fire-variant-years{font-size:.8rem;color:var(--evvy-muted);margin-top:.15rem}

/* --- Savings Rate Impact --- */
.evvy-fire-sr-impact{margin-top:1rem;padding:1rem;border-radius:var(--evvy-radius);background:var(--evvy-card-bg);border:1px solid var(--evvy-border)}
.evvy-fire-sr-title{font-weight:700;font-size:.95rem;color:var(--evvy-text);margin-bottom:.15rem}
.evvy-fire-sr-subtitle{font-size:.75rem;color:var(--evvy-muted);margin-bottom:.75rem}
.evvy-fire-sr-bar-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem}
.evvy-fire-sr-label{width:36px;text-align:right;font-size:.75rem;font-weight:600;color:var(--evvy-muted);flex-shrink:0}
.evvy-fire-sr-track{flex:1;height:22px;background:var(--evvy-border);border-radius:4px;overflow:hidden;position:relative}
.evvy-fire-sr-fill{height:100%;border-radius:4px;background:var(--evvy-cluster-color,#10b981);transition:width .5s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:6px;min-width:28px}
.evvy-fire-sr-val{font-size:.65rem;font-weight:700;color:#fff;white-space:nowrap}
.evvy-fire-sr-bar-row.evvy-fire-sr-active .evvy-fire-sr-fill{background:var(--evvy-cluster-color,#10b981);filter:brightness(1.15)}
.evvy-fire-sr-bar-row.evvy-fire-sr-active .evvy-fire-sr-label{color:var(--evvy-cluster-color,#10b981)}

/* --- Subscriber Cards --- */
.evvy-fire-sub-card{margin-top:1rem;padding:1.25rem;border-radius:var(--evvy-radius);background:var(--evvy-card-bg);border:1px solid var(--evvy-border)}
.evvy-fire-sub-card h4{font-size:1rem;font-weight:700;margin-bottom:.35rem;color:var(--evvy-text)}
.evvy-fire-sub-card h4 i{margin-right:.35rem;color:var(--evvy-cluster-color,#10b981)}
.evvy-fire-sub-desc{font-size:.8rem;color:var(--evvy-muted);margin-bottom:.75rem}

/* --- Dark mode --- */
[data-bs-theme="dark"] .evvy-fire-variants,
[data-bs-theme="dark"] .evvy-fire-sr-impact,
[data-bs-theme="dark"] .evvy-fire-sub-card{background:var(--evvy-card-bg-dark,rgba(255,255,255,.04));border-color:var(--evvy-border-dark,rgba(255,255,255,.08))}

/* --- Mobile --- */
@media(max-width:575.98px){
  .evvy-fire-variants{grid-template-columns:1fr;gap:.5rem}
  .evvy-fire-variant{padding:.5rem}
  .evvy-fire-ring-wrap{width:130px;height:130px}
  .evvy-fire-ring{width:130px;height:130px}
  .evvy-fire-ring-label{font-size:1.25rem}
}
