/* Presentation refresh: existing page copy and assets are retained. */
body.site-shell { --plum-950:#071e3c; --plum-800:#0b345d; --plum-700:#104577; --plum-500:#326b9b; --gold:#d5ad50; --cream:#f5f8fc; --ink:#172e46; --muted:#586d81; --line:#dce5ef; background:var(--cream); }
.school-utility { background:var(--plum-950); color:#fff; font-size:12px; }
.school-utility-inner { max-width:1440px; padding:11px 32px; margin:auto; display:flex; justify-content:space-between; align-items:center; gap:16px; }
body.site-shell .school-utility .topbar-welcome { display:flex; align-items:center; gap:9px; color:#fff; font-size:12px; }
.school-utility .dot { width:6px; height:6px; background:var(--gold); border-radius:50%; }
.school-utility-contacts { display:flex; gap:24px; flex-wrap:wrap; }
.school-utility-contacts a { color:#fff; text-decoration:none; }
.school-utility-contacts i { color:var(--gold); margin-right:7px; }
body.site-shell .navbar { position:relative; border-bottom:3px solid var(--gold); box-shadow:0 5px 24px #071e3c0a!important; }
body.site-shell .navbar .container-fluid { max-width:1440px; padding:24px 32px 0; display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
body.site-shell .navbar .navbar-brand { margin:0 auto; padding:0; border:0; gap:25px; }
body.site-shell .navbar .navbar-brand img { width:106px; height:106px; max-width:none; max-height:none; object-fit:contain; }
body.site-shell .navbar .school-wordmark { font-size:clamp(26px,3.1vw,43px); font-weight:800; letter-spacing:-1.3px; max-width:none; color:var(--plum-800); }
body.site-shell .navbar .school-wordmark small { font-size:13px; letter-spacing:5px; margin:9px 0; }
.school-affiliation { display:block; font-size:13px; font-weight:500; letter-spacing:.3px; text-transform:none; line-height:1.7; color:var(--muted); }
.affiliation-divider { padding:0 12px; color:#c3a361; }
body.site-shell .navbar .navbar-collapse { flex-basis:100%; justify-content:center; border-top:1px solid var(--line); padding:8px 0; }
body.site-shell .navbar .navbar-nav { margin:0!important; gap:5px!important; }
body.site-shell .navbar .navbar-nav .nav-link { padding:12px 17px!important; font-size:14px; border-radius:7px; }
body.site-shell .navbar .dropdown-menu { min-width:244px; border:1px solid var(--line); border-top:3px solid var(--gold); border-radius:0 0 12px 12px; box-shadow:0 18px 38px #071e3c20; }
body.site-shell .navbar .dropdown-item { color:var(--plum-800); }
body.site-shell .navbar .dropdown-item.active { color:#fff; background:var(--plum-800); }
body.site-shell .navbar .dropdown-item:hover { background:#edf3f9; color:var(--plum-800); }
.reference-home .home-shortcuts { border-radius:16px; background:#fff; box-shadow:0 12px 30px #102e4e0c; border:1px solid var(--line); margin:28px auto; padding:16px 10px; }
.reference-home .home-shortcuts a { border-color:var(--line); }
.reference-home .home-shortcuts i { color:var(--plum-700); }
.reference-home .panel-more { display:inline-flex; align-items:center; gap:12px; font-size:13px; font-weight:700; }
.reference-home .home-activities { gap:22px; border-top:1px solid var(--line); padding-top:32px; margin-top:32px; }
.reference-home .home-activities .dash-card { border-radius:14px; box-shadow:0 6px 20px #102e4e08; }
.reference-home .principal-grid { grid-template-columns:280px minmax(0,1fr); gap:50px; align-items:center; }
.reference-home .principal-section .principal-figure { width:280px; }
.reference-home .principal-section .principal-figure img { width:280px; height:350px; object-fit:cover; object-position:top; }
.school-page-copy { background:#fff; border:1px solid var(--line); padding:32px; border-radius:18px; box-shadow:0 8px 30px #102e4e06; }
.school-page-photo { box-shadow:0 8px 28px #102e4e0c; }
@media(max-width:991.98px) {
 body.site-shell .navbar .container-fluid { padding:18px 20px; justify-content:space-between; gap:14px; }
 body.site-shell .navbar .navbar-brand { margin:0; gap:14px; }
 body.site-shell .navbar .navbar-brand img { width:76px; height:76px; }
 body.site-shell .navbar .school-wordmark { font-size:27px; max-width:540px; }
 body.site-shell .navbar .navbar-collapse { padding:10px 0 0; }
 body.site-shell .navbar .dropdown-menu { min-width:0; width:100%; }
 .school-utility-inner { padding:10px 20px; flex-wrap:wrap; justify-content:center; }
 .school-utility-contacts { justify-content:center; gap:16px; }
}

@media(max-width:767px) {
 body.site-shell .navbar .container-fluid { padding:16px 14px; }
 body.site-shell .navbar .navbar-brand { width:calc(100% - 58px); gap:10px; }
 body.site-shell .navbar .navbar-brand img { width:60px; height:60px; }
 body.site-shell .navbar .school-wordmark { font-size:20px; letter-spacing:-.5px; min-width:0; }
 body.site-shell .navbar .school-wordmark small { font-size:10px; letter-spacing:3px; margin:5px 0; }
 .school-affiliation { font-size:10px; letter-spacing:0; }
 .affiliation-divider { padding:0 3px; }
 .school-utility-inner { gap:6px; padding:9px 12px; }
 .school-utility-contacts { font-size:10px; gap:5px 12px; }
 .reference-home .principal-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
 .reference-home .principal-section .principal-figure { width:220px; margin:auto; }
 .reference-home .principal-section .principal-figure img { width:220px; height:280px; }
 .school-page-copy { padding:24px 20px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } .home-shortcuts a,.dash-card { transition:none!important; } }

/* Compact brand and navigation share a single desktop row. */
@media(min-width:992px) {
 body.site-shell .navbar .container-fluid { max-width:1536px; padding:16px 24px; flex-wrap:nowrap; justify-content:space-between; gap:18px; }
 body.site-shell .navbar .navbar-brand { margin:0; gap:12px; flex:0 1 450px; min-width:0; }
 body.site-shell .navbar .navbar-brand img { width:76px; height:76px; flex-shrink:0; }
 body.site-shell .navbar .school-wordmark { font-size:25px; letter-spacing:-.6px; }
 body.site-shell .navbar .school-wordmark small { font-size:11px; letter-spacing:3px; margin:5px 0; }
 body.site-shell .navbar .school-affiliation { font-size:10px; letter-spacing:0; }
 body.site-shell .navbar .affiliation-divider { padding:0 4px; }
 body.site-shell .navbar .navbar-collapse { flex-basis:auto; flex-grow:0; border:0; padding:0; }
 body.site-shell .navbar .navbar-nav { gap:1px!important; flex-wrap:nowrap; }
 body.site-shell .navbar .navbar-nav .nav-link { padding:11px 9px!important; font-size:13px; white-space:nowrap; }
}
@media(min-width:992px) and (max-width:1199.98px) {
 body.site-shell .navbar .container-fluid { padding:14px 16px; gap:10px; }
 body.site-shell .navbar .navbar-brand { gap:9px; }
 body.site-shell .navbar .navbar-brand img { width:68px; height:68px; }
 body.site-shell .navbar .school-wordmark { font-size:20px; }
 body.site-shell .navbar .navbar-nav .nav-link { font-size:11px; padding:10px 6px!important; }
}
.reference-home .principal-preview-body > img { width:100px; height:128px; object-position:top; }
/* A soft campus watermark keeps the compact notice board readable. */
.reference-home .home-overview .latest-news-card {
 background:linear-gradient(rgba(239,246,251,.83),rgba(239,246,251,.83)),url('images/asas.jpg') center center/cover no-repeat;
}
.reference-home .home-overview .latest-news-card .dash-card-body,
.reference-home .home-overview .latest-news-card .news-scroll,
.reference-home .home-overview .latest-news-card .latest-news-item { background:transparent; }
.reference-home .home-overview .latest-news-card .latest-news-item { border-bottom-color:rgba(11,52,93,.14); }
.reference-home .home-overview .latest-news-card .news-title { color:#193e60; }
.reference-home .home-overview .latest-news-card .news-date,
.reference-home .home-overview .latest-news-card .news-view { color:#0b345d; }

/* Finishing details, without changing the approved navigation or notice layout. */
body.site-shell { background-image:radial-gradient(ellipse at 90% 25%,#e6eff855,transparent 55%); }
body.site-shell a:focus-visible,body.site-shell button:focus-visible,
body.site-shell summary:focus-visible { outline:3px solid #b18425; outline-offset:4px; }
.reference-home .home-overview > :not(.latest-news-card) { border-radius:12px; border-color:#d8e3ef; box-shadow:0 5px 18px #102e4e07; }
.reference-home .home-panel h2,.reference-home .home-activities h5 { letter-spacing:-.35px; }
.reference-home .principal-preview { border-top:3px solid var(--gold); }
.reference-home .principal-preview-body > img { border:3px solid #fff; outline:1px solid #dce5ef; border-radius:9px; box-shadow:0 5px 14px #071e3c12; }
.reference-home .quick-links-panel > a { border-radius:7px; transition:background .2s ease,color .2s ease; }
.reference-home .panel-more { border-radius:7px; min-height:40px; box-shadow:0 4px 12px #0b345d12; }
.reference-home .home-shortcuts a { border-radius:8px; }
.reference-home .home-shortcuts i { transition:transform .2s ease; }
.reference-home .home-activities .dash-card { border-top:3px solid #d5ad5066; }
.reference-home .home-activities .dash-image img { transition:transform .35s ease; }
.reference-home .home-activities .house-point { box-shadow:inset 0 1px 0 #ffffff50,0 4px 10px #071e3c12; }
.reference-home .mission-section { background:linear-gradient(150deg,#f5f8fc,#fff 60%,#faf6ea); }
.reference-home .mission-card { background:#fff; border-radius:20px; box-shadow:0 14px 40px #102e4e09; }
.reference-home .mission-card p { line-height:1.95; color:#405771; }
.reference-home .section-head h2 { letter-spacing:-.6px; }
.reference-home .facilities-section { background:radial-gradient(ellipse at top right,#164e7a,transparent 60%),#071e3c; }
.reference-home .facility-card { border:1px solid #ffffff30; box-shadow:0 10px 25px #0000001a; }
.reference-home .facility-overlay { background:linear-gradient(0deg,#061b35fa 0%,#071e3c80 42%,transparent 78%); }
body.site-shell .class-card,body.site-shell .about-card,body.site-shell .contact-card { box-shadow:0 8px 28px #102e4e08; }
body.site-shell .footer-section { background:linear-gradient(135deg,#eaf1f8,#f7f9fc); border-top:1px solid var(--line); }
body.site-shell .footer-section .map-wrap { border:5px solid #fff; border-radius:18px; box-shadow:0 8px 28px #102e4e10; }
body.site-shell .footer-section .disclaimer-card { background:#fff; border:1px solid var(--line); border-top:3px solid var(--gold); border-radius:18px; box-shadow:0 8px 28px #102e4e08; }
body.site-shell .site-footer { border-top:1px solid #ffffff15; }
body.site-shell .social-row .social-icon { border:1px solid #ffffff35; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .reference-home .home-activities .dash-card { transition:transform .2s ease,box-shadow .2s ease; }
 .reference-home .home-activities .dash-card:hover { transform:translateY(-4px); box-shadow:0 12px 28px #102e4e12; }
 .reference-home .home-activities .dash-card:hover .dash-image img { transform:scale(1.035); }
 .reference-home .home-shortcuts a:hover i { transform:translateY(-3px); }
 .reference-home .quick-links-panel > a:hover { background:#eaf1f8; color:var(--plum-800); }
}
@media(max-width:600px) {
 .reference-home .home-overview .dash-view { min-height:32px; display:inline-flex; align-items:center; }
 .reference-home .quick-links-panel > a { min-height:44px; }
 .reference-home .mission-card { padding:26px 22px; }
 .reference-home .mission-card p { text-align:left; }
 body.site-shell .footer-section .disclaimer-card { padding:22px 18px; }
 body.site-shell .footer-section .disclaimer-item { padding:18px 12px; }
 body.site-shell .footer-section .disclaimer-item p { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
 .reference-home .home-shortcuts i,.reference-home .home-activities .dash-image img,
 .reference-home .quick-links-panel > a { transition:none; }
}

/* Coordinated section colours and card interactions across the website. */
body.site-shell { background:linear-gradient(135deg,#e6eff8 0%,#edf3ef 55%,#f5eddd 100%); }
body.site-shell .navbar { background:#eef4fa!important; }
body.site-shell .navbar .dropdown-menu { background:#eef4fa; }
body.site-shell .reference-dashboard { background:linear-gradient(150deg,#e4eef8,#eef2e9); }
body.site-shell .home-shortcuts { background:linear-gradient(110deg,#e2edf8,#f4ecd9); border-color:#c8d7e6; }
body.site-shell .home-overview .home-events { background:linear-gradient(145deg,#e1edf8,#edf4fa); }
body.site-shell .home-overview .quick-links-panel { background:linear-gradient(145deg,#dfede8,#edf4ec); }
body.site-shell .home-overview .principal-preview { background:linear-gradient(145deg,#f4e9d1,#faf2e3); }
body.site-shell .home-overview .quick-links-panel > a { background:#d4e5df; color:#173e3a; }
body.site-shell .home-activities .dash-card { background:linear-gradient(145deg,#e5edf7,#edf3f9); }
body.site-shell .home-activities .dash-card:nth-child(2n) { background:linear-gradient(145deg,#f1e6d2,#f8f0e2); }
body.site-shell .home-activities .dash-card:nth-child(3n) { background:linear-gradient(145deg,#dfece6,#eef4ed); }
body.site-shell .mission-section { background:linear-gradient(130deg,#dae7f4,#eee7d8); }
body.site-shell .mission-card { background:linear-gradient(145deg,#edf3fa,#f7efdf); }
body.site-shell .fb-section { background:linear-gradient(120deg,#dce8f4,#e7eeed); }
body.site-shell .fb-card { background:#eaf1f9; }
body.site-shell :is(.about-section,.mv-section,.rules-section,.classes-section,.facility-section,.details-section,.contact-section,.gallery-container) { background:linear-gradient(135deg,#e6eef7,#edf2e8); }
body.site-shell :is(.about-card,.mv-row,.rules-card,.class-card,.contact-card,.contact-form-card,.gallery-card,.results-card,.payment-card,.admission-card,.faculty-card) { background:#eaf1f8; border-color:#c9d8e6; }
body.site-shell :is(.class-card,.gallery-card,.faculty-card):nth-child(even) { background:#f4ecd9; }
body.site-shell .school-page-copy { background:linear-gradient(140deg,#edf3fa,#f5eedf); border-color:#cfdae5; }
body.site-shell .school-page-photo { background:#dfeaf5; }
body.site-shell .school-page-highlight { background:#dae7f2; }
body.site-shell .footer-section { background:linear-gradient(130deg,#d6e3f0,#e6e8d9); }
body.site-shell .footer-section .disclaimer-card { background:linear-gradient(145deg,#eaf1f8,#f3ead7); }
body.site-shell .footer-section .disclaimer-item { background:#dde8f2; border-color:#c9d8e6; }
body.site-shell .footer-section .map-wrap { border-color:#dce7f1; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 body.site-shell :is(.dash-card,.home-panel,.class-card,.about-card,.gallery-card,.faculty-card,.contact-card,.contact-form-card,.rules-card,.results-card,.payment-card,.admission-card,.facility-card,.fb-card,.school-page-photo,.disclaimer-card) {
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
 }
 body.site-shell :is(.dash-card,.home-panel,.class-card,.about-card,.gallery-card,.faculty-card,.contact-card,.contact-form-card,.rules-card,.results-card,.payment-card,.admission-card,.facility-card,.fb-card,.school-page-photo,.disclaimer-card):hover,
 body.site-shell.reference-home .home-overview > :hover,
 body.site-shell.reference-home .home-activities .dash-card:hover {
  transform:translateY(-5px); border-color:#b99a52; box-shadow:0 16px 30px #102e4e24;
 }
 body.site-shell .home-overview .quick-links-panel > a:hover { background:#bdd8ce; color:#143b33; }
 body.site-shell .home-shortcuts a:hover { background:#d3e2f1; }
 body.site-shell .home-overview .latest-news-item:hover { background:#e2edf7b8; }
}
@media(prefers-reduced-motion:reduce) {
 body.site-shell :is(.dash-card,.home-panel,.class-card,.about-card,.gallery-card,.faculty-card,.contact-card,.contact-form-card,.rules-card,.results-card,.payment-card,.admission-card,.facility-card,.fb-card,.school-page-photo,.disclaimer-card) { transition:none!important; transform:none!important; }
}