/* ============================================================
   Maa Sri Lalitha Tripura Sundari — Sri Vidya knowledge pages
   Shared styling for the added universal pages. Self-contained,
   matched to the temple's warm cream / maroon / gold palette.
   ============================================================ */
.svp-page{
  --cream:#fdf4e1; --cream-2:#f8e8c8; --maroon:#7c1f08; --maroon-2:#9e2a0e;
  --gold:#c2871d; --gold-soft:#e0b35e; --ink:#54463a; --line:rgba(124,31,8,.14);
  --band:#a8200f; --band-2:#7c1304;
  background:linear-gradient(180deg,var(--cream),#fbeed3 60%,var(--cream));
  color:var(--ink);
  font-family:'Montserrat','Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow:hidden;
}
.svp-page *{box-sizing:border-box}
.svp-wrap{max-width:1180px;margin:0 auto;padding:0 22px}

/* ---- page hero / title band ---- */
.svp-hero{position:relative;text-align:center;padding:clamp(48px,8vw,92px) 22px clamp(34px,5vw,56px);overflow:hidden}
.svp-hero .svp-yantra{position:absolute;top:50%;left:50%;width:min(560px,90vw);height:min(560px,90vw);
  transform:translate(-50%,-50%);opacity:.06;color:var(--maroon);pointer-events:none}
.svp-eyebrow{position:relative;z-index:1;display:inline-flex;align-items:center;gap:14px;margin:0 0 16px;
  font-size:clamp(.7rem,1.4vw,.82rem);font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}
.svp-eyebrow::before,.svp-eyebrow::after{content:"";width:32px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft))}
.svp-eyebrow::after{transform:scaleX(-1)}
.svp-title{position:relative;z-index:1;margin:0 0 18px;font-family:'Sahitya','Sahitya Regular',Georgia,serif;
  font-weight:700;color:var(--maroon);line-height:1.08;font-size:clamp(2rem,5.2vw,3.5rem)}
.svp-title .om{color:var(--gold)}
.svp-lead{position:relative;z-index:1;max-width:60ch;margin:0 auto;font-size:clamp(1.02rem,1.5vw,1.16rem);
  line-height:1.85;color:#5e4d3d}
.svp-lead strong{color:var(--maroon);font-weight:700}

/* ---- content sections ---- */
.svp-section{padding:clamp(20px,3vw,30px) 0}
.svp-h2{font-family:'Sahitya',Georgia,serif;color:var(--maroon);font-weight:700;text-align:center;
  font-size:clamp(1.5rem,3.4vw,2.1rem);margin:0 0 8px}
.svp-sub{text-align:center;max-width:64ch;margin:0 auto clamp(24px,3vw,36px);color:#6a5848;line-height:1.8;font-size:1.02rem}
.svp-prose{max-width:74ch;margin:0 auto;line-height:1.9;font-size:1.04rem;color:#5a4a3b}
.svp-prose p{margin:0 0 1.1em}
.svp-prose .svp-term{color:var(--gold);font-weight:700;font-style:italic}
.svp-rule{display:block;width:90px;height:2px;margin:30px auto;border:0;
  background:linear-gradient(90deg,transparent,var(--gold-soft),transparent)}

/* ---- card grid (deities / texts) ---- */
.svp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin:8px 0}
.svp-card{background:#fffaf0;border:1px solid var(--line);border-radius:16px;padding:26px 24px;
  box-shadow:0 10px 30px rgba(124,31,8,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.svp-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(124,31,8,.13);border-color:var(--gold-soft)}
.svp-card__glyph{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px;
  font-size:1.2rem;color:var(--maroon);background:radial-gradient(circle at 50% 35%,var(--cream-2),#f0d49a);
  border:1px solid var(--gold-soft)}
.svp-card h3{margin:0 0 4px;font-family:'Sahitya',Georgia,serif;color:var(--maroon);font-size:1.24rem;line-height:1.25}
.svp-card .svp-card__role{display:block;margin:0 0 10px;font-size:.74rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold)}
.svp-card p{margin:0;font-size:.99rem;line-height:1.72;color:#5a4a3b}

/* ---- numbered enclosure list (Navavarana) ---- */
.svp-steps{max-width:820px;margin:0 auto;list-style:none;padding:0;counter-reset:av;display:grid;gap:14px}
.svp-steps li{position:relative;background:#fffaf0;border:1px solid var(--line);border-radius:14px;
  padding:18px 22px 18px 76px;box-shadow:0 8px 22px rgba(124,31,8,.05)}
.svp-steps li::before{counter-increment:av;content:counter(av);position:absolute;left:18px;top:50%;transform:translateY(-50%);
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-family:'Sahitya',serif;font-size:1.1rem;
  color:#fff;background:radial-gradient(circle at 50% 30%,var(--maroon-2),var(--maroon))}
.svp-steps h4{margin:0 0 3px;font-family:'Sahitya',Georgia,serif;color:var(--maroon);font-size:1.1rem}
.svp-steps .svp-skt{color:var(--gold);font-weight:700;font-style:italic}
.svp-steps p{margin:0;font-size:.96rem;line-height:1.65;color:#5a4a3b}

/* ---- name list (nitya devis) ---- */
.svp-names{max-width:880px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:0;list-style:none}
.svp-names li{background:#fffaf0;border:1px solid var(--line);border-radius:999px;padding:11px 18px;
  font-size:.96rem;color:var(--maroon);display:flex;align-items:center;gap:10px}
.svp-names li b{color:var(--gold);font-family:'Sahitya',serif;font-weight:700;min-width:1.6em}

/* ---- closing band ---- */
.svp-band{position:relative;margin:clamp(34px,5vw,56px) auto 0;max-width:1180px;border-radius:22px;overflow:hidden;
  text-align:center;padding:clamp(34px,5vw,54px) 26px;color:#ffe9c4;
  background:radial-gradient(120% 140% at 50% 0%,var(--band-2),var(--band))}
.svp-band__sri{font-family:'Sahitya',serif;color:var(--gold-soft);font-size:1.7rem;display:block;margin-bottom:6px}
.svp-band h3{margin:0 0 12px;font-family:'Sahitya',Georgia,serif;color:#fff;font-size:clamp(1.4rem,3vw,1.9rem)}
.svp-band p{max-width:64ch;margin:0 auto 22px;line-height:1.8;font-size:1.02rem;color:#ffe9c4}
.svp-cta{display:inline-block;background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#3a1402;
  font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;text-decoration:none;
  padding:14px 30px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease}
.svp-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.28)}

/* featured card (Maa Tripura Sundari among the Ten Maha Vidya) */
.svp-card--featured{background:linear-gradient(180deg,#fff6df,#fcecc8);border-color:var(--gold);box-shadow:0 18px 44px rgba(194,135,29,.22)}
.svp-card--featured .svp-card__glyph{background:radial-gradient(circle at 50% 35%,#f3d488,#dcab4d);border-color:var(--maroon);color:var(--maroon)}
.svp-card--featured .svp-badge{display:inline-block;margin-top:12px;font-size:.66rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:linear-gradient(180deg,var(--maroon-2),var(--maroon));padding:5px 12px;border-radius:999px}

@media (max-width:600px){ .svp-hero .svp-yantra{opacity:.05} .svp-steps li{padding-left:70px} }