/* MASPIK shared layer - typography reset and layout primitives.
   Loaded by every custom template. These used to live in home.css, which
   meant pages that do not load home.css (the subscriber dashboard) lost
   .mspk-sec entirely and rendered flush against the left edge. */

#mspk{
  font-family:var(--mspk-bd);
  color:var(--mspk-ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  container-type:inline-size;
}


/* ---------- local reset (Elementor-proof) ---------- */
#mspk *,#mspk *::before,#mspk *::after{box-sizing:border-box;}
#mspk h2,#mspk h3,#mspk h4,#mspk p,#mspk ul,#mspk li,#mspk figure{margin:0;padding:0;}
#mspk ul{list-style:none;}
#mspk a{text-decoration:none;color:inherit;}
#mspk button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
#mspk table{border-collapse:collapse;width:100%;}
#mspk img,#mspk svg{max-width:100%;}

/* ---------- shared bits ---------- */
#mspk .mspk-sec{margin:0 auto;max-width:1200px;padding:0 16px;}
#mspk .mspk-sec + .mspk-sec{margin-top:clamp(48px,7vw,88px);}
#mspk .mspk-h2{
  font-family:var(--mspk-hd);font-weight:700;line-height:1.08;
  font-size:clamp(30px,4.6vw,52px);letter-spacing:-.01em;color:var(--mspk-ink);
}
#mspk .mspk-lede{
  margin-top:14px;max-width:62ch;font-size:clamp(15px,1.5vw,17.5px);color:var(--mspk-muted);
}
#mspk .mspk-center{text-align:center;}
#mspk .mspk-center .mspk-lede{margin-left:auto;margin-right:auto;}

@media (min-width:1200px){
  #mspk .mspk-sec{max-width:1400px;padding:0 28px;}
  #mspk .mspk-lede{font-size:18px;max-width:70ch;}
}

@media (min-width:1600px){
  #mspk .mspk-sec{max-width:1560px;}
}