.legal{padding-block:clamp(2.5rem,5vw,5rem)}
.legal .wrap{max-width:860px}
.legal h1{font-size:clamp(2.2rem,1.3rem + 3vw,4rem);line-height:1.05;margin:.8rem 0 .6rem}
.legal .sub{color:var(--muted);font-size:.95rem;max-width:64ch}
.legal h2{font-size:1.5rem;margin:2.4rem 0 .8rem}
.legal p{color:var(--ink);max-width:70ch}
.legal p+p{margin-top:.8rem}
.legal dl{display:grid;grid-template-columns:max-content 1fr;gap:.55rem 1.6rem;margin:1.2rem 0 0;font-size:.98rem;max-width:70ch}
.legal dt{color:var(--muted);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;padding-top:.25rem}
.legal dd{margin:0}
.legal .todo{color:var(--rose-deep);font-style:italic}
.legal a{text-decoration:underline;text-underline-offset:3px}
.legal .note{margin-top:2.4rem;padding:1.2rem 1.4rem;border:1px solid var(--gold-soft);background:color-mix(in srgb,var(--ivory) 60%,white);font-size:.9rem;color:var(--muted)}
@media (max-width:600px){.legal dl{grid-template-columns:1fr;gap:.2rem .8rem}.legal dt{padding-top:.6rem}}