/* ═══════════════════════════════════════════════════════════════
   about.html — page stylesheet
   Was a <style> block in the page. It is a separate file, not part
   of styles.css, because these selectors are page-scoped: moving
   them into the shared sheet would have applied them site-wide.
   (school-news.html styles .news-card, and so does index.html;
    offline.html sets bare *, body, h1 and p rules.)
   ═══════════════════════════════════════════════════════════════ */

/* Cache-proof vertical stacking for the Gallian Journey band */
.gj-track { display: block !important; max-width: 720px; margin: 0 auto; width: auto !important; padding: 8px 0 0; }
.gj-card {
  position: relative; width: auto !important; flex: none; display: block !important;
  border-radius: 18px; padding: 30px 32px;
  background: var(--surface); border: 1px solid rgba(11,31,66,.1);
}