/* Shared style for the public pages (terms, privacy, child safety, account deletion). */
@font-face { font-family: "Varela Round"; src: url("fonts/VarelaRound-Regular.ttf") format("truetype"); font-display: swap; }
:root {
  --sky-top: #e6f2ff; --sky-bottom: #9cc6f2; --bar-top: #8cc0ff; --bar-bottom: #2466c9;
  --body: #ffffff; --border: #6b9ad8; --text: #16304f; --muted: #557092; --accent: #2466c9;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --sky-top: #0d1b2e; --sky-bottom: #1b3558; --body: #13233a; --border: #3c6aa8; --text: #e4efff; --muted: #9db6d6; --accent: #8cc0ff; }
}
:root[data-theme="dark"] { --sky-top: #0d1b2e; --sky-bottom: #1b3558; --body: #13233a; --border: #3c6aa8; --text: #e4efff; --muted: #9db6d6; --accent: #8cc0ff; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  min-height: 100vh; padding: 24px 16px 40px; color: var(--text);
  background: linear-gradient(var(--sky-top), var(--sky-bottom)) fixed;
  font-family: "Varela Round", system-ui, sans-serif; line-height: 1.55;
}
.window { max-width: 760px; margin: 0 auto; background: var(--body); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(20, 60, 120, .25); }
.bar { padding: 10px 16px; color: #fff; font-weight: bold; background: linear-gradient(var(--bar-top), var(--bar-bottom)); display: flex; justify-content: space-between; gap: 12px; }
.bar a { color: #fff; text-decoration: none; opacity: .9; font-weight: normal; }
main { padding: 8px 22px 26px; }
h1 { font-size: 28px; margin: 18px 0 4px; }
h2 { font-size: 19px; margin: 26px 0 6px; }
p, li { font-size: 16px; }
ul { padding-left: 22px; }
a { color: var(--accent); }
.meta { color: var(--muted); font-size: 14px; margin: 0 0 12px; }
.note { border-left: 4px solid var(--accent); padding: 8px 12px; background: rgba(36, 102, 201, .08); border-radius: 6px; }
footer { max-width: 760px; margin: 16px auto 0; text-align: center; color: var(--muted); font-size: 13px; }
footer a { color: inherit; margin: 0 6px; }