body { background: #f4f6f9; }

.legal-shell {
  min-height: 100vh;
  padding: 40px 20px 72px;
  font-family: Arial, Helvetica, sans-serif;
  color: #1f2937;
}

.legal-page {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  padding: 46px;
  box-sizing: border-box;
  box-shadow: 0 12px 35px rgba(15, 23, 42, .08);
}

.legal-brand { color: #1a73e8; font-size: 15px; font-weight: 700; margin-bottom: 8px; }
.legal-page h1 { margin: 0 0 8px; font-size: 34px; line-height: 1.15; }
.legal-updated { color: #6b7280; font-size: 14px; margin-bottom: 30px; }
.legal-page h2 { margin: 30px 0 10px; font-size: 20px; color: #111827; }
.legal-page p, .legal-page li { font-size: 15px; line-height: 1.7; color: #374151; }
.legal-page ul { padding-left: 22px; }
.legal-page a { color: #1a73e8; }
.legal-highlight {
  background: #eef5ff;
  border: 1px solid #cfe0ff;
  border-radius: 14px;
  padding: 15px 16px;
  margin: 18px 0;
}
.legal-footer {
  margin-top: 38px;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
  color: #6b7280;
  font-size: 13px;
}

@media (max-width: 700px) {
  .legal-shell { padding: 16px 10px 40px; }
  .legal-page { padding: 28px 20px; border-radius: 18px; }
  .legal-page h1 { font-size: 28px; }
}

/* Shared AMailMe policy navigation */
.legal-layout {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 220px minmax(0, 900px);
  gap: 24px;
  align-items: start;
  justify-content: center;
}

.legal-layout .legal-page {
  max-width: 900px;
  margin: 0;
}

.policy-sidenav {
  position: sticky;
  top: 24px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 14px;
  box-sizing: border-box;
  box-shadow: 0 12px 35px rgba(15, 23, 42, .06);
}

.policy-sidenav__title {
  padding: 7px 9px 11px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.policy-sidenav__nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.policy-sidenav__link {
  display: block;
  padding: 12px 13px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #374151;
  text-decoration: none;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.policy-sidenav__link:hover {
  background: #f8fafc;
  border-color: #e5e7eb;
  color: #111827;
}

.policy-sidenav__link--active,
.policy-sidenav__link--active:hover {
  background: #eef5ff;
  border-color: #cfe0ff;
  color: #1a73e8;
}

.policy-sidenav__label {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

.policy-sidenav__description {
  display: block;
  margin-top: 3px;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.35;
}

.policy-sidenav__link--active .policy-sidenav__description {
  color: #4f6f9e;
}

@media (max-width: 900px) {
  .legal-layout {
    display: block;
    max-width: 900px;
  }

  .policy-sidenav {
    position: static;
    margin: 0 auto 16px;
  }

  .policy-sidenav__nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .policy-sidenav__nav {
    grid-template-columns: 1fr;
  }
}