/* Privacy Policy & Terms pages (extends styles.css) */
.legal { padding: calc(var(--nav-h) + 56px) 0 96px; background: linear-gradient(180deg, var(--cream) 0, #fff 360px); }
.legal-wrap { max-width: 820px; }
.legal-head h1 { font-size: clamp(2rem, 4.4vw, 3rem); font-weight: 800; }
.legal-head p { margin-top: 10px; color: var(--muted); font-size: 14.5px; }
.legal-summary { margin: 32px 0 40px; padding: 24px 26px; border-radius: var(--radius-lg); background: var(--blue-50); border: 1px solid #d6e2fb; }
.legal-summary h2 { font-size: 1.1rem; display: flex; gap: 10px; align-items: center; margin-bottom: 12px; }
.legal-summary h2 i { color: var(--blue); }
.legal-summary ul { display: grid; gap: 8px; }
.legal-summary li { position: relative; padding-left: 28px; color: var(--ink); }
.legal-summary li::before { content: "\f00c"; font: 900 10px "Font Awesome 6 Free"; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; background: var(--blue); color: #fff; }
.legal-body h2 { font-size: 1.25rem; margin: 36px 0 12px; }
.legal-body p { margin-bottom: 12px; }
.legal-body ul { display: grid; gap: 8px; margin: 0 0 12px; }
.legal-body li { position: relative; padding-left: 20px; }
.legal-body li::before { content: ""; position: absolute; left: 4px; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--amber-600); }
.legal-body a { color: var(--blue); font-weight: 600; }
.legal-body a:hover { text-decoration: underline; }
.legal-body strong { color: var(--ink); }
.legal-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 12px 0 16px; padding: 20px 22px; border-radius: var(--radius); background: var(--cream); }
.legal-contact p { margin: 0; }
.legal-contact i { width: 18px; color: var(--blue); margin-right: 4px; }
@media (max-width: 600px) { .legal-contact { grid-template-columns: 1fr; } }