/* Legacy Sherwood content compatibility inside the new template */
.legacy-content{background:#fff;}
.legacy-content .innerpage{padding:40px 0;}
.legacy-content .breacrum,.legacy-content .breadcrumb{list-style:none;padding:0;margin:0 0 18px;display:flex;gap:8px;flex-wrap:wrap;color:#666;font-size:14px}
.legacy-content .breacrum li:after{content:"/";margin-left:8px;color:#aaa}.legacy-content .breacrum li:last-child:after{content:""}
.legacy-content .main_heading,.legacy-content h1{font-weight:800;color:#10294f;margin:0 0 24px;line-height:1.2}
.legacy-content h2,.legacy-content h3{color:#10294f;margin-top:22px}
.legacy-content p,.legacy-content li{font-size:16px;line-height:1.75;color:#333}
.legacy-content img{max-width:100%;height:auto}
.legacy-content table{width:100%;border-collapse:collapse;margin:20px 0;background:#fff}
.legacy-content table td,.legacy-content table th{border:1px solid #e5e7eb;padding:10px;vertical-align:top}
.legacy-content .fullwidth{width:100%}
.legacy-content .row:after,.legacy-content .fullwidth:after{content:"";display:block;clear:both}
.legacy-content .col-sm-6{width:50%;float:left;padding:0 15px}
.legacy-content .aboutcontent{width:58%;float:left;padding-right:24px}.legacy-content .aboutimg{width:42%;float:left}
.legacy-content .view-certificate,.legacy-content a.btn,.legacy-content button{display:inline-block;padding:10px 18px;border-radius:8px;background:#dc3545;color:#fff!important;text-decoration:none;border:0}
@media(max-width:768px){.legacy-content .col-sm-6,.legacy-content .aboutcontent,.legacy-content .aboutimg{width:100%;float:none;padding:0}.legacy-content iframe{height:300px!important}}

/* Clean readable internal content styling */
.legacy-content{
  background:#ffffff !important;
  color:#263548;
}

.legacy-content .innerpage{
  padding:30px 0 44px;
  background:#ffffff;
}

.legacy-content .breacrum,
.legacy-content .breadcrumb{
  margin:0 0 22px;
  color:#667085;
  font-size:14px;
  line-height:1.5;
}

.legacy-content .breacrum a,
.legacy-content .breadcrumb a{
  color:#d72835;
  text-decoration:none;
  font-weight:600;
}

.legacy-content .breacrum a:hover,
.legacy-content .breadcrumb a:hover{
  text-decoration:underline;
}

.legacy-content .main_heading,
.legacy-content h1{
  color:#10294f;
  font-size:clamp(30px,3vw,42px);
  line-height:1.18;
  font-weight:800;
  letter-spacing:-.02em;
  margin:0 0 22px;
}

.legacy-content h2{
  color:#172b4d;
  font-size:clamp(24px,2.2vw,32px);
  line-height:1.25;
  font-weight:750;
  margin:26px 0 14px;
}

.legacy-content h3{
  color:#172b4d;
  font-size:22px;
  line-height:1.35;
  font-weight:700;
  margin:22px 0 10px;
}

.legacy-content p,
.legacy-content li{
  color:#344054;
  font-size:16.5px;
  line-height:1.85;
  font-weight:400;
}

.legacy-content ul,
.legacy-content ol{
  padding-left:22px;
}

.legacy-content li{
  margin-bottom:8px;
}

.legacy-content table{
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;
  font-size:15.5px;
}

.legacy-content table td,
.legacy-content table th{
  border:1px solid #e5e7eb;
  padding:12px 14px;
  color:#344054;
}

.legacy-content img{
  border-radius:14px;
}

@media(max-width:768px){
  .premium-content-page .premium-page-hero{padding:28px 0 24px !important;}
  .legacy-content .innerpage{padding:24px 0 34px;}
  .legacy-content p,.legacy-content li{font-size:16px;line-height:1.75;}
}

/* SEO + Lead Readability Typography Standard for legacy internal pages */
.legacy-content{
  background:#ffffff !important;
  color:#27364a !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.legacy-content .innerpage{
  padding:32px 0 46px !important;
}

.legacy-content .main_heading,
.legacy-content h1{
  color:#0f2747 !important;
  font-size:clamp(30px,3vw,40px) !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:-0.02em !important;
  margin-bottom:22px !important;
}

.legacy-content h2{
  color:#0f2747 !important;
  font-size:clamp(25px,2.3vw,34px) !important;
  line-height:1.28 !important;
  font-weight:800 !important;
  letter-spacing:-0.015em !important;
  margin:28px 0 16px !important;
}

.legacy-content h3{
  color:#18345a !important;
  font-size:clamp(21px,1.7vw,25px) !important;
  line-height:1.35 !important;
  font-weight:750 !important;
  margin:24px 0 12px !important;
}

.legacy-content p,
.legacy-content li,
.legacy-content td,
.legacy-content th{
  color:#27364a !important;
  font-size:16.75px !important;
  line-height:1.78 !important;
  font-weight:400 !important;
}

.legacy-content p{
  margin-bottom:15px !important;
}

.legacy-content ul,
.legacy-content ol{
  padding-left:22px !important;
  margin-bottom:18px !important;
}

.legacy-content li{
  margin-bottom:7px !important;
}

.legacy-content .breacrum,
.legacy-content .breadcrumb{
  color:#667085 !important;
  font-size:14.5px !important;
  line-height:1.5 !important;
  margin-bottom:22px !important;
}

.legacy-content .breacrum a,
.legacy-content .breadcrumb a,
.legacy-content a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand){
  color:#c82032 !important;
  font-weight:650 !important;
  text-decoration:none !important;
}

.legacy-content .breacrum a:hover,
.legacy-content .breadcrumb a:hover,
.legacy-content a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):hover{
  text-decoration:underline !important;
}

.legacy-content table{
  font-size:15.75px !important;
  border-color:#e7edf5 !important;
}

.legacy-content table td,
.legacy-content table th{
  padding:12px 14px !important;
  border-color:#e7edf5 !important;
}

@media(max-width:768px){
  .legacy-content .innerpage{padding:26px 0 36px !important;}
  .legacy-content .main_heading,
  .legacy-content h1{font-size:26px !important;line-height:1.25 !important;}
  .legacy-content h2{font-size:23px !important;}
  .legacy-content h3{font-size:20px !important;}
  .legacy-content p,
  .legacy-content li,
  .legacy-content td,
  .legacy-content th{font-size:16px !important;line-height:1.7 !important;}
}


/* =========================================================
   About page: compact, simple and mobile-first
   ========================================================= */
.about-school-page{
  --about-navy:#10294f;
  --about-red:#d92334;
  --about-text:#334155;
  --about-muted:#64748b;
  --about-line:#e5eaf1;
  --about-soft:#f7f9fc;
  background:#fff !important;
  color:var(--about-text);
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.about-school-page .about-title-section{
  padding:22px 0 24px;
  background:#f8fafc;
  border-bottom:1px solid var(--about-line);
}

.about-school-page .about-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 9px;
  color:var(--about-muted);
  font-size:13.5px;
  line-height:1.4;
}

.about-school-page .about-breadcrumb a{
  color:var(--about-red) !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

.about-school-page .about-breadcrumb a:hover{
  text-decoration:underline !important;
}

.about-school-page .about-title-section h1{
  max-width:900px;
  margin:0 0 7px !important;
  color:var(--about-navy) !important;
  font-size:clamp(30px,3vw,40px) !important;
  line-height:1.16 !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
}

.about-school-page .about-title-intro{
  max-width:820px;
  margin:0 !important;
  color:#526176 !important;
  font-size:17px !important;
  line-height:1.55 !important;
}

.about-school-page .about-content-section{
  padding:34px 0 48px !important;
  background:#fff;
}

.about-school-page .about-intro-copy{
  padding-right:18px;
}

.about-school-page .about-intro-copy h2,
.about-school-page .about-development-copy h2,
.about-school-page .about-contact-strip h2{
  color:var(--about-navy) !important;
  font-weight:800 !important;
  letter-spacing:-.018em !important;
}

.about-school-page .about-intro-copy h2,
.about-school-page .about-development-copy h2{
  margin:0 0 16px !important;
  font-size:clamp(26px,2.35vw,33px) !important;
  line-height:1.24 !important;
}

.about-school-page .about-intro-copy p,
.about-school-page .about-development-copy p{
  margin:0 0 15px !important;
  color:var(--about-text) !important;
  font-size:16.5px !important;
  line-height:1.75 !important;
}

.about-school-page .about-intro-copy strong,
.about-school-page .about-development-copy strong{
  color:#172f52;
  font-weight:750;
}

.about-school-page .about-affiliation-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:22px;
  padding:14px 16px;
  border:1px solid var(--about-line);
  border-left:4px solid var(--about-red);
  background:var(--about-soft);
}

.about-school-page .about-affiliation-row span{
  display:block;
  margin-bottom:2px;
  color:var(--about-muted);
  font-size:13px;
  line-height:1.35;
  font-weight:650;
}

.about-school-page .about-affiliation-row strong{
  display:block;
  color:var(--about-navy);
  font-size:17px;
  line-height:1.35;
}

.about-school-page .about-affiliation-row a{
  flex:0 0 auto;
  color:var(--about-red) !important;
  font-size:14.5px;
  font-weight:800 !important;
  text-decoration:none !important;
}

.about-school-page .about-affiliation-row a:hover{
  text-decoration:underline !important;
}

.about-school-page .about-video-block{
  border:1px solid var(--about-line);
  background:#fff;
}

.about-school-page .about-video-wrap{
  position:relative;
  aspect-ratio:16 / 9;
  background:#111827;
}

.about-school-page .about-video-wrap iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.about-school-page .about-video-block > p{
  margin:0 !important;
  padding:12px 14px;
  color:var(--about-muted) !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

.about-school-page .about-section-divider{
  margin:40px 0;
  border-top:1px solid var(--about-line);
}

.about-school-page .about-campus-image img{
  display:block;
  width:100%;
  height:360px;
  object-fit:cover;
  border-radius:10px;
}

.about-school-page .about-development-copy{
  padding-left:18px;
}

.about-school-page .about-development-copy h3{
  margin:20px 0 10px !important;
  color:var(--about-navy) !important;
  font-size:20px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

.about-school-page .about-learning-list{
  margin:0 0 17px !important;
  padding:0 !important;
  list-style:none;
}

.about-school-page .about-learning-list li{
  position:relative;
  margin:0 0 9px !important;
  padding-left:24px;
  color:var(--about-text) !important;
  font-size:16px !important;
  line-height:1.58 !important;
}

.about-school-page .about-learning-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--about-red);
  font-weight:900;
}

.about-school-page .about-contact-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:40px;
  padding:22px 24px;
  border:1px solid var(--about-line);
  border-top:3px solid var(--about-red);
  background:var(--about-soft);
}

.about-school-page .about-contact-strip h2{
  margin:0 0 5px !important;
  font-size:24px !important;
  line-height:1.25 !important;
}

.about-school-page .about-contact-strip p{
  margin:0 !important;
  color:var(--about-muted) !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.about-school-page .about-contact-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}

.about-school-page .about-primary-btn,
.about-school-page .about-outline-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 17px;
  border-radius:7px;
  font-size:14.5px;
  line-height:1.2;
  font-weight:800 !important;
  text-align:center;
  text-decoration:none !important;
}

.about-school-page .about-primary-btn{
  border:1px solid var(--about-red);
  background:var(--about-red);
  color:#fff !important;
}

.about-school-page .about-primary-btn:hover{
  background:#bb1e2d;
  border-color:#bb1e2d;
  color:#fff !important;
}

.about-school-page .about-outline-btn{
  border:1px solid #cbd5e1;
  background:#fff;
  color:var(--about-navy) !important;
}

.about-school-page .about-outline-btn:hover{
  border-color:var(--about-navy);
  color:var(--about-navy) !important;
}

@media (max-width:991.98px){
  .about-school-page .about-content-section{padding:28px 0 42px !important;}
  .about-school-page .about-intro-copy{padding-right:0;}
  .about-school-page .about-development-copy{padding-left:0;}
  .about-school-page .about-section-divider{margin:32px 0;}
  .about-school-page .about-campus-image img{height:330px;}
  .about-school-page .about-contact-strip{align-items:flex-start;flex-direction:column;}
  .about-school-page .about-contact-actions{justify-content:flex-start;}
}

@media (max-width:767.98px){
  .about-school-page .about-title-section{padding:16px 0 18px;}
  .about-school-page .about-breadcrumb{margin-bottom:7px;font-size:12.5px;}
  .about-school-page .about-title-section h1{font-size:28px !important;line-height:1.18 !important;margin-bottom:6px !important;}
  .about-school-page .about-title-intro{font-size:15.5px !important;line-height:1.5 !important;}
  .about-school-page .about-content-section{padding:22px 0 34px !important;}
  .about-school-page .about-intro-copy h2,
  .about-school-page .about-development-copy h2{font-size:24px !important;line-height:1.28 !important;}
  .about-school-page .about-intro-copy p,
  .about-school-page .about-development-copy p{font-size:16px !important;line-height:1.68 !important;}
  .about-school-page .about-affiliation-row{align-items:flex-start;flex-direction:column;gap:8px;margin-top:18px;padding:13px 14px;}
  .about-school-page .about-section-divider{margin:26px 0;}
  .about-school-page .about-campus-image img{height:250px;}
  .about-school-page .about-development-copy h3{font-size:19px !important;}
  .about-school-page .about-learning-list li{font-size:15.5px !important;line-height:1.55 !important;}
  .about-school-page .about-contact-strip{margin-top:28px;padding:18px;}
  .about-school-page .about-contact-strip h2{font-size:22px !important;}
  .about-school-page .about-contact-actions{width:100%;}
  .about-school-page .about-primary-btn,
  .about-school-page .about-outline-btn{width:100%;}
}

@media (max-width:420px){
  .about-school-page .about-title-section h1{font-size:26px !important;}
  .about-school-page .about-campus-image img{height:220px;}
}

/* =====================================================
   APPROVED INTERNAL PAGE HERO WITH BREADCRUMBS
   Matches the approved About page on desktop and mobile.
   Page body content and functions are not affected.
===================================================== */
.premium-content-page .premium-page-hero.approved-inner-hero{
  position:relative !important;
  min-height:0 !important;
  margin:0 !important;
  padding:22px 0 24px !important;
  overflow:visible !important;
  background:#f8fafc !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:1px solid #dfe6ef !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero::before,
.premium-content-page .premium-page-hero.approved-inner-hero::after,
.premium-content-page .premium-page-hero.approved-inner-hero .container::before,
.premium-content-page .premium-page-hero.approved-inner-hero .container::after,
.premium-content-page .premium-page-hero.approved-inner-hero h1::before,
.premium-content-page .premium-page-hero.approved-inner-hero h1::after{
  display:none !important;
  content:none !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .container,
.premium-content-page .premium-page-hero.approved-inner-hero .container-fluid{
  display:block !important;
  width:100% !important;
  margin:0 auto !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .inner-page-breadcrumb{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  max-width:980px !important;
  margin:0 0 9px !important;
  padding:0 !important;
  color:#64748b !important;
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  font-size:13.5px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .inner-page-breadcrumb a{
  color:#d92334 !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .inner-page-breadcrumb a:hover,
.premium-content-page .premium-page-hero.approved-inner-hero .inner-page-breadcrumb a:focus{
  color:#b91c2b !important;
  text-decoration:underline !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .inner-page-breadcrumb span[aria-current="page"]{
  color:#64748b !important;
  font-weight:400 !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero h1{
  max-width:980px !important;
  margin:0 0 7px !important;
  padding:0 !important;
  color:#0f2d57 !important;
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  font-size:clamp(30px,3vw,40px) !important;
  line-height:1.16 !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
  text-transform:none !important;
  text-shadow:none !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .lead{
  max-width:900px !important;
  margin:0 !important;
  padding:0 !important;
  color:#526176 !important;
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  font-size:17px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
}

/* Existing functional elements are retained below the approved title content. */
.premium-content-page .premium-page-hero.approved-inner-hero .btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:100% !important;
  min-height:40px !important;
  margin:13px 0 0 !important;
  padding:8px 16px !important;
  border-radius:7px !important;
  font-size:14.5px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .alert{
  max-width:900px !important;
  margin-top:14px !important;
  margin-bottom:0 !important;
  padding:11px 14px !important;
  border-radius:7px !important;
  font-size:14.5px !important;
  line-height:1.5 !important;
  box-shadow:none !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .gallery-album-info,
.premium-content-page .premium-page-hero.approved-inner-hero .event-detail-date,
.premium-content-page .premium-page-hero.approved-inner-hero .award-detail-date{
  color:#526176 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:600 !important;
}

@media (max-width:767.98px){
  .premium-content-page .premium-page-hero.approved-inner-hero{
    padding:16px 0 18px !important;
  }

  .premium-content-page .premium-page-hero.approved-inner-hero .inner-page-breadcrumb{
    margin-bottom:7px !important;
    gap:7px !important;
    font-size:12.5px !important;
  }

  .premium-content-page .premium-page-hero.approved-inner-hero h1{
    margin-bottom:6px !important;
    font-size:28px !important;
    line-height:1.18 !important;
    letter-spacing:-.02em !important;
  }

  .premium-content-page .premium-page-hero.approved-inner-hero .lead{
    font-size:15.5px !important;
    line-height:1.5 !important;
  }

  .premium-content-page .premium-page-hero.approved-inner-hero .btn{
    min-height:38px !important;
    margin-top:10px !important;
    padding:7px 14px !important;
    font-size:14px !important;
  }
}

@media (max-width:420px){
  .premium-content-page .premium-page-hero.approved-inner-hero h1{
    font-size:26px !important;
  }
}

/* Neutralise page-specific decorative hero wrappers so every internal page
   keeps the same approved compact presentation. */
.premium-content-page .premium-page-hero.approved-inner-hero .hero-inner{
  position:static !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-align:left !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .hero-inner::before,
.premium-content-page .premium-page-hero.approved-inner-hero .hero-inner::after{
  display:none !important;
  content:none !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .page-kicker{
  display:none !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
}

/* ==========================================================
   FINAL APPROVED INNER-PAGE STANDARD — 23 JUN 2026
   One breadcrumb in the hero, one H1 per rendered page,
   aligned content width, readable typography and mobile spacing.
   Homepage, header, footer, forms and PHP functions are untouched.
========================================================== */

/* Use the same system font stack and colour hierarchy as the approved About page. */
.premium-content-page{
  --inner-navy:#10294f;
  --inner-red:#d92334;
  --inner-text:#334155;
  --inner-muted:#64748b;
  --inner-line:#e5eaf1;
  --inner-soft:#f8fafc;
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
  color:var(--inner-text) !important;
  background:#fff !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Approved hero: same horizontal grid as the About page content. */
.premium-content-page .premium-page-hero.approved-inner-hero{
  padding:22px 0 24px !important;
  background:var(--inner-soft) !important;
  border-bottom:1px solid var(--inner-line) !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .container,
.premium-content-page .premium-page-hero.approved-inner-hero .container-fluid{
  width:100% !important;
  max-width:1320px !important;
  margin-right:auto !important;
  margin-left:auto !important;
  padding-right:12px !important;
  padding-left:12px !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .inner-page-breadcrumb{
  max-width:none !important;
  margin:0 0 9px !important;
  color:var(--inner-muted) !important;
  font-family:inherit !important;
  font-size:13.5px !important;
  line-height:1.4 !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero h1{
  max-width:1050px !important;
  margin:0 0 7px !important;
  color:var(--inner-navy) !important;
  font-family:inherit !important;
  font-size:clamp(30px,3vw,40px) !important;
  line-height:1.16 !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
}

.premium-content-page .premium-page-hero.approved-inner-hero .lead{
  max-width:900px !important;
  margin:0 !important;
  color:#526176 !important;
  font-family:inherit !important;
  font-size:17px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}

/* Align ordinary legacy page content with the approved hero. */
.premium-content-page.legacy-content:not(.about-school-page) > section:not(.premium-page-hero){
  padding:34px 0 46px !important;
  background:#fff !important;
}

.premium-content-page.legacy-content:not(.about-school-page) > section:not(.premium-page-hero) > .container{
  width:100% !important;
  max-width:1320px !important;
  margin-right:auto !important;
  margin-left:auto !important;
  padding-right:12px !important;
  padding-left:12px !important;
}

.legacy-content .innerpage{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:var(--inner-text) !important;
}

/* Remove double Bootstrap indentation inside old page templates. */
.legacy-content .innerpage > .container,
.legacy-content .innerpage > .wrapper > .container,
.legacy-content .innerpage > .fullwidth > .container{
  width:100% !important;
  max-width:none !important;
  margin-right:0 !important;
  margin-left:0 !important;
  padding-right:0 !important;
  padding-left:0 !important;
}

/* Safety fallback: old breadcrumbs are no longer visually repeated. */
.legacy-content .innerpage .breacrum,
.legacy-content .innerpage .breadcrumb:not(.inner-page-breadcrumb){
  display:none !important;
}

/* Clean, restrained typography similar to the approved About page. */
.legacy-content .innerpage h2,
.legacy-content .innerpage .main_heading{
  margin:0 0 16px !important;
  color:var(--inner-navy) !important;
  font-family:inherit !important;
  font-size:clamp(26px,2.35vw,33px) !important;
  line-height:1.24 !important;
  font-weight:800 !important;
  letter-spacing:-.018em !important;
  text-transform:none !important;
}

.legacy-content .innerpage h3{
  margin:22px 0 10px !important;
  color:#18345a !important;
  font-family:inherit !important;
  font-size:22px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
}

.legacy-content .innerpage h4,
.legacy-content .innerpage h5,
.legacy-content .innerpage h6{
  margin:18px 0 8px !important;
  color:#18345a !important;
  font-family:inherit !important;
  line-height:1.4 !important;
  font-weight:750 !important;
}

.legacy-content .innerpage p,
.legacy-content .innerpage li{
  color:var(--inner-text) !important;
  font-family:inherit !important;
  font-size:16.5px !important;
  line-height:1.75 !important;
  font-weight:400 !important;
}

.legacy-content .innerpage p{
  margin:0 0 15px !important;
}

.legacy-content .innerpage ul,
.legacy-content .innerpage ol{
  margin-top:0 !important;
  margin-bottom:18px !important;
}

.legacy-content .innerpage li{
  margin-bottom:7px !important;
}

.legacy-content .innerpage strong,
.legacy-content .innerpage b{
  color:#172f52;
  font-weight:750;
}

.legacy-content .innerpage > :first-child,
.legacy-content .innerpage > .fullwidth:first-child > :first-child{
  margin-top:0 !important;
}

/* Keep long reading lines comfortable without restricting tables, forms or grids. */
.legacy-content .innerpage > p,
.legacy-content .innerpage > ul,
.legacy-content .innerpage > ol,
.legacy-content .innerpage > h2,
.legacy-content .innerpage > h3{
  max-width:1080px;
}

/* Old vision/mission and facilities lists become clean responsive two-column rows. */
.legacy-content .infra > ul{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.legacy-content .infra > ul > li{
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr) !important;
  gap:36px !important;
  align-items:start !important;
  margin:0 0 34px !important;
  padding:0 0 34px !important;
  border-bottom:1px solid var(--inner-line);
  list-style:none !important;
}

.legacy-content .infra > ul > li:last-child{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  border-bottom:0;
}

.legacy-content .infra .textbox,
.legacy-content .infra .imgbox{
  float:none !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.legacy-content .infra .textbox.left{
  grid-column:1;
}

.legacy-content .infra .imgbox.right{
  grid-column:2;
}

.legacy-content .infra .imgbox.left{
  grid-column:1;
  grid-row:1;
}

.legacy-content .infra .textbox.right{
  grid-column:2;
  grid-row:1;
}

.legacy-content .infra .imgbox img{
  display:block;
  width:100% !important;
  height:auto !important;
  max-height:420px;
  object-fit:cover;
  border-radius:10px;
}

/* Old location-page sub-heroes become normal content introductions. */
.legacy-content .innerpage .hero{
  margin:0 0 24px !important;
  padding:0 0 20px !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid var(--inner-line) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-align:left !important;
}

.legacy-content .innerpage .hero h2{
  margin-bottom:8px !important;
}

.legacy-content .innerpage .hero p{
  margin-bottom:0 !important;
  color:var(--inner-muted) !important;
}

/* Images, video and tables remain responsive. */
.legacy-content .innerpage img,
.legacy-content .innerpage iframe{
  max-width:100% !important;
}

.legacy-content .innerpage table{
  margin-top:18px !important;
  margin-bottom:24px !important;
  color:var(--inner-text) !important;
  font-family:inherit !important;
  font-size:15.5px !important;
  line-height:1.55 !important;
}

.legacy-content .innerpage table th{
  color:var(--inner-navy) !important;
  font-weight:800 !important;
  background:#f8fafc;
}

@media (max-width:991.98px){
  .premium-content-page .premium-page-hero.approved-inner-hero .container,
  .premium-content-page .premium-page-hero.approved-inner-hero .container-fluid,
  .premium-content-page.legacy-content:not(.about-school-page) > section:not(.premium-page-hero) > .container{
    max-width:960px !important;
  }

  .legacy-content .infra > ul > li{
    grid-template-columns:minmax(0,1fr) minmax(260px,.8fr) !important;
    gap:26px !important;
  }
}

@media (max-width:767.98px){
  .premium-content-page .premium-page-hero.approved-inner-hero{
    padding:16px 0 18px !important;
  }

  .premium-content-page .premium-page-hero.approved-inner-hero .container,
  .premium-content-page .premium-page-hero.approved-inner-hero .container-fluid,
  .premium-content-page.legacy-content:not(.about-school-page) > section:not(.premium-page-hero) > .container{
    max-width:720px !important;
    padding-right:16px !important;
    padding-left:16px !important;
  }

  .premium-content-page .premium-page-hero.approved-inner-hero .inner-page-breadcrumb{
    margin-bottom:7px !important;
    font-size:12.5px !important;
  }

  .premium-content-page .premium-page-hero.approved-inner-hero h1{
    margin-bottom:6px !important;
    font-size:28px !important;
    line-height:1.18 !important;
  }

  .premium-content-page .premium-page-hero.approved-inner-hero .lead{
    font-size:15.5px !important;
    line-height:1.5 !important;
  }

  .premium-content-page.legacy-content:not(.about-school-page) > section:not(.premium-page-hero){
    padding:24px 0 34px !important;
  }

  .legacy-content .innerpage h2,
  .legacy-content .innerpage .main_heading{
    font-size:24px !important;
    line-height:1.28 !important;
  }

  .legacy-content .innerpage h3{
    margin-top:19px !important;
    font-size:20px !important;
  }

  .legacy-content .innerpage p,
  .legacy-content .innerpage li{
    font-size:16px !important;
    line-height:1.68 !important;
  }

  .legacy-content .infra > ul > li{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
    margin-bottom:26px !important;
    padding-bottom:26px !important;
  }

  .legacy-content .infra .textbox,
  .legacy-content .infra .imgbox{
    order:initial !important;
    width:100% !important;
  }

  .legacy-content .infra .textbox{
    order:1 !important;
  }

  .legacy-content .infra .imgbox{
    order:2 !important;
  }

  .legacy-content .infra .imgbox img{
    max-height:none;
  }

  .legacy-content .innerpage table{
    font-size:14.5px !important;
  }
}

@media (max-width:420px){
  .premium-content-page .premium-page-hero.approved-inner-hero h1{
    font-size:26px !important;
  }
}