/* ============================================================
   MILANITY — LEGAL PAGE (Terms of Service)
   Loads after style.css. Nav and footer come from style.css.
   ============================================================ */
.legal-hero{
  position:relative; overflow:hidden; background:var(--ground);
  border-bottom:1px solid var(--rule-soft);
  padding-block:clamp(56px,8vw,104px) clamp(40px,5vw,64px);
}
.legal-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(70% 100% at 80% 0%, rgba(232,120,58,.09), transparent 60%);
}
.legal-hero .wrap{ position:relative; z-index:1; }
.legal-crumb{
  display:flex; flex-wrap:wrap; gap:8px; margin-bottom:22px;
  font-family:var(--mono); font-size:11.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-4);
}
.legal-crumb a{ color:var(--ink-3); text-decoration:none; }
.legal-crumb a:hover{ color:var(--flame); }
.legal-hero h1{ font-size:clamp(36px,5.4vw,68px); font-weight:900; font-stretch:118%; line-height:.98; letter-spacing:-.033em; }
.legal-meta{ margin-top:20px; font-family:var(--mono); font-size:12.5px; color:var(--flame); letter-spacing:.04em; }

.legal-body{ background:var(--ground-2); padding-block:clamp(48px,7vw,96px); }
.legal-doc{ max-width:820px; }
.legal-doc section{ padding-top:34px; margin-top:34px; border-top:1px solid var(--rule-soft); }
.legal-doc section:first-child{ padding-top:0; margin-top:0; border-top:0; }
.legal-doc h2{ font-size:clamp(21px,2.4vw,28px); font-stretch:106%; margin-bottom:16px; }
.legal-doc h3{ font-size:17px; font-stretch:104%; margin:24px 0 8px; color:var(--flame); }
.legal-doc p{ color:var(--ink-2); font-size:16px; line-height:1.7; max-width:72ch; }
.legal-doc p + p{ margin-top:14px; }
.legal-doc a{ color:var(--flame); text-underline-offset:3px; }
.legal-doc a:hover{ color:var(--flame-hot); }
.legal-doc strong{ color:var(--ink); font-weight:600; }
.legal-doc ul{ list-style:none; margin:14px 0 0; padding:0; display:flex; flex-direction:column; gap:9px; }
.legal-doc li{ position:relative; padding-left:18px; color:var(--ink-2); font-size:15.5px; line-height:1.6; }
.legal-doc li::before{ content:""; position:absolute; left:0; top:11px; width:7px; height:1px; background:var(--flame-line); }
.legal-note{
  margin-top:20px; padding:18px 22px; border-left:3px solid var(--flame);
  background:linear-gradient(90deg, var(--flame-dim), transparent 70%);
}
.legal-note p{ font-size:15px; }
.legal-contact{
  margin-top:18px; padding:22px 24px; border:1px solid var(--rule); border-radius:4px; background:var(--panel);
}
.legal-contact p{ font-size:15px; }
.legal-doc section[id]{ scroll-margin-top:90px; }
@media (max-width:600px){
  .legal-doc p{ font-size:15.5px; }
}