/* The terms of use and privacy policy pages, matching the live site: title, date and an "on this page" list
   on the left, the text on the right. Text styles are in prose.css.
   Breakpoints: phone < 810px, tablet 810–1439px, desktop >= 1440px. */

.lg { max-width: 1920px; margin: 0 auto; }
.lg-wrap { display: flex; align-items: stretch; gap: 120px; padding: 80px 40px; }
.lg-side { flex: 1 0 0; min-width: 0; display: flex; flex-direction: column; gap: 15px; }
.lg-title { max-width: 600px; font-family: var(--serif); font-weight: 300; font-size: 45.28px; line-height: 1; letter-spacing: -.04em; color: var(--teal); }
.lg-date { max-width: 600px; font-family: var(--serif); font-weight: 300; font-size: 16px; line-height: 19.2px; letter-spacing: -.01em; color: var(--teal); }
.lg-toc { position: sticky; top: 60px; padding: 31px 0 32px; }
.lg-main { flex: 2 0 0; min-width: 0; }
.lg-text { max-width: 640px; }

@media (max-width: 1439px) {
  .lg-wrap { gap: 48px; padding: 80px 32px 80px 24px; }
  .lg-title { font-size: 40px; }
}

@media (max-width: 809px) {
  .lg-wrap { flex-direction: column; gap: 48px; padding: 40px 16px 80px; }
  .lg-title { font-size: 32px; }
  .lg-toc { display: none; }
}