/* Styles for the terms pages (terms/index.html and each language's) (a separate file: the Content-Security-Policy forbids inline styles) */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
  --bg: #FFF4F8; --ink: #2B1B3A; --muted: #8A6F99; --card: #FFFFFF;
  --blush: #F3D5E3; --pink: #FF5FA2; --pink-deep: #D63F82; --mint: #C9F7D8; --sky: #D9F2FF;
  --bubble: 20px 20px 20px 6px;
}
html, body { background: var(--bg); color: var(--ink); }
body { font-family: Rubik, system-ui, -apple-system, sans-serif; font-size: 16px; line-height: 1.55; overflow-x: hidden; }
body::before, body::after { content: ''; position: fixed; border-radius: 50%; z-index: -1; pointer-events: none; }
body::before { width: 340px; height: 340px; background: #FFD6E8; top: -150px; right: -120px; }
body::after { width: 260px; height: 260px; background: var(--sky); bottom: -90px; left: -120px; }
.page { max-width: 680px; margin: 0 auto; padding: 16px 16px 48px; }
.brand {
  display: block; width: fit-content; text-decoration: none;
  font-family: 'Bagel Fat One', Rubik, sans-serif; font-size: 34px; line-height: 1; color: var(--ink);
}
.brand span { color: var(--pink); }
h1 { font-family: 'Bagel Fat One', Rubik, sans-serif; font-weight: 400; font-size: 32px; line-height: 1.1; margin: 28px 0 6px; }
.updated { color: var(--muted); font-size: 14px; }
.tldr {
  background: var(--mint); border-radius: var(--bubble); padding: 14px 18px; margin: 20px 0 8px;
  box-shadow: 0 3px 0 #7FD69C;
}
section { background: var(--card); border-radius: 22px; padding: 18px 20px; margin-top: 14px; box-shadow: 0 3px 0 var(--blush); }
h2 { font-size: 18px; font-weight: 600; margin-bottom: 6px; }
p + p, p + ul, ul + p { margin-top: 8px; }
ul { padding-left: 20px; }
li + li { margin-top: 4px; }
a { color: var(--pink-deep); font-weight: 500; }
.back {
  display: inline-block; margin-top: 24px; background: var(--pink); color: #fff; text-decoration: none;
  font-weight: 600; padding: 12px 22px; border-radius: 999px; box-shadow: 0 4px 0 var(--pink-deep);
}
.back:active { transform: translateY(4px); box-shadow: 0 0 0 var(--pink-deep); }