/* Moonpuddle's support and privacy pages: the app's night sky, its title font, easy reading. */
@font-face { font-family: "Baloo"; src: url("baloo.ttf") format("truetype"); font-weight: 800; font-display: swap; }
:root { --ink: #2B2440; --soft: #5B5575; --link: #1F7FD6; --card: #FFFFFF; --page: #EEF4FF; --line: #DCE6F7; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--page); color: var(--ink); font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Arabic", sans-serif; }
header {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 16px 72px;
  background: radial-gradient(120% 140% at 50% 0%, #6A72CC 0%, #2E3A8E 45%, #141F5C 100%);
}
.brand { display: flex; align-items: center; gap: 12px; color: #FFF1B8; text-decoration: none; }
.brand img { width: 56px; height: 56px; border-radius: 50%; }
.brand span { font: 800 30px/1 "Baloo", system-ui, sans-serif; letter-spacing: 0.5px; text-shadow: 0 0 14px rgba(255, 236, 160, 0.55); }
nav a { color: #DCE4FF; text-decoration: none; font-size: 16px; padding: 6px 12px; border: 1px solid rgba(220, 228, 255, 0.5); border-radius: 999px; }
main { max-width: 760px; margin: -48px auto 0; padding: 0 16px 32px; }
article { background: var(--card); border-radius: 24px; padding: 28px 24px; margin-bottom: 20px; box-shadow: 0 10px 30px rgba(28, 79, 154, 0.12); }
h1 { font: 800 30px/1.2 "Baloo", system-ui, sans-serif; margin: 0 0 4px; }
[dir="rtl"] h1, [dir="rtl"] h2 { font-family: system-ui, "Noto Sans Arabic", sans-serif; font-weight: 700; }
h2 { font-size: 19px; margin: 26px 0 6px; }
.date { color: var(--soft); margin: 0 0 18px; }
.short { background: #F2F8FF; border: 1px solid var(--line); border-radius: 16px; padding: 14px 16px; }
ul { padding-inline-start: 22px; }
li { margin: 6px 0; }
a { color: var(--link); }
footer { text-align: center; color: var(--soft); padding: 0 16px 40px; font-size: 15px; }
footer a { color: var(--soft); }
@media (max-width: 480px) { h1 { font-size: 25px; } article { padding: 22px 18px; } .brand span { font-size: 26px; } }