/* Standalone pages (privacy, terms, 404). Uses the app's theme tokens. */
body { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--font-ui); line-height: 1.65; }
.page-wrap { max-width: 760px; margin: 0 auto; padding: 32px 16px 48px; }
.page-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--fg); font-weight: 800; font-size: 1.15rem; margin-bottom: 28px; }
.page-brand img { width: 36px; height: 36px; border-radius: 9px; }
.page-wrap h1 { font-size: clamp(1.7rem, 4vw, 2.2rem); margin: 0 0 6px; line-height: 1.2; }
.page-wrap h2 { font-size: 1.2rem; margin: 30px 0 8px; }
.page-wrap p, .page-wrap li { color: var(--fg); }
.page-wrap .muted { color: var(--muted-fg); }
.page-wrap a { color: var(--primary); }
.page-wrap ul { padding-left: 20px; }
.page-footer { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--border); font-size: 0.9rem; color: var(--muted-fg); display: flex; gap: 16px; flex-wrap: wrap; }
.page-btn { display: inline-block; margin-top: 18px; padding: 12px 22px; border-radius: 10px; background: var(--primary); color: var(--primary-fg); font-weight: 700; text-decoration: none; }
.page-btn:focus-visible { outline: 3px solid var(--focus-ring, var(--primary)); outline-offset: 2px; }