/* PaedsCalc information pages (Terms, Privacy, Help): same tokens as the app, readable long text */
:root {
  --navy: #011B48; --accent: #0167D0; --paper: #F3F5F8; --card: #FFFFFF;
  --ink: #0D1A33; --muted: #5B6678; --line: #E1E6EE; --warn-soft: #FFF4E0; --warn: #8A4B00;
  --f-body: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root { --accent: #4AA8FF; --paper: #0A1428; --card: #111C33; --ink: #E8EEF8; --muted: #9AA8C0; --line: #22304D; --warn-soft: #3A2A10; --warn: #FFC56B; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 400 15.5px/1.65 var(--f-body); -webkit-text-size-adjust: 100%; }
.top { background: var(--navy); color: #FFFFFF; padding: calc(14px + env(safe-area-inset-top, 0px)) 16px 18px; }
.top a { color: #BFD9FF; text-decoration: none; font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; min-height: 44px; }
.top h1 { margin: 4px 0 0; font-size: 26px; font-weight: 600; line-height: 1.2; }
.top p { margin: 4px 0 0; color: #B9C8E4; font-size: 13px; }
main { max-width: 680px; margin: 0 auto; padding: 16px 16px calc(40px + env(safe-area-inset-bottom, 0px)); }
section { background: var(--card); border-radius: 18px; padding: 16px 18px; margin-bottom: 14px; }
h2 { font-size: 18px; font-weight: 600; margin: 0 0 8px; line-height: 1.3; }
h3 { font-size: 15.5px; font-weight: 600; margin: 14px 0 4px; }
p { margin: 0 0 10px; }
ul, ol { margin: 0 0 10px; padding-left: 22px; }
li { margin-bottom: 6px; }
a { color: var(--accent); }
.note { background: var(--warn-soft); color: var(--warn); border-radius: 14px; padding: 12px 14px; font-weight: 500; }
.muted { color: var(--muted); font-size: 13.5px; }
.btns { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.btns a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 12px; background: var(--accent); color: #FFFFFF; text-decoration: none; font-weight: 600; font-size: 14.5px; }
.btns a.alt { background: transparent; color: var(--accent); border: 1.5px solid var(--accent); }