/* Gatsbee — privacy notice (and any future legal page)
   Loaded after gatsbee.css. Same tokens: midnight hero, powder body. */

.legal-hero{padding:clamp(56px,7vw,96px) 0 clamp(48px,5vw,72px)}
.legal-hero h1{margin-bottom:20px}
.legal-date{font-size:15px;color:var(--on-dark-soft)}

.legal-body{padding-top:clamp(48px,6vw,88px)}
.legal{max-width:760px;border-top:2px solid var(--ink)}
.legal-item{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:12px 40px;padding:28px 0;border-bottom:1px solid var(--line-light)}
.legal-item h2{font-size:20px;font-stretch:110%;line-height:1.25;letter-spacing:-.01em}
.legal-item p{color:var(--ink-soft);font-size:17px;max-width:62ch}
.legal-item a{color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--gold)}
.legal-item a:hover{border-color:var(--ink)}

@media (max-width:700px){
  .legal-item{grid-template-columns:1fr}
}