/* legal.css – typography for the policy pages (privacy / terms / refund).
   Loaded after main.css. Reuses main.css tokens; adds only list + heading rhythm
   that the single-page site never needed. */

.legal{
  padding-top:clamp(7rem, 14vh, 9.5rem);
  padding-bottom:var(--space-section);
}

.legal h1{
  font-size:clamp(2.25rem, 4vw + 1rem, 3.6rem);
  margin-bottom:.9rem;
  max-width:var(--col-text);
}

.legal .updated{
  color:var(--muted);
  font-family:var(--mono);
  font-size:.82rem;
  letter-spacing:.04em;
  margin-bottom:clamp(2.2rem,5vh,3rem);
}

.legal h2{
  font-size:clamp(1.35rem, 1.2vw + 1.05rem, 1.75rem);
  margin-top:clamp(2.6rem,6vh,3.4rem);
  margin-bottom:.9rem;
  padding-top:1.6rem;
  border-top:1px solid var(--border);
}
.legal h2:first-of-type{border-top:0;padding-top:0}

.legal h3{
  font-family:var(--sans);
  font-size:1rem;
  font-weight:600;
  color:var(--ink);
  letter-spacing:0;
  margin-top:1.6rem;
  margin-bottom:.5rem;
}

.legal p{max-width:var(--col-text);margin-bottom:1.1rem}

.legal ul{
  max-width:var(--col-text);
  margin:0 0 1.3rem;
  padding-left:0;
  list-style:none;
}
.legal li{
  position:relative;
  padding-left:1.35rem;
  margin-bottom:.55rem;
}
.legal li::before{
  content:"";
  position:absolute;
  left:.25rem;
  top:.72em;
  width:5px;height:5px;border-radius:50%;
  background:var(--accent);
  opacity:.75;
}

.legal a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:var(--hot)}

.legal .identity{
  max-width:var(--col-text);
  border:1px solid var(--border);
  border-radius:12px;
  background:oklch(18.5% 0.008 75 / .6);
  padding:1.25rem 1.4rem;
  margin-bottom:1.4rem;
}
.legal .identity p{margin-bottom:.35rem}
.legal .identity p:last-child{margin-bottom:0}
.legal .identity .mono{font-family:var(--mono);font-size:.9rem;color:var(--text-2)}

.legal .closing{
  max-width:var(--col-text);
  margin-top:clamp(2.6rem,6vh,3.4rem);
  padding-top:1.6rem;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:.95rem;
}

.legal-nav{
  display:flex;gap:1.4rem;flex-wrap:wrap;
  max-width:var(--col-text);
  margin-top:2.2rem;
  font-size:.9rem;
}
.legal-nav a{color:var(--muted);text-decoration:none}
.legal-nav a:hover{color:var(--ink)}
.legal-nav a[aria-current="page"]{color:var(--accent)}

.footer-legal{display:flex;gap:1.1rem;flex-wrap:wrap}
.footer-legal a{color:var(--muted)}
.footer-legal a:hover{color:var(--ink)}