/* trwn — legal pages (algemene voorwaarden, privacy)
   Reuses landing/subpage chrome (.site-header, .nav, .btn, .footer, .reveal, .sec-head).
   Only the long-form legal text layout lives here. */

.legal-hero { padding-top: calc(var(--sec-y) + 46px); }
.legal-meta {
  font-family: var(--font-sans); font-size: 0.82rem; letter-spacing: 0.04em;
  color: var(--trwn-light-gray); margin-top: 16px;
}

.legal-body { max-width: 760px; margin: clamp(36px, 5vw, 60px) auto 0; }
.legal-body h2 {
  font-family: var(--font-serif); font-weight: 500; font-size: clamp(1.35rem, 2vw, 1.6rem);
  line-height: 1.25; color: var(--trwn-charcoal);
  margin: clamp(36px, 4vw, 52px) 0 16px;
}
.legal-body h2:first-child { margin-top: 0; }
.legal-body p,
.legal-body li,
.legal-body address {
  font-family: var(--font-marketing-sans); font-weight: 300;
  font-size: 0.98rem; line-height: 1.75; color: rgba(45, 41, 38, 0.72);
}
.legal-body p + p { margin-top: 10px; }
.legal-body address { font-style: normal; }
.legal-body ol {
  list-style: decimal; padding-left: 1.5em;
  display: flex; flex-direction: column; gap: 10px;
}
.legal-body ol ul {
  list-style: disc; padding-left: 1.3em; margin-top: 8px;
  display: flex; flex-direction: column; gap: 6px;
}
.legal-body li::marker { color: var(--trwn-blush); font-family: var(--font-sans); font-size: 0.9em; }
.legal-body a { color: var(--trwn-blush); text-decoration: none; }
.legal-body a:hover { text-decoration: underline; }
.legal-body strong { font-weight: 600; color: var(--trwn-charcoal); }

.legal-outro {
  margin-top: clamp(40px, 5vw, 60px); padding-top: 28px;
  border-top: 1px solid var(--trwn-sand-pale);
}