/* Legal pages share the homepage's colors, typography, header, and footer. */
.legal-heading {
  padding: 44px 0 58px;
  border-bottom: 1px solid var(--line);
}
.back-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 44px;
  font-size: 13px;
  text-decoration: none;
}
.back-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.legal-heading .eyebrow { margin-bottom: 18px; }
.legal-heading h1 { font-size: clamp(48px, 7vw, 90px); }
.effective { margin-top: 25px; font-size: 13px; }
.legal-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 760px);
  justify-content: space-between;
  gap: 75px;
  padding: 55px 0 75px;
}
.legal-sidebar { align-self: start; position: sticky; top: 30px; }
.legal-navigation { display: grid; gap: 8px; }
.legal-navigation a {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 15px 17px;
  border: 1px solid var(--line);
  border-radius: 5px;
  font-size: 14px;
  text-decoration: none;
}
.legal-navigation a[aria-current="page"] { background: #e9eddd; border-color: #cbd6bb; }
.legal-navigation a:hover { background: #e9eddd; }
.contents { display: grid; gap: 11px; margin-top: 38px; }
.contents .eyebrow { margin: 0 0 6px; font-size: 11px; }
.contents a { font-size: 13px; line-height: 1.45; color: var(--muted); text-decoration: none; }
.contents a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
.legal-help { margin-top: 35px; padding-top: 23px; border-top: 1px solid var(--line); }
.legal-help p, .legal-help a { font-size: 13px; }
.legal-help a { display: inline-block; margin-top: 8px; text-underline-offset: 4px; }
.legal-copy { min-width: 0; }
.legal-copy > p:first-child { font-size: 21px; line-height: 1.65; color: var(--ink); }
.legal-copy h2 { margin: 43px 0 16px; font-size: 31px; line-height: 1.2; letter-spacing: -.035em; scroll-margin-top: 30px; }
.legal-copy p { font-size: 16px; line-height: 1.85; }
.legal-copy p + p { margin-top: 17px; }
.legal-copy strong { font-weight: 600; color: var(--ink); }
.legal-copy a { color: var(--ink); text-underline-offset: 4px; }
.legal-next { display: flex; align-items: center; justify-content: space-between; gap: 25px; background: #e8ede1; padding: 32px 35px; border-radius: 6px; margin-bottom: 35px; }
.legal-next p { font-family: Georgia, serif; font-size: 25px; font-style: italic; color: var(--ink); }
@media (max-width: 1000px) {
  .legal-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 45px; }
}
@media (max-width: 800px) {
  .legal-heading { padding-top: 24px; padding-bottom: 38px; }
  .legal-layout { grid-template-columns: 1fr; gap: 34px; padding-top: 30px; padding-bottom: 45px; }
  .legal-sidebar { position: static; }
  .legal-navigation { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contents, .legal-help { display: none; }
  .legal-copy { max-width: 720px; }
  .legal-copy > p:first-child { font-size: 20px; }
  .legal-next { padding: 25px; }
}
@media (max-width: 520px) {
  .legal-page .header > .button { display: none; }
  .back-link { margin-bottom: 30px; }
  .legal-heading h1 { font-size: 49px; }
  .legal-heading .eyebrow { font-size: 11px; }
  .legal-navigation a { padding: 13px 10px; gap: 6px; font-size: 12px; }
  .legal-copy > p:first-child { font-size: 19px; }
  .legal-copy h2 { font-size: 28px; margin-top: 35px; }
  .legal-copy p { line-height: 1.75; }
  .legal-next { align-items: flex-start; flex-direction: column; gap: 15px; }
  .legal-next p { font-size: 23px; }
}