/* Template: legal (from mockup privacy.html) */
.legal-head h1 { font-size: clamp(2.2rem, 1.2rem + 3.4vw, 3.8rem); font-stretch: 122%; letter-spacing: -0.04em; margin: 0.8rem 0 1rem; }
.legal-layout { display: grid; grid-template-columns: 17rem minmax(0, 1fr); gap: clamp(2rem, 1rem + 4vw, 5rem); padding-block: clamp(2.5rem, 2rem + 3vw, 4rem) var(--section); }
.legal-body { max-width: 42rem; }
.legal-body h2 { margin-top: 2em; }
.legal-body h2:first-child { margin-top: 0; }
@media (max-width: 900px) { .legal-layout { grid-template-columns: minmax(0, 1fr); } }