/* Student Care Overview-only sections (promo banner, photo album, what's included). */

/* ===== promo banner slot ===== */
.banner-slot { max-width: 1000px; margin: 0 auto; aspect-ratio: 1600/500; border-radius: 18px; border: 2px dashed var(--line); background: var(--cream-2); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; padding: 20px; }
.banner-slot svg { color: var(--gold); }
.banner-slot b { font: 700 16px var(--heading); color: var(--navy); }
.banner-slot span { font: 500 13.5px var(--body); color: var(--slate); }
@media (max-width: 640px) { .banner-slot { aspect-ratio: 4/3; } }

/* ===== programme photo album (horizontal scroller) ===== */
.photo-scroller { display: flex; align-items: center; gap: 16px; }
.ps-track { display: flex; gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px; }
.ps-track::-webkit-scrollbar { display: none; }
.ps-track img { flex: 0 0 320px; height: 230px; object-fit: cover; border-radius: 16px; scroll-snap-align: start; box-shadow: var(--shadow-md); }
.ps-arrow { flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--line); background: #fff; display: flex; align-items: center; justify-content: center; color: var(--navy); cursor: pointer; box-shadow: var(--shadow-sm); transition: background .2s, color .2s, border-color .2s; }
.ps-arrow:hover { background: var(--gold); color: #fff; border-color: var(--gold); }
@media (max-width: 640px) {
	.ps-arrow { display: none; }
	.ps-track img { flex-basis: 260px; height: 190px; }
}