/* FOA Academy — page-specific refinements. Kept small on purpose. */
.hero-in { max-width: var(--foa-container); }
.scholarship-band .kicker { color: var(--foa-pine); }
#test-app { padding: 2rem 0 3rem; }
#test-result .card { margin-bottom: 1rem; }
.portal-main h1.page-h1 { margin-top: 0; }
.admin-nav { background: var(--foa-pine-deep); }
.opt-row { display: flex; gap: .5rem; align-items: center; margin-bottom: .5rem; }
.opt-row input[type="text"] { flex: 1; margin: 0; }
.opt-row input[type="radio"] { width: 1.1rem; height: 1.1rem; }
.kv { display: grid; grid-template-columns: 180px 1fr; gap: .4rem 1rem; }
.kv dt { font-weight: 700; color: var(--foa-pine); }
.kv dd { margin: 0; }
@media (max-width: 640px) { .kv { grid-template-columns: 1fr; } }
/* Test rules disclosure on the practice page. */
.rules { margin-top: 1.25rem; border: 1px solid var(--foa-border); border-radius: var(--foa-radius-md); padding: .9rem 1.1rem; background: var(--foa-cream); }
.rules summary { font-weight: 700; color: var(--foa-pine); cursor: pointer; }
.rules ul { margin-bottom: 0; }
/* Archive filter bar (past papers). */
.filter-bar { display: flex; flex-wrap: wrap; gap: .9rem; align-items: end; margin-bottom: 1.5rem; }
.filter-bar label { display: grid; gap: .25rem; font-size: .875rem; font-weight: 600; color: var(--foa-pine); }
.filter-bar select { min-width: 12rem; }

/* Homepage course card fee line. */
.course-fee { font-size: 1.25rem; font-weight: 800; color: var(--foa-pine); margin: .25rem 0 .5rem; }

/* Hero officer-faculty credential line. */
.hero-cred { font-size: .95rem; color: var(--foa-gold); font-weight: 600; margin: .25rem 0 1rem; }

/* Past-paper study guide card. */
.pp-guide { margin-bottom: 1.5rem; }
.pp-guide h2 { font-size: 1.1rem; margin-bottom: .5rem; }
.pp-guide ol { margin: 0; padding-left: 1.25rem; }
.pp-guide li { margin-bottom: .35rem; }

/* ---------- dark theme (day/night toggle) ----------
 * Navy-ink text on light surfaces → light ink on dark surfaces.
 * All backgrounds here are var()-based and remap automatically. */
html[data-theme="dark"] .scholarship-band .kicker,
html[data-theme="dark"] .kv dt,
html[data-theme="dark"] .course-fee,
html[data-theme="dark"] .filter-bar label,
html[data-theme="dark"] .rules summary { color: var(--foa-text); }