/* light theme: page layer for about */
@media (prefers-color-scheme: light) {
/* --- hand fixes for about --- */
/* about: hand fixes (plain rules; the generator wraps them in the light media query) */

/* Above-the-fold compliance line: inline greys (#8a8a92 / #c9c9d1) were built for black; #c9c9d1 on #f4f6f8 was 1.5:1 */
html .about-hero p[style*="8a8a92"] { color: var(--text-3) !important; }
html .about-hero p[style*="8a8a92"] b, html .about-hero b[style*="c9c9d1"] { color: var(--text) !important; }

/* "Established 2025" card: white card instead of the white-to-grey gradient slab */
html .year-card { background: #ffffff !important; border-color: var(--line) !important; box-shadow: 0 8px 24px rgba(16,24,40,0.05); }
html .year-circle { background: radial-gradient(circle at 50% 30%, rgba(94,196,232,0.16), rgba(94,196,232,0.03) 70%) !important; border-color: rgba(8,109,149,0.18) !important; }

/* Stat tiles + quality promise: white cards with the same soft shadow */
html .about-stat-box { background: #ffffff !important; box-shadow: 0 8px 24px rgba(16,24,40,0.05); }
html .quality-promise { background: #ffffff !important; box-shadow: 0 8px 24px rgba(16,24,40,0.05); }
html .qp-num { background: #ffffff; border-color: rgba(8,109,149,0.22) !important; color: var(--accent-ink) !important; }

/* Research-use-only callout: crisp cyan-tinted panel, label in accent ink */
html .use-only-callout { background: #eef8fc !important; border-color: rgba(8,109,149,0.22) !important; }
html .use-only-callout .label { color: var(--accent-ink) !important; }

}