/* Uniform-inspired palette, scoped entirely to school page content. */
.ts-refreshed { --school-navy: #202540; --school-orange: #F58220; color: #202540; }
.ts-refreshed h2, .ts-refreshed .refresh-heading h2 { color: #202540; }
.ts-refreshed .label::before, .ts-refreshed .refresh-kicker::before {
  background: #F58220; box-shadow: 0 0 0 3px #FFF1E5;
}
.ts-refreshed h2 em { background: linear-gradient(transparent 66%, #ffd6b5 66%, #ffd6b5 95%, transparent 95%); }
.ts-refreshed .amenities-showcase { background: #202540; }
.ts-refreshed .amenities-showcase h2, .ts-refreshed .amenities-showcase p { color: white; }
.ts-refreshed .amenities-showcase h2 em { background: linear-gradient(transparent 68%, #b85b12 68%, #b85b12 94%, transparent 94%); }
.ts-refreshed .carousel-arrow { background: #202540ed; }
.ts-refreshed .changing-gallery { background: white; }
.ts-refreshed #videos.changing-gallery { background: #F4F5F8; }
.ts-refreshed .mosaic-title { background: #202540; }
.ts-refreshed .mosaic-title h3 { font-family: Georgia, serif; font-weight: 700; font-size: clamp(30px, 3.2vw, 48px); }
.ts-refreshed .tile-play { background: #202540eb; border: 2px solid #F58220; }
.ts-refreshed .refresh-section button:focus-visible { outline-color: #F58220; }
.ts-refreshed .btn.red, .ts-refreshed .btn.gold-btn, .ts-refreshed .inquiry-form button {
  color: #202540; background: #F58220; border-color: #F58220;
}
.ts-refreshed .btn.red:hover, .ts-refreshed .btn.gold-btn:hover { background: #ffad66; border-color: #ffad66; }
.ts-refreshed .btn.outline { color: #202540; border-color: #202540; }
.ts-refreshed .btn.outline:hover { background: #202540; color: white; }
.ts-refreshed .ts-message-section { background: #FFF1E5; }
.ts-refreshed .ts-message-tabs { border-color: #202540; }
.ts-refreshed .ts-message-tab { color: #202540; }
.ts-refreshed .ts-message-tab.is-active { background: #202540; color: white; }
.ts-refreshed .ts-message-footer a, .ts-refreshed .ts-leader-role { color: #9e4700; }
.ts-refreshed .inquiry { background: #202540; }
.ts-refreshed .inquiry h2 { color: white; }
.ts-refreshed .mosaic { grid-template-rows: 275px 275px; gap: 16px; }
.ts-refreshed .mosaic-tile { border-radius: 10px; }
.ts-refreshed .changing-gallery .refresh-heading { margin-bottom: 32px; }
.ts-refreshed .changing-gallery .refresh-heading h2 { font-size: clamp(34px, 4vw, 54px); }
@media (max-width: 760px) {
  .ts-refreshed .mosaic { grid-template-rows: 180px 180px 180px; gap: 10px; }
  .ts-refreshed .mosaic-title h3 { font-size: 30px; }
}
