/* Static pages (about.html, privacy.html). Uses the app's colors from style.css. */
.top a.brand { color: var(--ink); }
.top a.brand:hover { text-decoration: none; }
.pg-nav { margin-left: auto; display: flex; gap: 16px; font-size: 14px; }
.pg { max-width: 720px; margin: 0 auto; padding: 20px 16px 48px; font-size: 16px; line-height: 1.6; }
.pg h1 { font-size: 26px; line-height: 1.25; margin: 8px 0 6px; }
.pg h2 { font-size: 19px; margin: 28px 0 8px; }
.pg ul { padding-left: 20px; }
.pg li { margin: 6px 0; }
.pg .lead { font-size: 18px; }
.pg .small { font-size: 13px; }
.pg-cta { display: inline-block; padding: 10px 18px; border-radius: 8px; background: var(--accent); color: var(--bg); font-weight: 600; }
.pg-cta:hover { text-decoration: none; opacity: .92; }
@media (max-width: 760px) { .top { padding: 8px 16px; } .pg h1 { font-size: 23px; } }