/* Privacy Policy and Terms of Use (every language). Shares the site's nav
   bar and footer (styles.css); this styles the title band and the text. */
.policy-hero {
  background: var(--green);
  color: var(--cream);
  padding: 40px 32px 44px;
}
.policy-hero h1,
.policy-hero p {
  max-width: 672px;
  margin: 0 auto;
}
.policy-hero h1 { font-size: clamp(32px, 5vw, 48px); color: var(--cream); }
.policy-hero p { margin-top: 8px; color: var(--on-green); font-size: 14px; }
main {
  max-width: 720px;
  margin: 0 auto;
  padding: 32px 24px 80px;
}
main h2 { font-size: 24px; margin-top: 36px; margin-bottom: 8px; color: var(--green); }
main p, main li { line-height: 1.65; color: var(--text); font-size: 17px; }
main p { margin: 0 0 12px; }
main a { color: var(--green); }
main a:hover { color: var(--link-hover); }
.translation-note {
  background: var(--panel);
  border-radius: 12px;
  padding: 18px 22px;
  font-size: 14px !important;
}
@media (max-width: 760px) {
  .policy-hero { padding: 28px 16px 32px; }
  .policy-hero h1 { font-size: 28px; }
}