/* kea: the privacy page and the 404 page. Loaded after site.css, which holds the
   tokens, fonts, nav, buttons and footer these pages share with the homepage. */

/* ---------- privacy ---------- */

.page { padding: 40px var(--gutter) var(--space-24); }

/* a narrow column so lines stay readable */
.legal { max-width: 640px; margin: 0 auto; }

.legal-head { margin-bottom: var(--space-8); }
.legal-mark { width: 40px; height: 26px; color: var(--trail); margin-bottom: var(--space-6); }
.legal h1 { font-size: 64px; }
.legal-date { margin-top: var(--space-3); font-size: 15px; font-weight: 500; color: var(--ink-muted); }

.legal h2 { margin-top: var(--space-12); font-size: 32px; }
.legal p,
.legal li { font-size: 17px; line-height: 1.6; }
.legal p { margin-top: var(--space-4); }
.legal ul { margin: var(--space-4) 0 0; padding-left: 1.25em; }
.legal li + li { margin-top: var(--space-2); }
.legal li::marker { color: var(--trail); }
.legal a { text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
.legal a:hover { text-decoration-color: var(--trail); }

/* the short version, a soft card at the top */
.legal-card {
  margin-bottom: var(--space-8);
  padding: 28px 32px 30px;
  border-radius: var(--radius-lg);
  background: var(--sky-soft);
}
.legal-card h2 { margin-top: 0; font-size: 26px; }
.legal-card p { margin-top: var(--space-3); font-size: 18px; line-height: 1.55; font-weight: 500; }

/* the footer link for the page you're on */
.foot a[aria-current="page"] { text-decoration-color: var(--trail); }

/* ---------- 404: the bird lost in the alps ---------- */

.lost { text-align: center; }
.lost-main { padding: 48px var(--gutter) 0; }
.lost-main .kea-btn { margin-top: 32px; }
.land-lost { height: clamp(240px, 40vw, 580px); margin-top: 8px; }
.lost-q { font-family: var(--font-display); font-size: 52px; }

/* ---------- phones ---------- */

@media (max-width: 860px) {
  .page { padding-top: 16px; }
  .legal h1 { font-size: clamp(42px, 7vw, 56px); }
  .legal h2 { margin-top: 40px; font-size: 28px; }
  .legal-card { padding: 22px 22px 24px; }
  .legal-card h2 { margin-top: 0; font-size: 24px; }
  .lost-main { padding-top: 24px; }
}

/* about page ("why a bird?"), moved off the homepage */
.about-page { padding-top: clamp(32px, 6vw, 72px); }
.about-page h1.h-section { margin-top: 0; }
.about-cta { margin-top: 28px; }