/* ══════════════════════════════════════════════════
   Shared styling for the static SEO/legal pages
   (start-sip, sip-calculator, mutual-fund-pune,
   mutual-fund-basics, arthik-kundali, privacy, terms).
   Uses the shared.css tokens; standalone from site.css.
   ══════════════════════════════════════════════════ */

body { margin:0; background:var(--bg); color:var(--text); font-family:var(--font-mr); line-height:1.7; }

.lp-nav {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:14px 6%; background:rgba(251,249,243,.92); border-bottom:1px solid var(--border);
  position:sticky; top:0; backdrop-filter:blur(8px); z-index:50;
}
.lp-nav img { height:44px; width:auto; display:block; }
.lp-nav-links { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
.lp-nav-links a { color:var(--text); text-decoration:none; font-weight:600; font-size:14px; }
.lp-nav-links a:hover { color:var(--accent-text); }

.lp-hero { padding:52px 6% 40px; background:linear-gradient(135deg, var(--bg), var(--accent-bg)); border-bottom:1px solid var(--border); }
.lp-hero-inner, .lp-body { max-width:820px; margin:0 auto; }
.lp-pill {
  display:inline-block; background:var(--accent-bg); color:var(--accent-text);
  border:1px solid rgba(81,122,75,.25); border-radius:30px; padding:6px 14px;
  font-size:12px; font-weight:700; margin-bottom:14px;
}
.lp-hero h1 { font-size:clamp(26px,4.5vw,38px); line-height:1.3; margin:0 0 12px; font-family:var(--font-serif); font-weight:650; letter-spacing:-.02em; }
.lp-hero .lp-sub { color:var(--muted); font-size:16px; margin:0; max-width:640px; }

.lp-body { padding:40px 6% 24px; }
.lp-body h2 { font-size:clamp(19px,3vw,24px); margin:34px 0 10px; letter-spacing:-.01em; }
.lp-body h2:first-child { margin-top:0; }
.lp-body p  { color:var(--text); font-size:15px; margin:0 0 14px; }
.lp-body .muted { color:var(--muted); }
.lp-body ul { padding-left:22px; margin:0 0 14px; }
.lp-body li { font-size:15px; margin-bottom:8px; }
.lp-en { border-top:1px dashed var(--border); margin-top:36px; padding-top:28px; }
.lp-en h2:first-child { margin-top:0; }

.lp-highlight {
  background:var(--accent-bg); border:1px solid rgba(81,122,75,.25); border-radius:14px;
  padding:16px 20px; margin:18px 0; font-size:14.5px;
}

.lp-cta-row { display:flex; gap:12px; flex-wrap:wrap; margin:26px 0 8px; }
.lp-btn {
  display:inline-block; padding:14px 26px; border-radius:13px; text-decoration:none;
  font-weight:700; font-size:15px; transition:transform .15s;
}
.lp-btn:hover { transform:translateY(-1px); }
.lp-btn-primary { background:var(--text); color:white; }
.lp-btn-ghost   { background:white; color:var(--text); border:1px solid var(--border); }

.lp-draft {
  background:var(--err-bg); border:1px solid var(--err-border); color:var(--err-text);
  border-radius:12px; padding:12px 16px; font-size:13.5px; font-weight:600; margin:0 0 24px;
}

.lp-footer {
  margin-top:48px; padding:28px 6%; background:var(--text); color:rgba(255,255,255,.85);
  font-size:13px; line-height:1.8;
}
.lp-footer-inner { max-width:820px; margin:0 auto; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.lp-footer a { color:#E0B84C; text-decoration:none; }
.lp-footer a:hover { text-decoration:underline; }
.lp-disclaimer { max-width:820px; margin:14px auto 0; font-size:11.5px; color:rgba(255,255,255,.6); }

@media (max-width:700px) {
  .lp-nav { flex-wrap:wrap; }
  .lp-hero { padding:36px 6% 30px; }
  .lp-cta-row .lp-btn { width:100%; text-align:center; }
}