/* inner-refined.css = shcis-refined-inner + about-learning-v2
   Generated from the approved static design by scripts/extract/extract-css.mjs — do not edit by hand.
   The theme's markup mirrors the design's class names. */
/* ---- shcis-refined-inner ---- */
/* SHCIS REFINED INNER PAGE SYSTEM */
/* ======================================================================
   SHCIS — REFINED INNER PAGE SYSTEM
   Goal: premium school website family, clear information hierarchy,
   purposeful photography, restrained motion, no agency-style gimmicks.
   Header/footer remain untouched.
   ====================================================================== */

body.inner-page{
  --ref-content:88rem;
  --ref-gutter:clamp(1rem,3.2vw,3rem);
  --ref-radius:2rem;
  --ref-radius-sm:1.25rem;
  --ref-shadow:0 1.4rem 3.5rem rgba(9,25,53,.08);
  background:#f8f4ed!important;
}
body.inner-page main{overflow:visible!important}
body.inner-page main>section:not(.inner-hero):not(.modal-panel){
  width:calc(100% - 1rem)!important;
  max-width:96rem!important;
  margin:.5rem auto 0!important;
  border-radius:var(--ref-radius)!important;
  overflow:hidden;
}
body.inner-page .section-paper,
body.inner-page .section-surface{
  background:#fffdf8!important;
  color:var(--ink)!important;
  padding:clamp(3rem,5vw,5.4rem) var(--ref-gutter)!important;
}
body.inner-page .dark-stage{
  background:linear-gradient(145deg,#06152f 0%,#0b2148 58%,#102b58 100%)!important;
  color:#fff!important;
  padding:clamp(3rem,5vw,5.4rem) var(--ref-gutter)!important;
}
body.inner-page .dark-stage h2,
body.inner-page .dark-stage h3{color:#fff!important}
body.inner-page .dark-stage p{color:rgba(255,255,255,.72)!important}
body.inner-page .dark-stage .eyebrow,
body.inner-page .eyebrow.light{color:#d6aa51!important}

/* ---------- inner hero: same family, more conventional school-page scale ---------- */
body.inner-page .inner-hero,
body.inner-page .inner-hero.with-photo,
body.inner-page .hero-statement,
body.inner-page .hero-utility,
body.inner-page .hero-leadership,
body.inner-page .hero-visual{
  min-height:clamp(30rem,54svh,39rem)!important;
  height:auto!important;
  border-radius:0 0 var(--ref-radius) var(--ref-radius)!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#06152f,#0b2148 62%,#102b58)!important;
}
body.inner-page .inner-hero.with-photo{min-height:clamp(31rem,57svh,41rem)!important}
body.inner-page .inner-hero-media{
  object-fit:cover!important;
  object-position:center 43%!important;
  filter:saturate(.9) contrast(1.02)!important;
}
body.inner-page .inner-hero-shade{
  background:linear-gradient(90deg,rgba(5,18,42,.94) 0%,rgba(5,18,42,.78) 46%,rgba(5,18,42,.34) 78%,rgba(5,18,42,.18) 100%)!important;
}
body.inner-page .inner-hero:not(.with-photo) .inner-hero-shade{
  background:
    radial-gradient(circle at 82% 72%,rgba(201,147,45,.12),transparent 24%),
    linear-gradient(145deg,#06152f,#0b2148 65%,#102b58)!important;
}
body.inner-page .inner-hero-content{
  width:100%!important;
  max-width:var(--ref-content)!important;
  margin:auto auto 0!important;
  padding:clamp(2.6rem,4vw,4.2rem) var(--ref-gutter) clamp(3rem,5vw,4.75rem)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(14rem,20rem)!important;
  gap:clamp(2rem,5vw,5rem)!important;
  align-items:end!important;
  text-align:left!important;
}
body.inner-page .hero-copy-block{max-width:64rem!important;text-align:left!important;justify-self:start!important}
body.inner-page .inner-hero h1{
  max-width:15ch!important;
  margin:.35rem 0 .85rem!important;
  font-size:clamp(3.6rem,6.6vw,7rem)!important;
  line-height:.88!important;
  letter-spacing:-.045em!important;
  text-align:left!important;
  text-wrap:balance!important;
}
body.inner-page .inner-hero .hero-copy-block>p{
  max-width:58ch!important;
  margin:0!important;
  font-size:clamp(.95rem,1.15vw,1.12rem)!important;
  line-height:1.65!important;
  color:rgba(255,255,255,.78)!important;
}
body.inner-page .inner-kicker{
  display:block!important;
  margin-top:1.15rem!important;
  color:#e0b55e!important;
  letter-spacing:.18em!important;
}
body.inner-page .crumbs{opacity:.78!important}
body.inner-page .inner-hero-aside{
  align-self:end!important;
  justify-self:stretch!important;
  max-width:20rem!important;
  padding:1.1rem 1.2rem!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:1.15rem!important;
  background:rgba(4,18,43,.38)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  text-align:left!important;
}
body.inner-page .inner-hero-aside span,
body.inner-page .inner-hero-aside small{color:rgba(255,255,255,.62)!important}
body.inner-page .inner-hero-aside strong{color:#fff!important;line-height:1.15!important}

/* ---------- shared inner-section typography ---------- */
body.inner-page main>section:not(.inner-hero) h2{
  font-family:var(--serif)!important;
  font-weight:500!important;
  font-size:clamp(2.7rem,4.7vw,5rem)!important;
  line-height:.96!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
  margin-top:0!important;
}
body.inner-page main>section:not(.inner-hero) h3{
  font-family:var(--serif)!important;
  font-weight:600!important;
  line-height:1.05!important;
}
body.inner-page main>section:not(.inner-hero) p{
  line-height:1.75!important;
}
body.inner-page .quiet-next{
  background:transparent!important;
  padding:.25rem 0 0!important;
  overflow:visible!important;
}
body.inner-page .quiet-next a{
  max-width:var(--ref-content)!important;
  margin:0 auto!important;
  border:1px solid var(--hairline)!important;
  border-radius:1.25rem!important;
  background:#fffdf8!important;
  padding:1.15rem 1.35rem!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important;
}
body.inner-page .quiet-next a:hover{transform:translateY(-2px)!important;border-color:rgba(201,147,45,.55)!important;box-shadow:var(--ref-shadow)!important}

/* ---------- About ---------- */
body.page-about-us .story-opening{
  background:#fffdf8!important;
  padding:clamp(3.5rem,5.5vw,5.5rem) var(--ref-gutter)!important;
}
body.page-about-us .story-opening-grid{
  max-width:var(--ref-content)!important;
  margin:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(20rem,.72fr)!important;
  gap:clamp(2.5rem,6vw,6rem)!important;
  align-items:center!important;
}
body.page-about-us .story-intro h2{max-width:15ch!important}
body.page-about-us .story-portrait{border-radius:1.5rem!important;overflow:hidden!important;box-shadow:var(--ref-shadow)!important;transform:none!important}
body.page-about-us .story-portrait img{aspect-ratio:4/3!important;object-fit:cover!important}
body.page-about-us .institution-strip{
  max-width:var(--ref-content)!important;margin:3.5rem auto 0!important;
  grid-template-columns:repeat(4,1fr)!important;gap:.8rem!important
}
body.page-about-us .institution-strip>div{
  border:1px solid var(--hairline)!important;border-radius:1rem!important;background:#f6f0e7!important;padding:1.2rem!important
}
body.page-about-us .photo-narrative{padding:clamp(3.5rem,5vw,5rem) var(--ref-gutter)!important}
body.page-about-us .photo-narrative-head{max-width:var(--ref-content)!important;margin:0 auto 2rem!important}
body.page-about-us .photo-narrative-grid{max-width:var(--ref-content)!important;margin:auto!important;gap:1rem!important}
body.page-about-us .photo-narrative figure{border-radius:1.2rem!important;overflow:hidden!important}
body.page-about-us .editorial-quote{padding:clamp(3rem,5vw,5rem) var(--ref-gutter)!important;text-align:left!important}

/* ---------- Mission ---------- */
body.page-mission-statement .mission-kinetic,
body.page-mission-statement .statement-word{display:none!important}
body.page-mission-statement .statement-stage{
  width:calc(100% - 1rem)!important;max-width:96rem!important;margin:.5rem auto 0!important;
  border-radius:var(--ref-radius)!important;background:#fffdf8!important;color:var(--ink)!important;
  padding:clamp(3.5rem,6vw,6rem) var(--ref-gutter)!important;overflow:hidden!important
}
body.page-mission-statement .statement-core{max-width:var(--ref-content)!important;margin:auto!important;text-align:left!important}
body.page-mission-statement .statement-core .eyebrow{color:var(--brand)!important}
body.page-mission-statement .statement-core h2{max-width:19ch!important;color:var(--ink)!important;margin-bottom:1.25rem!important}
body.page-mission-statement .statement-core p{max-width:60rem!important;color:var(--ink-soft)!important;font-size:clamp(1.03rem,1.3vw,1.18rem)!important}
body.page-mission-statement .statement-principles{
  max-width:var(--ref-content)!important;margin:3rem auto 0!important;
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1rem!important
}
body.page-mission-statement .statement-principles article{
  border:1px solid var(--hairline)!important;border-radius:1.25rem!important;background:#f4ede3!important;
  padding:1.5rem!important;min-height:12rem!important;color:var(--ink)!important
}
body.page-mission-statement .statement-principles article b{color:#a97618!important}
body.page-mission-statement .statement-principles article h3{font-size:1.75rem!important;margin:.9rem 0 .45rem!important;color:var(--ink)!important}
body.page-mission-statement .statement-principles article p{color:var(--ink-soft)!important;margin:0!important}

/* ---------- Vision ---------- */
body.page-our-vision .vision-rings,
body.page-our-vision .vision-mark{display:none!important}
body.page-our-vision .vision-composition{
  max-width:96rem!important;margin:.5rem auto 0!important;
  padding:clamp(3.5rem,6vw,6rem) var(--ref-gutter)!important;
  display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.75fr)!important;
  gap:clamp(2.5rem,6vw,6rem)!important;align-items:start!important
}
body.page-our-vision .vision-copy{max-width:54rem!important}
body.page-our-vision .vision-copy h2{max-width:15ch!important;margin-bottom:1rem!important}
body.page-our-vision .vision-copy p{font-size:1.08rem!important;color:var(--ink-soft)!important;max-width:42rem!important}
body.page-our-vision .vision-axis{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important;margin:0!important}
body.page-our-vision .vision-axis>div{
  display:block!important;border:1px solid var(--hairline)!important;border-radius:1.15rem!important;background:#f4ede3!important;padding:1.2rem 1.3rem!important
}
body.page-our-vision .vision-axis span{font-family:var(--serif)!important;font-size:1.55rem!important;color:var(--ink)!important}
body.page-our-vision .vision-axis i{display:block!important;width:2.4rem!important;height:2px!important;background:#c9932d!important;margin:.65rem 0!important}
body.page-our-vision .vision-axis p{margin:0!important;color:var(--ink-soft)!important}

/* ---------- History ---------- */
body.page-our-history .history-stream{
  padding:clamp(3.5rem,5vw,5.5rem) var(--ref-gutter)!important;
  display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.75fr)!important;
  column-gap:clamp(2.5rem,6vw,6rem)!important;align-items:start!important
}
body.page-our-history .history-intro{grid-column:1/-1!important;max-width:var(--ref-content)!important;width:100%!important;margin:0 auto 2.5rem!important}
body.page-our-history .history-intro h2{max-width:18ch!important}
body.page-our-history .timeline{grid-column:1!important;margin:0!important;padding:0!important;max-width:52rem!important}
body.page-our-history .timeline-progress{display:none!important}
body.page-our-history .timeline li{
  position:relative!important;display:grid!important;grid-template-columns:7.5rem 1fr!important;gap:1.25rem!important;
  padding:0 0 2rem!important;margin:0 0 1.7rem!important;border-bottom:1px solid var(--hairline)!important
}
body.page-our-history .timeline li time{font-family:var(--serif)!important;font-size:1.55rem!important;color:#9c701d!important;font-weight:600!important}
body.page-our-history .timeline li h3{font-size:1.85rem!important;margin:0 0 .45rem!important}
body.page-our-history .timeline li p{margin:0!important;color:var(--ink-soft)!important}
body.page-our-history .timeline-image{
  grid-column:2!important;grid-row:2!important;position:sticky!important;top:1rem!important;
  margin:0!important;border-radius:1.5rem!important;overflow:hidden!important;box-shadow:var(--ref-shadow)!important
}
body.page-our-history .timeline-image img{aspect-ratio:4/5!important;object-fit:cover!important}
body.page-our-history .timeline-image figcaption{background:#0b2148!important;color:rgba(255,255,255,.75)!important;padding:.9rem 1rem!important;font-size:.78rem!important}

/* ---------- Aim & Objectives ---------- */
body.page-aim-objectives .aim-stage{padding:clamp(3.5rem,5vw,5.5rem) var(--ref-gutter)!important}
body.page-aim-objectives .aim-copy{max-width:var(--ref-content)!important;margin:auto!important}
body.page-aim-objectives .aim-copy h2{max-width:16ch!important}
body.page-aim-objectives .aim-copy p{max-width:58rem!important;color:var(--ink-soft)!important;font-size:1.05rem!important}
body.page-aim-objectives .aim-orbit{
  max-width:var(--ref-content)!important;margin:2.5rem auto 0!important;
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1rem!important
}
body.page-aim-objectives .aim-orbit article{
  position:static!important;transform:none!important;width:auto!important;height:auto!important;
  border:1px solid var(--hairline)!important;border-radius:1.2rem!important;background:#f4ede3!important;padding:1.4rem!important;min-height:12rem!important
}
body.page-aim-objectives .aim-orbit article b{color:#a97618!important}
body.page-aim-objectives .aim-orbit article h3{font-size:1.6rem!important;margin:.75rem 0 .45rem!important}
body.page-aim-objectives .aim-orbit article p{margin:0!important;color:var(--ink-soft)!important}
body.page-aim-objectives .social-callout{
  max-width:var(--ref-content)!important;margin:1rem auto 0!important;border-radius:1.2rem!important;
  background:#0b2148!important;color:#fff!important;padding:1.35rem 1.5rem!important;display:grid!important;grid-template-columns:12rem 1fr!important;gap:1rem!important
}
body.page-aim-objectives .social-callout p{color:rgba(255,255,255,.74)!important;margin:0!important}

/* ---------- Prayers ---------- */
body.page-prayers .prayer-halo{display:none!important}
body.page-prayers .prayer-stage{
  width:calc(100% - 1rem)!important;max-width:96rem!important;margin:.5rem auto 0!important;border-radius:var(--ref-radius)!important;
  background:linear-gradient(145deg,#06152f,#0b2148 65%,#102b58)!important;color:#fff!important;
  padding:clamp(3.5rem,5vw,5.5rem) var(--ref-gutter)!important
}
body.page-prayers .prayer-intro{max-width:var(--ref-content)!important;margin:auto!important;text-align:left!important}
body.page-prayers .prayer-intro h2{max-width:14ch!important;color:#fff!important}
body.page-prayers .prayer-intro p{max-width:48rem!important;color:rgba(255,255,255,.7)!important}
body.page-prayers .prayer-list{
  max-width:var(--ref-content)!important;margin:2.5rem auto 0!important;
  display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.85rem!important
}
body.page-prayers .prayer-list article{
  position:static!important;transform:none!important;opacity:1!important;
  border:1px solid rgba(255,255,255,.14)!important;border-radius:1.15rem!important;background:rgba(255,255,255,.055)!important;
  padding:1.4rem!important;min-height:10rem!important
}
body.page-prayers .prayer-list article span{color:#e0b55e!important}
body.page-prayers .prayer-list article h3{font-size:1.55rem!important;margin:.65rem 0 .4rem!important;color:#fff!important}
body.page-prayers .prayer-list article p{margin:0!important;color:rgba(255,255,255,.68)!important}

/* ---------- Leadership ---------- */
body.leadership-page .leadership-monogram{display:none!important}
body.leadership-page .leadership-stage{
  max-width:96rem!important;margin:.5rem auto 0!important;
  display:grid!important;grid-template-columns:minmax(20rem,.72fr) minmax(0,1.28fr)!important;
  gap:clamp(2rem,5vw,5rem)!important;align-items:start!important;padding:clamp(3rem,5vw,5rem) var(--ref-gutter)!important
}
body.leadership-page .leadership-stage.reverse{grid-template-columns:minmax(0,1.28fr) minmax(20rem,.72fr)!important}
body.leadership-page .leadership-stage.reverse .leader-portrait{grid-column:2!important;grid-row:1!important}
body.leadership-page .leadership-stage.reverse .leader-letter{grid-column:1!important;grid-row:1!important}
body.leadership-page .leader-portrait{margin:0!important;border-radius:1.5rem!important;overflow:hidden!important;box-shadow:var(--ref-shadow)!important;background:#eee6db!important}
body.leadership-page .leader-portrait img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;object-position:center top!important}
body.leadership-page .leader-letter{max-width:56rem!important;padding:.75rem 0!important}
body.leadership-page .leader-letter h2{font-size:clamp(3rem,5vw,5rem)!important;margin-bottom:1.3rem!important}
body.leadership-page .leader-thesis{font-family:var(--serif)!important;font-size:clamp(1.45rem,2vw,2rem)!important;line-height:1.35!important;color:var(--ink)!important}
body.leadership-page .leader-letter>p:not(.leader-thesis){font-size:1.03rem!important;color:var(--ink-soft)!important;max-width:50rem!important}
body.leadership-page .leader-sign{border-top:1px solid var(--hairline)!important;margin-top:1.7rem!important;padding-top:1rem!important}

/* ---------- Rules / prospectus ---------- */
body.rules-page .conduct-word,
body.page-leave-rules .leave-calendar{display:none!important}
body.rules-page .rules-layout{
  max-width:96rem!important;margin:.5rem auto 0!important;
  display:grid!important;grid-template-columns:minmax(18rem,.42fr) minmax(0,.95fr)!important;
  gap:clamp(2rem,5vw,5rem)!important;padding:clamp(3.25rem,5vw,5rem) var(--ref-gutter)!important;align-items:start!important
}
body.rules-page .rules-index{position:sticky!important;top:1rem!important;align-self:start!important;max-width:28rem!important}
body.rules-page .rules-index h2{font-size:clamp(2.7rem,4vw,4rem)!important;max-width:10ch!important;margin-bottom:1rem!important}
body.rules-page .rules-index>p{color:var(--ink-soft)!important}
body.rules-page .rules-note{margin-top:1.5rem!important;border-left:3px solid #c9932d!important;border-radius:0 .9rem .9rem 0!important;background:#f4ede3!important;padding:1rem 1.1rem!important}
body.rules-page .rules-list{margin:0!important;padding:0!important;list-style:none!important}
body.rules-page .rules-list li{
  display:grid!important;grid-template-columns:3rem 1fr!important;gap:1rem!important;align-items:start!important;
  padding:1.2rem 0!important;border-bottom:1px solid var(--hairline)!important;background:transparent!important;border-radius:0!important
}
body.rules-page .rules-list li:first-child{border-top:1px solid var(--hairline)!important}
body.rules-page .rules-list li b{font-family:var(--serif)!important;font-size:1.35rem!important;color:#a97618!important;padding-top:.1rem!important}
body.rules-page .rules-list li p{margin:0!important;color:var(--ink)!important;font-size:1rem!important}
body.page-admission-regulations .admission-journey{max-width:96rem!important;margin:.5rem auto 0!important;padding:3rem var(--ref-gutter)!important}
body.page-admission-regulations .journey{max-width:var(--ref-content)!important;margin:1.7rem auto 0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:.75rem!important}
body.page-admission-regulations .journey>div{border:1px solid rgba(255,255,255,.14)!important;border-radius:1rem!important;background:rgba(255,255,255,.055)!important;padding:1.2rem!important}

/* ---------- Infrastructure ---------- */
body.page-infrastructure .campus-facilities,
body.page-infrastructure .infra-photo-strip{padding:clamp(3.4rem,5vw,5rem) var(--ref-gutter)!important}
body.page-infrastructure .campus-facilities-inner,
body.page-infrastructure .infra-photo-strip-inner{max-width:var(--ref-content)!important;margin:auto!important}
body.page-infrastructure .campus-facilities-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr)!important;gap:2rem!important;align-items:end!important;margin-bottom:2.4rem!important}
body.page-infrastructure .campus-facilities-head h2{max-width:15ch!important}
body.page-infrastructure .campus-facilities-head p{color:var(--ink-soft)!important;margin:0!important}
body.page-infrastructure .facility-feature-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}
body.page-infrastructure .facility-feature{
  display:grid!important;grid-template-columns:44% 56%!important;align-items:stretch!important;
  border:1px solid var(--hairline)!important;border-radius:1.35rem!important;overflow:hidden!important;background:#fffdf8!important;min-height:18rem!important
}
body.page-infrastructure .facility-feature figure{margin:0!important;min-height:100%!important;overflow:hidden!important}
body.page-infrastructure .facility-feature figure img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .6s cubic-bezier(.2,.7,.2,1)!important}
body.page-infrastructure .facility-feature:hover figure img{transform:scale(1.035)!important}
body.page-infrastructure .facility-feature-copy{padding:1.35rem!important;align-self:center!important}
body.page-infrastructure .facility-feature-copy h3{font-size:1.85rem!important;margin:.4rem 0 .6rem!important}
body.page-infrastructure .facility-feature-copy p{color:var(--ink-soft)!important;margin:0!important;font-size:.95rem!important}
body.page-infrastructure .facility-more{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:.75rem!important;margin-top:1rem!important}
body.page-infrastructure .facility-more article{border:1px solid var(--hairline)!important;border-radius:1rem!important;background:#f4ede3!important;padding:1.1rem!important}
body.page-infrastructure .infra-photo-strip{background:linear-gradient(145deg,#06152f,#0b2148)!important;color:#fff!important}
body.page-infrastructure .infra-photo-strip-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr)!important;gap:2rem!important;align-items:end!important;margin-bottom:2rem!important}
body.page-infrastructure .infra-photo-strip-head h2{color:#fff!important;max-width:16ch!important}
body.page-infrastructure .infra-photo-strip-head p{color:rgba(255,255,255,.7)!important}
body.page-infrastructure .infra-photo-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.8rem!important}
body.page-infrastructure .infra-photo-grid figure{border-radius:1.05rem!important;overflow:hidden!important;background:rgba(255,255,255,.06)!important}
body.page-infrastructure .infra-photo-grid figure:first-child{grid-column:span 2!important}
body.page-infrastructure .infra-photo-grid img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important}

/* ---------- Gallery ---------- */
body.page-photo-gallery .gallery-editorial{padding:clamp(3.4rem,5vw,5rem) var(--ref-gutter)!important}
body.page-photo-gallery .gallery-head{max-width:var(--ref-content)!important;margin:0 auto 2.2rem!important;text-align:left!important}
body.page-photo-gallery .gallery-head h2{max-width:13ch!important}
body.page-photo-gallery .gallery-head p{max-width:52rem!important}
body.page-photo-gallery .masonry{max-width:var(--ref-content)!important;margin:auto!important;columns:3!important;column-gap:.85rem!important}
body.page-photo-gallery .masonry figure{break-inside:avoid!important;margin:0 0 .85rem!important;border-radius:1rem!important;overflow:hidden!important;background:rgba(255,255,255,.06)!important;position:relative!important}
body.page-photo-gallery .masonry img{width:100%!important;transition:transform .55s ease!important}
body.page-photo-gallery .masonry figure:hover img{transform:scale(1.025)!important}
body.page-photo-gallery .masonry figcaption{padding:.85rem 1rem!important;color:rgba(255,255,255,.82)!important;font-size:.8rem!important;line-height:1.45!important}
body.page-photo-gallery .gallery-live{max-width:var(--ref-content)!important;margin:1.4rem auto 0!important}

/* ---------- Video ---------- */
body.page-video-gallery .film-perforation{display:none!important}
body.page-video-gallery .video-stage{
  display:grid!important;grid-template-columns:minmax(18rem,.62fr) minmax(0,1.38fr)!important;
  gap:clamp(2rem,5vw,5rem)!important;align-items:center!important;padding:clamp(3.5rem,5vw,5rem) var(--ref-gutter)!important
}
body.page-video-gallery .video-copy{max-width:32rem!important}
body.page-video-gallery .video-copy h2{max-width:9ch!important}
body.page-video-gallery .video-frame{border-radius:1.35rem!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 1.6rem 4rem rgba(0,0,0,.2)!important}
body.page-video-gallery .video-frame iframe{aspect-ratio:16/9!important;width:100%!important;height:auto!important;display:block!important}
body.page-video-gallery .video-foot{text-align:left!important}
body.page-video-gallery .video-foot h2{font-size:clamp(2.4rem,4vw,4rem)!important;margin-bottom:.8rem!important}

/* ---------- Achievements ---------- */
body.page-achievements .achievement-intro{
  padding:clamp(3rem,4.5vw,4.3rem) var(--ref-gutter)!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2rem!important;align-items:end!important
}
body.page-achievements .achievement-intro h2{max-width:14ch!important;margin-bottom:.8rem!important}
body.page-achievements .achievement-intro p{max-width:56rem!important;color:var(--ink-soft)!important;margin-bottom:0!important}
body.page-achievements .achievement-count{align-self:center!important;min-width:9rem!important;text-align:right!important}
body.page-achievements .achievement-count strong{font-family:var(--serif)!important;font-size:clamp(4rem,7vw,6.8rem)!important;line-height:.8!important;color:#c9932d!important}
body.page-achievements .achievement-stage{padding:clamp(3rem,5vw,5rem) var(--ref-gutter)!important}
body.page-achievements .achievement-feature{max-width:var(--ref-content)!important;margin:0 auto 2rem!important;display:grid!important;grid-template-columns:minmax(18rem,.6fr) minmax(0,1fr)!important;gap:2rem!important;align-items:center!important}
body.page-achievements .achievement-feature figure{border-radius:1.2rem!important;overflow:hidden!important;margin:0!important}
body.page-achievements .achievement-feature figure img{aspect-ratio:16/10!important;object-fit:cover!important;width:100%!important}
body.page-achievements .achievement-list{
  max-width:var(--ref-content)!important;margin:auto!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.7rem!important
}
body.page-achievements .achievement-row{
  display:grid!important;grid-template-columns:2.4rem minmax(0,1fr) auto!important;gap:.8rem!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.13)!important;border-radius:1rem!important;background:rgba(255,255,255,.045)!important;
  padding:1rem 1.05rem!important;min-height:5rem!important;transition:background .25s ease,border-color .25s ease,transform .25s ease!important
}
body.page-achievements .achievement-row:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(201,147,45,.5)!important;transform:translateY(-2px)!important}
body.page-achievements .achievement-row b{color:#e0b55e!important}
body.page-achievements .achievement-row span{font-family:var(--serif)!important;font-size:1.22rem!important;line-height:1.15!important;color:#fff!important}
body.page-achievements .achievement-row i{font-style:normal!important;color:rgba(255,255,255,.6)!important;font-size:.72rem!important;white-space:nowrap!important}

/* ---------- Toppers ---------- */
body.page-toppers .year-marquee{display:none!important}
body.page-toppers .toppers-stage{padding:clamp(3.4rem,5vw,5rem) var(--ref-gutter)!important}
body.page-toppers .topper-intro{max-width:var(--ref-content)!important;margin:auto!important;text-align:left!important}
body.page-toppers .topper-intro h2{max-width:12ch!important;margin-bottom:.8rem!important}
body.page-toppers .topper-intro p{max-width:52rem!important;color:var(--ink-soft)!important}
body.page-toppers .topper-feature-grid{max-width:var(--ref-content)!important;margin:2.2rem auto 0!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1rem!important}
body.page-toppers .topper-feature-grid a{border-radius:1.2rem!important;overflow:hidden!important;background:#0b2148!important;box-shadow:0 1rem 2.4rem rgba(11,33,72,.1)!important}
body.page-toppers .topper-feature-grid figure{margin:0!important;position:relative!important}
body.page-toppers .topper-feature-grid img{aspect-ratio:4/5!important;object-fit:cover!important;width:100%!important}
body.page-toppers .topper-feature-grid figcaption{padding:1rem 1.05rem!important;color:#fff!important;font-family:var(--serif)!important;font-size:1.45rem!important}
body.page-toppers .topper-feature-grid figcaption span{display:block!important;color:rgba(255,255,255,.62)!important;font-family:var(--sans)!important;font-size:.72rem!important;margin-top:.25rem!important}
body.page-toppers .topper-years{max-width:var(--ref-content)!important;margin:2rem auto 0!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important}
body.page-toppers .topper-years>a{border:1px solid var(--hairline)!important;border-radius:1rem!important;background:#f4ede3!important;overflow:hidden!important}
body.page-toppers .topper-years article{display:grid!important;grid-template-columns:2.5rem minmax(0,1fr) auto!important;align-items:center!important;gap:.75rem!important;padding:1rem 1.1rem!important}
body.page-toppers .topper-years article b{color:#a97618!important}
body.page-toppers .topper-years article i{font-style:normal!important;color:var(--ink-soft)!important;font-size:.75rem!important}

/* ---------- Events ---------- */
body.page-events:not(.detail-record-page) .events-stage{padding:clamp(3.4rem,5vw,5rem) var(--ref-gutter)!important;background:#fffdf8!important}
body.page-events:not(.detail-record-page) .events-stage-inner{max-width:var(--ref-content)!important;margin:auto!important}
body.page-events:not(.detail-record-page) .events-stage-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr)!important;gap:2rem!important;align-items:end!important;margin-bottom:2.2rem!important}
body.page-events:not(.detail-record-page) .events-stage-head h2{max-width:16ch!important}
body.page-events:not(.detail-record-page) .events-stage-head p{color:var(--ink-soft)!important;margin:0!important}
body.page-events:not(.detail-record-page) .events-grid{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(22rem,.88fr)!important;gap:1rem!important;align-items:stretch!important}
body.page-events:not(.detail-record-page) .event-feature-card{border-radius:1.25rem!important;overflow:hidden!important;background:#0b2148!important;color:#fff!important;display:flex!important;flex-direction:column!important}
body.page-events:not(.detail-record-page) .event-feature-card img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important}
body.page-events:not(.detail-record-page) .event-feature-copy{padding:1.35rem!important}
body.page-events:not(.detail-record-page) .event-feature-copy time{color:#e0b55e!important;font-size:.74rem!important;text-transform:uppercase!important;letter-spacing:.12em!important}
body.page-events:not(.detail-record-page) .event-feature-copy h3{font-size:2rem!important;margin:.55rem 0 .6rem!important;color:#fff!important}
body.page-events:not(.detail-record-page) .event-feature-copy p{color:rgba(255,255,255,.7)!important;margin:0!important}
body.page-events:not(.detail-record-page) .event-list{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important}
body.page-events:not(.detail-record-page) .event-card{border:1px solid var(--hairline)!important;border-radius:1.15rem!important;background:#f4ede3!important;padding:1.2rem!important;transition:transform .25s ease,border-color .25s ease!important}
body.page-events:not(.detail-record-page) .event-card:hover{transform:translateY(-2px)!important;border-color:rgba(201,147,45,.5)!important}
body.page-events:not(.detail-record-page) .event-card time{color:#a97618!important;font-size:.7rem!important;text-transform:uppercase!important;letter-spacing:.1em!important}
body.page-events:not(.detail-record-page) .event-card h3{font-size:1.45rem!important;margin:.45rem 0!important}
body.page-events:not(.detail-record-page) .event-card p{font-size:.9rem!important;color:var(--ink-soft)!important;margin:.35rem 0 .8rem!important}
body.page-events:not(.detail-record-page) .event-card span{font-size:.72rem!important;font-weight:700!important;color:#0b2148!important}

/* ---------- Careers ---------- */
body.page-careers .career-marquee{display:none!important}
body.page-careers .careers-stage{padding:clamp(3.8rem,6vw,6rem) var(--ref-gutter)!important;position:relative!important}
body.page-careers .careers-stage>div:first-child{max-width:var(--ref-content)!important;margin:auto!important}
body.page-careers .careers-stage h2{max-width:14ch!important}
body.page-careers .careers-stage p{max-width:48rem!important;color:var(--ink-soft)!important;font-size:1.05rem!important}
body.page-careers .careers-stage:after{
  content:"Teach · Guide · Inspire · Serve";display:block!important;max-width:var(--ref-content)!important;margin:2.3rem auto 0!important;
  padding:1.2rem 1.3rem!important;border:1px solid var(--hairline)!important;border-radius:1rem!important;background:#f4ede3!important;
  color:#0b2148!important;font-family:var(--serif)!important;font-size:clamp(1.5rem,2.5vw,2.2rem)!important;letter-spacing:.01em!important
}

/* ---------- Contact ---------- */
body.page-mail-us .contact-compass,
body.page-write-us .feedback-orbit{display:none!important}
body.page-mail-us .contact-stage{
  display:grid!important;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr)!important;gap:clamp(2rem,5vw,5rem)!important;
  padding:clamp(3.4rem,5vw,5rem) var(--ref-gutter)!important;align-items:start!important
}
body.page-mail-us .contact-details{max-width:34rem!important}
body.page-mail-us .contact-details h2{max-width:11ch!important}
body.page-mail-us .contact-lines{margin-top:1.8rem!important;display:grid!important;gap:.7rem!important}
body.page-mail-us .contact-lines>div{border:1px solid var(--hairline)!important;border-radius:1rem!important;background:#f4ede3!important;padding:1rem 1.05rem!important}
body.page-mail-us .contact-lines span{display:block!important;color:var(--ink-soft)!important;font-size:.68rem!important;text-transform:uppercase!important;letter-spacing:.1em!important;margin-bottom:.25rem!important}
body.page-mail-us .premium-form{background:#f4ede3!important;border:1px solid var(--hairline)!important;border-radius:1.3rem!important;padding:1.4rem!important}
body.page-write-us .feedback-stage{
  display:grid!important;grid-template-columns:minmax(18rem,.62fr) minmax(0,1.38fr)!important;gap:clamp(2rem,5vw,5rem)!important;align-items:start!important;
  padding:clamp(3.5rem,5vw,5rem) var(--ref-gutter)!important
}
body.page-write-us .feedback-copy{max-width:32rem!important;padding-top:.5rem!important}
body.page-write-us .feedback-copy h2{max-width:9ch!important}
body.page-write-us .dark-form{border:1px solid rgba(255,255,255,.14)!important;border-radius:1.3rem!important;background:rgba(255,255,255,.055)!important;padding:1.35rem!important}

/* ---------- Notice board / Homework ---------- */
body.page-notice-board:not(.detail-record-page) .notice-board-stage,
body.page-holiday-homework:not(.detail-record-page) .download-centre{padding:clamp(3.4rem,5vw,5rem) var(--ref-gutter)!important}
body.page-holiday-homework .homework-ribbon{display:none!important}
body.page-holiday-homework:not(.detail-record-page) .download-head{max-width:var(--ref-content)!important;margin:auto!important;text-align:left!important}
body.page-holiday-homework:not(.detail-record-page) .download-grid{max-width:var(--ref-content)!important;margin:2rem auto 0!important;grid-template-columns:repeat(3,1fr)!important;gap:.8rem!important}
body.page-holiday-homework:not(.detail-record-page) .download-grid article{border:1px solid var(--hairline)!important;border-radius:1rem!important;background:#f4ede3!important;min-height:9rem!important;padding:1.1rem!important;transition:transform .25s ease,border-color .25s ease!important}
body.page-holiday-homework:not(.detail-record-page) .download-grid a:hover article{transform:translateY(-2px)!important;border-color:rgba(201,147,45,.55)!important}

/* ---------- Certificates ---------- */
body.certificate-page .certificate-shell{
  max-width:96rem!important;margin:.5rem auto 0!important;padding:clamp(3.5rem,5vw,5rem) var(--ref-gutter)!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(19rem,.62fr)!important;gap:clamp(2rem,5vw,5rem)!important;align-items:start!important
}
body.certificate-page .certificate-shell article h2{max-width:14ch!important}
body.certificate-page .certificate-shell>div:last-child{border:1px solid var(--hairline)!important;border-radius:1.2rem!important;background:#f4ede3!important;padding:1.2rem!important}
body.certificate-page .building-cert-actions,
body.certificate-page .certificate-actions{display:flex!important;flex-wrap:wrap!important;gap:.7rem!important;margin-top:1.3rem!important}

/* ---------- Site map ---------- */
body.page-site-map .site-map-head{max-width:var(--ref-content)!important;margin:auto!important}
body.page-site-map .site-map-grid{max-width:var(--ref-content)!important;margin:2rem auto 0!important;grid-template-columns:repeat(3,1fr)!important;gap:.65rem!important}
body.page-site-map .site-map-grid a{border:1px solid var(--hairline)!important;border-radius:1rem!important;background:#f4ede3!important;padding:1rem!important}
body.page-site-map .record-detail-inner{max-width:var(--ref-content)!important}

/* ---------- Detail pages: achievement, toppers, notices, homework, events ---------- */
body.detail-record-page main>section:not(.inner-hero):not(.modal-panel),
body.inner-page .record-detail,
body.inner-page .achievement-detail-shell{
  background:#fffdf8!important;color:var(--ink)!important;padding:clamp(3rem,5vw,5rem) var(--ref-gutter)!important
}
body.inner-page .record-detail-inner,
body.inner-page .achievement-detail-grid,
body.page-events.detail-record-page .event-detail-grid{max-width:var(--ref-content)!important;margin:auto!important}
body.inner-page .record-heading{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:2rem!important;align-items:start!important;
  border-bottom:1px solid var(--hairline)!important;padding-bottom:1.6rem!important;margin-bottom:1.5rem!important
}
body.inner-page .record-heading h2{max-width:18ch!important;font-size:clamp(2.8rem,4.8vw,4.8rem)!important;margin-bottom:.65rem!important}
body.inner-page .record-heading p{max-width:54rem!important;color:var(--ink-soft)!important;margin:0!important}
body.inner-page .record-chip{border:1px solid var(--hairline)!important;border-radius:999px!important;background:#f4ede3!important;color:#0b2148!important;padding:.7rem .9rem!important;white-space:nowrap!important}
body.inner-page .record-meta{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.7rem!important;margin:1.5rem 0 2rem!important}
body.inner-page .record-meta>div{border:1px solid var(--hairline)!important;border-radius:1rem!important;background:#f4ede3!important;padding:1rem!important}
body.inner-page .record-section{margin:1.4rem 0 0!important;padding:1.6rem!important;border:1px solid var(--hairline)!important;border-radius:1.15rem!important;background:#fff!important}
body.inner-page .record-section h3{font-size:2rem!important;margin:0 0 .55rem!important}
body.inner-page .programme-list{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.7rem!important;margin-top:1rem!important}
body.inner-page .programme-card{border:1px solid var(--hairline)!important;border-radius:1rem!important;background:#f4ede3!important;padding:1rem!important}
body.inner-page .result-media-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1rem!important;margin-top:1.3rem!important}
body.inner-page .result-media-grid figure{margin:0!important;border-radius:1rem!important;overflow:hidden!important;background:#0b2148!important;color:#fff!important}
body.inner-page .result-media-grid img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important}
body.inner-page .result-media-grid figcaption{padding:.85rem 1rem!important;font-family:var(--serif)!important;font-size:1.25rem!important}
body.inner-page .result-media-grid figcaption span{display:block!important;font-family:var(--sans)!important;font-size:.7rem!important;color:rgba(255,255,255,.62)!important;margin-top:.2rem!important}
body.inner-page .record-nav{border-top:1px solid var(--hairline)!important;margin-top:2rem!important;padding-top:1.1rem!important;display:flex!important;justify-content:space-between!important;gap:1rem!important}
body.inner-page .record-back{display:inline-block!important;margin-bottom:1.4rem!important;color:#0b2148!important;font-weight:700!important;font-size:.78rem!important;text-transform:uppercase!important;letter-spacing:.08em!important}
body.page-notice-board.detail-record-page .notice-detail-card{border:1px solid var(--hairline)!important;border-radius:1.15rem!important;background:#f4ede3!important;padding:1.3rem!important}
body.page-notice-board.detail-record-page .notice-detail-card dl{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.7rem!important}
body.page-holiday-homework.detail-record-page .document-panel{display:grid!important;grid-template-columns:minmax(18rem,.5fr) minmax(0,1.5fr)!important;gap:1rem!important;align-items:start!important}
body.page-holiday-homework.detail-record-page .document-summary{border:1px solid var(--hairline)!important;border-radius:1.15rem!important;background:#f4ede3!important;padding:1.2rem!important}
body.page-holiday-homework.detail-record-page .pdf-frame{border:1px solid var(--hairline)!important;border-radius:1.15rem!important;overflow:hidden!important;background:#eee!important;min-height:34rem!important}
body.page-holiday-homework.detail-record-page .pdf-frame iframe{width:100%!important;height:70vh!important;min-height:34rem!important;border:0!important}
body.page-events.detail-record-page .event-detail-grid{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.55fr)!important;gap:clamp(2rem,5vw,5rem)!important;align-items:start!important}
body.page-events.detail-record-page .event-detail-copy h2{max-width:16ch!important}
body.page-events.detail-record-page .event-detail-copy p{max-width:58rem!important;color:var(--ink-soft)!important}
body.page-events.detail-record-page .event-meta-card{border:1px solid var(--hairline)!important;border-radius:1.15rem!important;background:#f4ede3!important;padding:1.2rem!important;position:sticky!important;top:1rem!important}
body.page-events.detail-record-page .event-meta-card>div{padding:.8rem 0!important;border-bottom:1px solid var(--hairline)!important}
body.page-events.detail-record-page .event-meta-card>div:last-child{border-bottom:0!important}
body.page-achievements .achievement-detail-grid{grid-template-columns:minmax(0,1.1fr) minmax(19rem,.65fr)!important}
body.page-achievements .achievement-detail-copy h2{max-width:16ch!important}
body.page-achievements .achievement-detail-media{border-radius:1.2rem!important;overflow:hidden!important;box-shadow:var(--ref-shadow)!important}

/* ---------- Forms ---------- */
body.inner-page .premium-form{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}
body.inner-page .premium-form label{display:grid!important;gap:.45rem!important;color:inherit!important}
body.inner-page .premium-form label.full{grid-column:1/-1!important}
body.inner-page .premium-form input,
body.inner-page .premium-form textarea,
body.inner-page .premium-form select{width:100%!important;border:1px solid var(--hairline)!important;border-radius:.8rem!important;padding:.8rem .9rem!important;background:#fff!important;color:var(--ink)!important}
body.inner-page .dark-form input,
body.inner-page .dark-form textarea,
body.inner-page .dark-form select{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}

/* ---------- hover / motion ---------- */
@media (hover:hover){
  body.inner-page a[class*="card"],body.inner-page .programme-card,body.inner-page .download-grid article{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
}
@media (prefers-reduced-motion:reduce){
  body.inner-page *,body.inner-page *::before,body.inner-page *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* ---------- responsive ---------- */
@media (max-width:980px){
  body.inner-page .inner-hero-content{grid-template-columns:1fr!important;gap:1.2rem!important}
  body.inner-page .inner-hero-aside{max-width:30rem!important}
  body.page-about-us .story-opening-grid,
  body.page-our-vision .vision-composition,
  body.page-our-history .history-stream,
  body.leadership-page .leadership-stage,
  body.leadership-page .leadership-stage.reverse,
  body.rules-page .rules-layout,
  body.page-video-gallery .video-stage,
  body.page-mail-us .contact-stage,
  body.page-write-us .feedback-stage,
  body.certificate-page .certificate-shell,
  body.page-events.detail-record-page .event-detail-grid,
  body.page-holiday-homework.detail-record-page .document-panel,
  body.page-achievements .achievement-detail-grid{grid-template-columns:1fr!important}
  body.page-our-history .history-intro{grid-column:1!important}
  body.page-our-history .timeline{grid-column:1!important}
  body.page-our-history .timeline-image{grid-column:1!important;grid-row:auto!important;position:static!important;max-width:38rem!important}
  body.leadership-page .leadership-stage.reverse .leader-portrait,
  body.leadership-page .leadership-stage.reverse .leader-letter{grid-column:1!important;grid-row:auto!important}
  body.rules-page .rules-index{position:static!important;max-width:none!important}
  body.page-infrastructure .campus-facilities-head,
  body.page-infrastructure .infra-photo-strip-head,
  body.page-events:not(.detail-record-page) .events-stage-head,
  body.page-events:not(.detail-record-page) .events-grid{grid-template-columns:1fr!important}
  body.page-infrastructure .facility-feature-grid{grid-template-columns:1fr!important}
  body.page-achievements .achievement-list{grid-template-columns:1fr!important}
  body.page-toppers .topper-feature-grid{grid-template-columns:repeat(2,1fr)!important}
  body.page-toppers .topper-years{grid-template-columns:1fr!important}
  body.inner-page .result-media-grid{grid-template-columns:repeat(2,1fr)!important}
  body.inner-page .record-meta{grid-template-columns:1fr 1fr!important}
}
@media (max-width:700px){
  body.inner-page main>section:not(.inner-hero):not(.modal-panel){width:calc(100% - .6rem)!important;border-radius:1.35rem!important}
  body.inner-page .inner-hero,body.inner-page .inner-hero.with-photo{min-height:31rem!important;border-radius:0 0 1.35rem 1.35rem!important}
  body.inner-page .inner-hero-content{padding:2rem 1.15rem 2.6rem!important}
  body.inner-page .inner-hero h1{font-size:clamp(3rem,15vw,4.5rem)!important;max-width:12ch!important}
  body.inner-page .inner-hero-aside{display:none!important}
  body.page-about-us .institution-strip{grid-template-columns:1fr 1fr!important}
  body.page-mission-statement .statement-principles,
  body.page-aim-objectives .aim-orbit,
  body.page-prayers .prayer-list,
  body.page-infrastructure .facility-more,
  body.page-holiday-homework:not(.detail-record-page) .download-grid,
  body.page-site-map .site-map-grid{grid-template-columns:1fr!important}
  body.page-aim-objectives .social-callout{grid-template-columns:1fr!important}
  body.page-our-history .timeline li{grid-template-columns:1fr!important;gap:.35rem!important}
  body.page-infrastructure .facility-feature{grid-template-columns:1fr!important}
  body.page-infrastructure .facility-feature figure img{aspect-ratio:16/10!important;height:auto!important}
  body.page-infrastructure .infra-photo-grid{grid-template-columns:1fr 1fr!important}
  body.page-infrastructure .infra-photo-grid figure:first-child{grid-column:1/-1!important}
  body.page-photo-gallery .masonry{columns:2!important}
  body.page-toppers .topper-feature-grid{grid-template-columns:1fr 1fr!important}
  body.inner-page .premium-form{grid-template-columns:1fr!important}
  body.inner-page .premium-form label.full{grid-column:1!important}
  body.inner-page .record-heading{grid-template-columns:1fr!important;gap:.8rem!important}
  body.inner-page .record-chip{justify-self:start!important}
  body.inner-page .record-meta,
  body.inner-page .result-media-grid,
  body.page-notice-board.detail-record-page .notice-detail-card dl{grid-template-columns:1fr!important}
  body.inner-page .programme-list{grid-template-columns:1fr!important}
  body.page-achievements .achievement-intro{grid-template-columns:1fr!important}
  body.page-achievements .achievement-count{text-align:left!important}
  body.page-achievements .achievement-feature{grid-template-columns:1fr!important}
}
@media (max-width:480px){
  body.page-photo-gallery .masonry{columns:1!important}
  body.page-toppers .topper-feature-grid{grid-template-columns:1fr!important}
  body.page-infrastructure .infra-photo-grid{grid-template-columns:1fr!important}
}

/* ---- about-learning-v2 ---- */
.about-learning-section{margin-top:.75rem;border-radius:2rem;background:#fffdf9;padding:clamp(3.5rem,6vw,6rem) clamp(1.25rem,4vw,4rem);overflow:hidden}
.about-learning-wrap{width:min(100%,90rem);margin:0 auto;display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);gap:clamp(2.5rem,5vw,5rem);align-items:center}
.about-learning-copy{min-width:0}
.about-learning-copy h2{font-family:var(--serif);font-size:clamp(3rem,4.8vw,5.3rem);font-weight:600;line-height:.96;letter-spacing:-.035em;color:var(--ink);margin:.8rem 0 1.25rem;max-width:12ch;text-wrap:balance}
.about-learning-copy>p{max-width:38rem;color:var(--ink-soft);font-size:.94rem;line-height:1.8;margin:0}
.about-learning-points{margin-top:2rem;border-top:1px solid var(--hairline)}
.about-learning-points article{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:1rem;padding:1.05rem 0;border-bottom:1px solid var(--hairline);align-items:start}
.about-learning-points b{font-size:.68rem;letter-spacing:.12em;color:var(--brand-light);padding-top:.25rem}
.about-learning-points strong{display:block;font-family:var(--serif);font-size:1.35rem;line-height:1.1;color:var(--ink);font-weight:600}
.about-learning-points span{display:block;margin-top:.25rem;color:var(--ink-soft);font-size:.75rem;line-height:1.55}
.about-learning-media{height:35rem;min-width:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(12rem,.65fr);gap:.9rem}
.about-learning-media figure{margin:0;position:relative;overflow:hidden;border-radius:1.3rem;background:#eae4db;min-width:0}
.about-learning-main{height:100%}
.about-learning-side{display:grid;grid-template-rows:1fr 1fr;gap:.9rem;min-width:0}
.about-learning-media img{width:100%;height:100%;object-fit:cover;display:block}
.about-learning-media figure::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(6,21,47,.72));pointer-events:none}
.about-learning-media figcaption{position:absolute;z-index:2;left:1rem;bottom:.85rem;color:#fff;font-family:var(--serif);font-size:1.2rem;line-height:1.05}
@media(max-width:900px){.about-learning-wrap{grid-template-columns:1fr}.about-learning-copy h2{max-width:15ch}.about-learning-media{height:auto;grid-template-columns:1fr}.about-learning-main{aspect-ratio:16/10}.about-learning-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.about-learning-side figure{aspect-ratio:4/3}}
@media(max-width:600px){.about-learning-section{border-radius:1.35rem}.about-learning-side{grid-template-columns:1fr}.about-learning-copy h2{font-size:2.7rem}.about-learning-side figure{aspect-ratio:16/10}}
