/* =============================================================
   SkiAllDay — legal documents (/privacy)
   Loaded after resort.css. A policy is a numbered document that
   somebody has to be able to read end to end, so it gets one
   measure, generous leading and nothing else.
   ============================================================= */

.legal-updated {
  margin: 18px 0 0; font-family: var(--sans); font-size: 0.8125rem; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; color: var(--ink-soft);
}

.legal { max-width: var(--measure); padding-bottom: 20px; }
.legal > p:first-child { font-size: 1.125rem; line-height: 1.6; }

/* The headings carry their own numbers ("1. Summary"), which are referenced by
   number in the text and in the App Store listing, so this document does not
   use the counter that numbers a resort guide's sections. */
.legal section {
  padding: clamp(28px, 4vw, 40px) 0 0;
  border-top: 1px solid var(--rule);
  margin-top: clamp(28px, 4vw, 40px);
}
.legal section:first-of-type { border-top: 0; margin-top: 22px; padding-top: 0; }

.legal h2 {
  font-family: var(--serif); font-weight: 400; font-size: clamp(1.4rem, 2.6vw, 1.75rem);
  letter-spacing: -0.02em; line-height: 1.2; margin: 0 0 16px;
}
.legal h3 {
  font-family: var(--serif); font-weight: 600; font-size: 1.0625rem;
  margin: 28px 0 10px;
}
.legal p { margin: 0 0 16px; }
.legal ul { margin: 0 0 18px; padding-left: 20px; }
.legal li { margin-bottom: 9px; }
.legal li::marker { color: var(--ink-soft); }
.legal strong { font-weight: 600; }
.legal address { font-style: normal; }