/* Reading pages: how to earn, privacy policy and terms of use. Each holds an English and a French version; i18n.js sets
   the page's language before it shows, and only that version is displayed. */
body { background: var(--bg-alt); min-height: 100vh; }
.topbar .title { position: absolute; left: 50%; transform: translateX(-50%); margin: 0; font-size: 15px; font-weight: 800; letter-spacing: -0.01em; }
main { max-width: 720px; margin: 0 auto; padding: 18px 20px 64px; }
html[lang="fr"] .doc [lang="en"], html:not([lang="fr"]) .doc [lang="fr"] { display: none; }

.doc { background: var(--bg); border-radius: 22px; padding: 28px 24px 30px; box-shadow: 0 1px 2px rgba(20, 10, 40, .04), 0 8px 24px -16px rgba(20, 10, 40, .18); }
.doc h1 { margin: 0; font-size: 28px; font-weight: 800; letter-spacing: -0.03em; }
.doc .updated { margin: 6px 0 0; font-size: 12px; font-weight: 600; color: var(--muted); }
.doc .lede { margin: 16px 0 0; font-size: 16px; font-weight: 500; line-height: 1.55; }
.doc h2 { margin: 28px 0 0; font-size: 17px; font-weight: 800; letter-spacing: -0.01em; }
.doc p, .doc li { font-size: 14px; font-weight: 500; line-height: 1.6; color: #2c2c30; }
.doc p { margin: 8px 0 0; }
.doc ul { margin: 8px 0 0; padding-left: 20px; }
.doc li + li { margin-top: 4px; }
.doc b { color: var(--ink); font-weight: 800; }
.doc a { color: #7c3aed; font-weight: 700; }

/* How to earn: one tile per thing that counts */
.ways { list-style: none; margin: 20px 0 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.ways li { margin: 0 !important; padding: 16px; border-radius: 16px; background: var(--bg-alt); }
.ways li b { display: block; font-size: 15px; }
.ways li span { display: block; margin-top: 4px; font-size: 13px; color: var(--muted); line-height: 1.45; }
.ways .warn { grid-column: 1 / -1; background: #fef3f2; }
.ways .warn b { color: #912018; }
@media (max-width: 520px) { .ways { grid-template-columns: minmax(0, 1fr); } .doc { padding: 22px 18px 24px; } .doc h1 { font-size: 24px; } }