/* Gramuscle legal pages (privacy, terms, delete-account). Same tokens and fonts as the landing page. */

@font-face { font-family: Fredoka; src: url("/fonts/Fredoka-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: Fredoka; src: url("/fonts/Fredoka-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: Nunito; src: url("/fonts/Nunito-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: Nunito; src: url("/fonts/Nunito-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }

:root { color-scheme: dark; }
*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0;
  background: #0D121C;
  color: #C9D2E3;
  font: 500 17px/1.65 Nunito, "Trebuchet MS", "Segoe UI", sans-serif;
  -webkit-text-size-adjust: 100%;
}
main { max-width: calc(65ch + 44px); margin: 0 auto; padding: 24px 22px 72px; }
h1, h2 { font-family: Fredoka, "Trebuchet MS", sans-serif; font-weight: 700; color: #F4F7FB; line-height: 1.15; }
h1 { font-size: 38px; margin: 28px 0 6px; }
h2 { font-size: 21px; font-weight: 600; margin: 36px 0 6px; padding-top: 18px; border-top: 1px solid #1C2740; }
p, li { overflow-wrap: anywhere; }
a { color: #C8F560; text-underline-offset: 3px; }
a:hover { color: #E2FF9A; }
a:focus-visible { outline: 2px solid #C8F560; outline-offset: 3px; border-radius: 4px; }
.meta { color: #9AA8C4; font-size: 15px; font-weight: 700; margin: 0; }
.back { margin: 0; font-family: Fredoka, "Trebuchet MS", sans-serif; font-weight: 700; font-size: 20px; }
.back a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; color: #F4F7FB; }
.back a::before { content: ""; width: 26px; height: 12px; border-radius: 6px; background: #C8F560; margin-right: 10px; }
.back a:hover { color: #C8F560; }
.lead { font-size: 18px; color: #F4F7FB; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
li::marker { color: #C8F560; }
@media (max-width: 359px) { main { padding-left: 16px; padding-right: 16px; } h1 { font-size: 32px; } }