/* legal.css - Terms of Service and Privacy Policy. Uses the shared header and footer from design.css. */
.legal { max-width: 860px; padding-top: 48px; padding-bottom: var(--s); }
.legal .back { display: inline-block; margin-bottom: 20px; color: var(--ac); font-weight: 700; }
.legal .back:hover { text-decoration: underline; }
.legal-card { background: var(--white); border: 1px solid var(--line); border-radius: var(--r); padding: clamp(24px, 5vw, 48px); }
.legal-card h1 { margin-bottom: 12px; font-size: clamp(1.8rem, 3vw, 2.4rem); }
.legal-card .lead { color: var(--mut); font-size: 1.05rem; }
.legal-card h2 { margin: 32px 0 8px; font-size: 1.2rem; }
.legal-card p { color: var(--mut); }