:root{
  --bg:#F8FAFC; --card:#fff; --muted:#475569; --text:#0f1720; --accent:#22C55E; --border:#E6EEF6;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Arial;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}

/* navbar */
.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 28px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:10px}.brand-text{font-weight:700;font-size: 18px; text-decoration:none;color:var(--text)}
.nav-links{display:flex;gap:18px;list-style:none;margin:0;padding:0}.nav-links a{text-decoration:none;color:var(--muted)}.nav-links a.active{color:#2563EB}

/* layout */
.calc-container{max-width:1100px;margin:28px auto;padding:20px;display:flex;gap:24px;align-items:flex-start}
.calc-left{flex:0 0 40%;background:var(--card);padding:22px;border-radius:12px;border:1px solid var(--border);box-shadow:0 8px 24px rgba(16,24,40,0.04)}
.calc-right{flex:1;background:var(--card);padding:18px;border-radius:12px;border:1px solid var(--border);box-shadow:0 8px 24px rgba(16,24,40,0.04)}

/* inputs */
label{display:block;margin-top:14px;color:var(--muted);font-size:13px}
input[type=number]{width:100%;padding:12px;border-radius:10px;border:1px solid #E6EEF6;margin-top:8px;font-size:15px}
.btn-row{margin-top:18px;display:flex;gap:12px}
.btn-primary{background:var(--accent);border:none;color:#06240c;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer}
.btn-secondary{background:transparent;border:1px solid var(--border);padding:10px 14px;border-radius:10px;cursor:pointer;color:var(--muted)}
.muted{color:var(--muted)}.small{font-size:13px;margin-top:12px}

/* results */
.result-top{display:flex;justify-content:space-between;align-items:center}
.insightSummary{background:#F1F7EE;padding:8px 12px;border-radius:8px;color:#065F46}

/* chart area */
.chart-and-legend{display:flex;gap:18px;align-items:flex-start;margin-top:10px}
.chart-wrap{width:360px;max-width:42vw;min-width:260px}
canvas{display:block;max-width:100%;height:auto}

/* legend & values */
.legend{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.legend .item{display:flex;gap:8px;align-items:center;color:var(--muted)}
.legend .sw{width:14px;height:14px;border-radius:4px;display:inline-block}
.value-list{margin-top:8px}
.value-row{display:flex;justify-content:space-between;padding:8px 0;border-top:1px dashed rgba(0,0,0,0.04)}

/* dive deeper */
.deep-btn{margin-top:14px;background:#fff;border:1px solid var(--border);padding:10px 12px;border-radius:10px;cursor:pointer}
.deep{margin-top:14px;padding:12px;border-radius:10px;background:#FAFBFF;border:1px solid #EEF2FF;color:var(--muted)}

/* empty state */
.empty{text-align:center;padding:30px;color:var(--muted);font-size:16px}

/* footer */
.footer{text-align:center;padding:28px 0;color:var(--muted);margin-top:24px}

/* responsive */
@media (max-width:980px){.calc-container{flex-direction:column}.chart-wrap{width:100%;min-width:0}}

.ad-slot {
  display: none;
}

/* MATCH FOOTER STYLE WITH OTHER PAGES */
.footer-links {
  margin-bottom: 10px;
}

.footer-links a {
  margin: 0 12px;
  color: var(--muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}

.footer-links a:hover {
  text-decoration: underline;
}

.footer-copy {
  color: var(--muted);
  font-size: 13px;
}

@media (max-width: 480px) {
  .brand-text {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .footer-links a {
    display: inline-block;
    margin: 6px 10px;
  }
}

@media (max-width: 480px) {
  .page-container {
    padding: 0 14px;
  }
  .seo-section, .how-it-works {
    padding: 0 14px 40px;
  }
}
/* ---- Force-consistent brand text across all pages ---- */
.brand-text {
  font-weight: 700;
  font-size: 20px !important;           /* match homepage size */
  color: var(--text);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1;
  display: inline-block;
}