/* Mint SEO — legal pages (Privacy Policy, Cookie Policy). Shared .legal template. */

.legal { background: #fff; }
.legal__in { max-width: 820px; margin: 0 auto; padding: clamp(44px, 5vw, 72px) 24px clamp(56px, 6vw, 88px); }
.legal__head { border-bottom: 1px solid var(--border); padding-bottom: 24px; margin-bottom: 32px; }
.legal .eyebrow { font-size: 14px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mint-ink); margin: 0 0 12px; }
.legal h1 { margin: 0; font-size: clamp(34px, 4.4vw, 48px); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; color: var(--ink); }
.legal__updated { margin: 14px 0 0; font-size: 15px; color: var(--body); }
.legal__lede { font-size: 18px; line-height: 1.62; color: #33352f; margin: 0 0 8px; }
.legal h2 { margin: 40px 0 14px; font-size: 24px; font-weight: 800; letter-spacing: -0.01em; color: var(--ink); }
.legal h3 { margin: 26px 0 10px; font-size: 18px; font-weight: 800; color: var(--ink); }
.legal p { margin: 0 0 18px; font-size: 16px; line-height: 1.65; color: #33352f; }
.legal a { color: var(--mint-deep); text-decoration: underline; text-underline-offset: 2px; } .legal a:hover { color: var(--mint-ink); }
.legal ul { margin: 0 0 18px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.legal ul li { position: relative; padding-left: 24px; font-size: 16px; line-height: 1.55; color: #33352f; }
.legal ul li::before { content: ""; position: absolute; left: 0; top: 9px; width: 8px; height: 8px; border-radius: 50%; background: var(--mint); }
.legal ul li b { color: var(--ink); font-weight: 800; }
.legal__tablewrap { overflow-x: auto; margin: 6px 0 22px; }
.legal table { width: 100%; border-collapse: collapse; font-size: 15px; }
.legal table thead th { text-align: left; padding: 12px 14px; background: #143b35; color: #fff; font-weight: 800; font-size: 14px; }
.legal table thead th:first-child { border-radius: 8px 0 0 0; } .legal table thead th:last-child { border-radius: 0 8px 0 0; }
.legal table tbody td { padding: 12px 14px; border-bottom: 1px solid var(--border); color: var(--ink); vertical-align: top; }
.legal table tbody tr:nth-child(even) { background: #fafaf8; }
.legal table tbody td:first-child { font-weight: 700; }
.legal__contact { margin-top: 40px; background: var(--mint-tint); border-radius: 16px; padding: 26px 30px; }
.legal__contact h2 { margin: 0 0 8px; } .legal__contact p { margin: 0; }