/* =========================================================
   Glow Girls — Legal page typography
   Extends styles.css. Load AFTER styles.css on legal pages.
   ========================================================= */

.legal-hero{
  padding:clamp(120px,16vw,160px) 0 clamp(48px,7vw,72px);
  background:radial-gradient(120% 120% at 20% 0%,#2a2220 0%,var(--dark) 60%);
  text-align:center;
}
.legal-hero .eyebrow{color:var(--rose)}
.legal-hero__updated{
  display:inline-block;margin-top:14px;color:rgba(255,255,255,.6);
  font-size:.85rem;letter-spacing:.3px;
}

.legal{
  padding:clamp(56px,8vw,88px) 0;
  background:var(--white);
}
.legal__wrap{
  max-width:760px;margin-inline:auto;
}
.legal__intro{
  color:var(--ink-2);font-size:1.02rem;margin-bottom:38px;
}
.legal__toc{
  background:var(--cream);border-radius:var(--radius);
  padding:22px 26px;margin-bottom:44px;
}
.legal__toc h2{
  font-size:1rem;font-family:'Montserrat',sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:1.5px;color:var(--ink);margin-bottom:14px;
}
.legal__toc ol{
  list-style:none;display:grid;gap:8px;
  grid-template-columns:repeat(2,1fr);
}
.legal__toc a{
  color:var(--ink-2);font-size:.92rem;transition:color .25s;
}
.legal__toc a:hover{color:var(--rose-deep)}

.legal__section{
  margin-bottom:38px;padding-top:8px;
  scroll-margin-top:100px;
}
.legal__section h2{
  font-size:1.35rem;margin-bottom:14px;color:var(--ink);
  padding-bottom:10px;border-bottom:1px solid var(--line);
}
.legal__section p{
  color:var(--ink-2);margin-bottom:14px;font-size:.98rem;
}
.legal__section ul,
.legal__section ol{
  color:var(--ink-2);font-size:.98rem;margin:0 0 14px 0;padding-left:22px;
}
.legal__section ul{list-style:disc}
.legal__section ol{list-style:decimal}
.legal__section li{margin-bottom:8px}
.legal__section strong{color:var(--ink);font-weight:600}
.legal__section a{color:var(--rose-deep);text-decoration:underline;text-decoration-color:rgba(184,134,11,.35)}
.legal__section a:hover{text-decoration-color:currentColor}

.legal__contact{
  background:var(--cream);border-radius:var(--radius);
  padding:26px 28px;margin-top:8px;
}
.legal__contact p{margin-bottom:6px;color:var(--ink-2);font-size:.95rem}
.legal__contact strong{color:var(--ink)}

.legal__back{
  display:inline-flex;align-items:center;gap:8px;margin-top:48px;
  color:var(--rose-deep);font-weight:600;font-size:.92rem;
}

@media (max-width:640px){
  .legal__toc ol{grid-template-columns:1fr}
}