/* Privacy Policy and Terms pages (src/pages/privacy.html, src/pages/terms.html). Owned by Builder D. */
.legal{display:grid;grid-template-columns:minmax(0,300px) minmax(0,72ch);gap:var(--sp-6) clamp(48px,7vw,112px);align-items:start}
.legal .prose > h2:first-child{margin-top:0}
.legal-aside{position:sticky;top:calc(var(--header-h) + var(--sp-5));background:var(--mist);border-left:3px solid var(--orange);border-radius:0 var(--r-md) var(--r-md) 0;padding:var(--sp-5) var(--sp-5) var(--sp-4)}
.legal-aside h2{font-family:var(--f-label);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:var(--sp-3)}
.legal-aside ul{list-style:none}
.legal-aside li{position:relative;padding:var(--sp-2) 0 var(--sp-2) 18px;font-size:15.5px;line-height:1.5;color:var(--text-2)}
.legal-aside li + li{border-top:1px solid var(--mist-line)}
.legal-aside li::before{content:"";position:absolute;left:0;top:calc(var(--sp-2) + .62em);width:7px;height:7px;border-radius:50%;background:var(--green)}
.legal-aside .legal-contact{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:2px solid var(--text);font-size:15px;line-height:1.6}
.legal-aside .legal-contact a{display:inline-flex;align-items:center;min-height:44px;color:var(--text);font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.legal-aside .legal-contact a:hover{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.page-hero .updated{margin-top:var(--sp-5);font-family:var(--f-label);font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-2)}

@media (max-width:900px){
  .legal{grid-template-columns:minmax(0,1fr)}
  .legal-aside{position:static}
}