/* ── about.html — standalone content page ─────────────────────────────────
No map here. Overrides site.css's map-page (which paints the water
background and locks scrolling) and adds a centered, readable content column
plus a simple page header. Reuses .project-title / .about-* / .source-* from
site.css, sized up for a full page rather than the 300px sidebar. This file
only ADDS rules / overrides via the cascade — it changes no existing rule. */
body { /* override site.css map-page body */
background: var(--panel-bg);
color: var(--text);
overflow: auto;
}
.page-header {
max-width: 680px;
margin: 0 auto;
padding: 30px 26px 4px;
}
.page-header .back-link {
display: inline-block;
margin-bottom: 20px;
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--accent);
text-decoration: none;
}
.page-header .back-link:hover { text-decoration: underline; }
.page-header .project-title { font-size: 24px; }
.page-content {
max-width: 680px;
margin: 0 auto;
padding: 0 26px 64px;
}
/* Size the reused sidebar classes up for full-page reading (text is identical). */
.page-content .about-heading { font-size: 10px; padding-top: 22px; }
.page-content .about-text { font-size: 14px; line-height: 1.75; }
.page-content .source-name { font-size: 13px; }
.page-content .source-desc { font-size: 12px; line-height: 1.55; }