/* About and Privacy: plain reading pages on the shared header and footer. */
.gf-about-strip { height: 38px; background: var(--sky) url("/assets/Illustration/header-street.svg") center top / cover no-repeat; }
.gf-prose-page { width: min(100% - 32px, 672px); margin: 0 auto; padding: var(--space-6) 0 var(--space-10); display: flex; flex-direction: column; gap: var(--space-6); }
.gf-prose-page section { display: flex; flex-direction: column; gap: var(--space-3); }
.gf-prose-page h1, .gf-prose-page h2, .gf-prose-page p, .gf-prose-page figure, .gf-prose-page blockquote { margin: 0; }
.gf-prose-page p, .gf-prose-page li { line-height: 1.5; }
.gf-prose-page ul { margin: 0; padding-left: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); }
.gf-prose-page a:not(.gf-btn) { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.gf-story { gap: var(--space-3); max-width: none; }
.gf-story figcaption { display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
.gf-story-quote { font-family: var(--font-display); font-size: 22px; line-height: 30px; font-weight: 500; }
.gf-reading-app { min-height: 100vh; }
.gf-reading-app .gf-footer { margin-top: auto; display: flex; gap: var(--space-4); flex-wrap: wrap; padding: var(--space-6); background: var(--night); }
.gf-reading-app .gf-footer a { color: var(--snow); text-decoration: none; font-weight: 700; }
@media (max-width: 719px) { .gf-reading-app .gf-nav { display: none; } .gf-reading-app .gf-header { justify-content: space-between; } .gf-reading-app .gf-footer { padding: var(--space-5) var(--space-4); } .gf-story-quote { font-size: 20px; line-height: 28px; } }