/* Group A page styles: home, about, board, contact, news, news-article, 404 */

/* --- Home (Stage 6): small page-local patches over the shared civic kit --- */
.stat-section { padding-block: var(--space-2xl); }
.orbit-section { padding-block: var(--space-2xl); overflow-x: clip; }
.orbit__centre .eyebrow { justify-content: center; }
.journey .eyebrow + .display { margin-bottom: 0; }
.involved-grid { --grid-min: 16rem; }
/* Link inside a colour tile: white, underlined, arrow; the whole row is the target */
.tile-link { display: inline-flex; align-items: center; gap: 0.5rem; min-height: 2.75rem; font-weight: var(--weight-semibold); text-decoration: underline; text-underline-offset: 0.25em; }
.tile-link::after { content: "\2192"; text-decoration: none; display: inline-block; }
.tile-link:hover { text-decoration-thickness: 2px; }
.tile-link:focus-visible { outline: var(--focus-width) solid var(--white); outline-offset: 3px; border-radius: var(--radius-xs); }
/* Event rows span the full container (base.css caps li at --measure) */
#events-strip .event-list, #events-strip .event-list > li { max-width: none; width: 100%; }
/* Spotlight (6 cards) and news (3 cards): fixed columns so rows are complete */
#spotlight, #home-news { grid-template-columns: 1fr; }
@media (min-width: 40em) { #spotlight { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 62em) { #spotlight, #home-news { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* The cursor hint is only true with a mouse and motion enabled */
@media (hover: none), (prefers-reduced-motion: reduce) { .page-hero--home .hero-field__hint { display: none; } }
/* Hero caption sits under the actions on ink */
.page-hero--home .hero-field__caption { margin-top: var(--space-m); }
.about-narrow { max-width: 46rem; }
.about-mission { font-size: var(--step-4); max-width: 24ch; }
.about-list { list-style: none; padding: 0; margin: 0; }
.about-links { margin-top: var(--space-l); }
.board-cta { margin-top: var(--space-l); }
.news-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-s); margin-bottom: var(--space-m); }
.news-toolbar .results-count { margin: 0; }
#news-pagination { margin-top: var(--space-l); }
.article-wrap { max-width: 46rem; margin-inline: auto; }
.article-wrap .prose { font-size: var(--step-1); }
.article-back { margin-top: var(--space-l); }
.contact-note { margin-top: var(--space-s); }
.contact-grid { align-items: start; }
.contact-form-wrap { max-width: 44rem; margin-inline: auto; }
.contact-form-wrap h2 { margin-bottom: var(--space-s); }
.contact-form-wrap .alert { margin-bottom: var(--space-s); }