/* ezhometour.com/privacy and /terms: long-form reading pages. Builds on tokens.css and site.css. */

.legal { padding: 72px 0 96px; }
.legal-in { max-width: 720px; }
.legal .kick { margin-bottom: 14px; }
.legal h1 { font: 700 44px/1.08 var(--font); letter-spacing: -0.035em; text-wrap: balance; }
.legal-meta { color: var(--text-3); font-size: 14.5px; margin-top: 12px; }
.legal-lede { color: var(--text-2); font-size: 17.5px; margin-top: var(--s5); max-width: 60ch; }

.legal-toc {
  margin: var(--s6) 0 0; padding: var(--s5) var(--s5) var(--s5) 44px; border-radius: var(--r-lg);
  background: var(--surface); border: 1px solid var(--hairline); box-shadow: var(--edge);
  columns: 2; column-gap: var(--s6); color: var(--text-2); font-size: 14.5px;
}
.legal-toc li { break-inside: avoid; padding: 3px 0; }
.legal-toc a:hover { color: var(--text); }

.legal section { padding-top: var(--s7); scroll-margin-top: 84px; }
.legal h2 { font: 650 22px/1.3 var(--font); letter-spacing: -0.015em; margin-bottom: var(--s3); }
.legal p, .legal li { color: var(--text-2); font-size: 16px; line-height: 1.65; }
.legal p + p, .legal p + ul, .legal ul + p { margin-top: var(--s3); }
.legal section ul { margin: var(--s3) 0 0; padding-left: 22px; }
.legal section li + li { margin-top: 6px; }
.legal strong { color: var(--text); font-weight: 600; }
.legal a.inl { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(232, 96, 74, 0.45); }
.legal a.inl:hover { text-decoration-color: currentColor; }
.legal-foot { margin-top: var(--s8); padding-top: var(--s5); border-top: 1px solid var(--hairline); color: var(--text-3); font-size: 14.5px; }

@media (max-width: 560px) {
  .legal { padding: 40px 0 64px; }
  .legal h1 { font-size: 34px; }
  .legal-toc { columns: 1; }
  .legal section { padding-top: var(--s6); }
}