.ad-mobile-bar{display:none}.ad-dialog{padding:0;border:0;border-radius:14px;width:min(620px,calc(100% - 24px));max-width:620px;height:min(780px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);color:#172a42;overflow:hidden;margin:auto;background:#fff;box-shadow:0 24px 90px #0005}
.ad-dialog[open]{display:flex;flex-direction:column}.ad-dialog::backdrop{background:#101f36b8;backdrop-filter:blur(4px)}.ad-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 8px}.ad-dialog h2{font-size:24px;margin:0}.ad-close{flex:none;width:44px;height:44px;border:0;border-radius:50%;font-size:28px;background:#edf1f5;color:#172a42}.ad-dialog .ad-eyebrow{font-size:11px}.ad-dialog-help{margin:0;padding:0 20px 12px;font-size:14px}.ad-dialog iframe{border:0;width:100%;flex:1;min-height:0;background:#f7f9fc}.ad-form-fallback{font-size:13px;line-height:1.5;margin:0;padding:12px 20px}.ad-form-fallback a{text-decoration:underline;color:#17395a}
html.ad-enquiry-open,html.nh-pop-open,html.ad-callback-open{overflow:hidden}html.ad-enquiry-open body,html.nh-pop-open body,html.ad-callback-open body{overflow:hidden}
.ad-enquiry-open .ad-mobile-bar,.nh-pop-open .ad-mobile-bar,.ad-callback-open .ad-mobile-bar{visibility:hidden}
.ad-enquiry-open .jhs-cfab-btn,.ad-enquiry-open .jhs-tour-fab,.ad-callback-open .jhs-tour-fab{visibility:hidden!important}
.ad-callback-fallback{position:fixed;bottom:85px;left:16px;right:16px;z-index:1001;padding:16px;background:#fff;border:1px solid #ccd7e3;border-radius:12px;box-shadow:0 4px 20px #001c5420;color:#001c54}
.ad-callback-fallback[hidden]{display:none}

.ad-home :focus-visible,.ad-dialog :focus-visible,.ad-mobile-bar :focus-visible{outline:3px solid #d99426;outline-offset:4px}
.ad-footer-details summary{font-size:24px;font-weight:700;color:inherit;list-style:none}
.ad-footer-details summary::-webkit-details-marker{display:none}
.ad-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:8px;background:#1a2653;color:#fff!important;font-weight:700;text-align:center;line-height:1.4}
.ad-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.ad-table-scroll:focus-visible{outline:2px solid #1a2653;outline-offset:2px}
@media(min-width:768px){.ad-mobile-bar{display:block;position:fixed;right:18px;bottom:18px;z-index:1000}.ad-mobile-bar> :not(.ad-button){display:none}.ad-mobile-bar .ad-button{box-shadow:0 6px 20px #001c5433}}
@media(max-width:767px){
 body[data-admissions-site]{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
 [data-admissions-site] .container,[data-admissions-site] .th-container{max-width:100%;padding-left:16px;padding-right:16px}
 [data-admissions-site] .space{padding-top:32px;padding-bottom:32px}
 [data-admissions-site] .space-extra{padding-top:32px;padding-bottom:32px}
 [data-admissions-site] .title-area{margin-bottom:24px}
 [data-admissions-site] .sec-title{font-size:28px;line-height:1.25}
 [data-admissions-site] .header-logo img{max-height:70px;object-fit:contain}
 [data-admissions-site] .hero-style1{padding-top:28px!important;padding-bottom:32px!important;min-height:0!important}
 [data-admissions-site] .hero-style1 .hero-title{font-size:34px!important;line-height:1.15!important}
 [data-admissions-site] .jhs-pressure{padding:24px 12px}
 [data-admissions-site] .campus-visit-cta{padding:14px 0}
 [data-admissions-site] .jhs-stages{overflow:visible!important}
 /* Keep a card stack appearance without pinning readable content over another card. */
 [data-admissions-site] .jhs-stages .row{display:flex;flex-direction:column;gap:16px;align-items:stretch}
 [data-admissions-site] .jhs-stages .row>div{position:relative;top:auto;width:100%;margin-top:0;z-index:auto}
 [data-admissions-site] .jhs-stage-card:hover{transform:none}
 [data-admissions-site] #featured-area,[data-admissions-site] .featured-wrapp-3{margin-top:0!important;transform:none!important}
 [data-admissions-site] #featured-area .feature-item{padding:20px!important;border-radius:12px}
 [data-admissions-site] #featured-area .feature-item_icon img{width:64px!important;height:64px!important}
 [data-admissions-site] .jhs-stage-card{background:#fff;box-shadow:0 -4px 18px #001c5418;border:1px solid #e0e6ed}
 [data-admissions-site] .jhs-stage-card__img{height:125px!important;min-height:0!important}
 [data-admissions-site] .jhs-stage-card__img img{height:125px!important;width:100%;object-fit:cover}
 [data-admissions-site] .jhs-stage-card__body{padding:18px!important}
 [data-admissions-site] .jhs-stage-card__body p{font-size:15px;line-height:1.5;margin-bottom:12px}
 [data-admissions-site] .jhs-stage-card__title{font-size:24px!important}
 .ad-mobile-section{margin:12px 16px;padding:0;border:1px solid #dce4ed;border-radius:14px;background:#fff;box-shadow:0 4px 14px #001c5408;overflow:clip}
 .ad-mobile-section>summary{position:relative;display:block;padding:20px 48px 20px 18px;cursor:pointer;color:#001c54;font-size:18px;font-weight:700;line-height:1.4;list-style:none}
 .ad-mobile-section>summary::-webkit-details-marker{display:none}
 .ad-mobile-section>summary:after{content:'+';position:absolute;right:18px;top:18px;font-size:24px}
 .ad-mobile-section[open]>summary:after{content:'−'}
 .ad-mobile-section[open]>summary{border-bottom:1px solid #e3e9f1;background:#f4f7fb}
 .ad-mobile-section>section,.ad-mobile-section>div{padding-top:24px!important;padding-bottom:24px!important}
 .ad-mobile-section .wow,.ad-mobile-section .text-anime-style-2,.ad-mobile-section .text-anime-style-3{visibility:visible!important;opacity:1!important;transform:none!important}
 .ad-mobile-section .text-anime-style-2 div,.ad-mobile-section .text-anime-style-3 div{opacity:1!important;transform:none!important}
 .ad-mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -3px 18px #172a421a}
 .ad-mobile-bar{gap:6px;padding-left:10px;padding-right:10px}
 .ad-mobile-bar>a,.ad-mobile-bar>button{flex:1;min-width:0;min-height:46px;padding:10px 4px;font-size:13px;line-height:1.25;text-align:center;font-weight:700;color:#1a2653;border:0;border-radius:8px;background:#eef3f7}
 .ad-mobile-bar .ad-button{background:#1a2653;color:#fff}
 .ad-mobile-bar [data-ad-callback]{color:#126632;background:#edf8ef}
 [data-admissions-site] .jhs-cfab-sheet{max-height:calc(100dvh - 24px);overflow-y:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 [data-admissions-site] .jhs-cfab-x{min-width:44px;min-height:44px}
 [data-admissions-site] .jhs-consent{bottom:calc(82px + env(safe-area-inset-bottom))!important}
 [data-admissions-site]>.bar,[data-admissions-site] #nordiFab,[data-admissions-site] #roboSay{display:none!important}
 [data-admissions-site] .ad-mobile-section{scroll-margin-top:90px}
 [data-admissions-site] .ad-mobile-section .cbse__copy,[data-admissions-site] .ad-mobile-section .faq__copy{position:static}
 [data-admissions-site] .scard,[data-admissions-site] .faq__copy{position:relative;top:auto}
 [data-admissions-site] .cbse__stack{padding-bottom:0}
 [data-admissions-site]:has(.smodal.open, #exitModal.open, .nav-mobile.open, .modal.show) .ad-mobile-bar{visibility:hidden}
 [data-admissions-site].nav-locked .ad-mobile-bar{visibility:hidden}
 [data-admissions-site] iframe:not(.ad-dialog iframe){max-width:100%}
 [data-admissions-site] .jhs-cfab-btn,[data-admissions-site] .jhs-tour-fab,[data-admissions-site] .jhs-tour-tip,[data-admissions-site] .float-sm,[data-admissions-site] .scroll-top{display:none!important}
 [data-admissions-site] .footer-wrapper{padding-top:28px}
 [data-admissions-site] .footer-widget{margin-bottom:18px}
 .ad-footer-details summary{font-size:18px;min-height:44px;cursor:pointer}
 .ad-footer-details summary .widget_title{display:inline;font-size:18px;margin:0}
 .ad-footer-details summary:after{content:' +';float:right}
 .ad-footer-details[open] summary:after{content:' −'}
 .ad-footer-details[open] summary{margin-bottom:16px}
 .ad-dialog-head{padding:14px 14px 8px}.ad-dialog-help{padding:0 14px 10px}.ad-dialog h2{font-size:22px}.ad-form-fallback{padding:10px 14px}
 .nh-pop__panel{max-height:calc(100dvh - 24px)!important;overflow-y:auto!important}
 .nh-pop__art{min-height:150px!important;height:150px!important;padding-top:14px!important;padding-bottom:12px!important}
 .nh-pop__scene{display:none}.nh-pop__body{padding:20px 18px!important;gap:10px!important}.nh-pop__head{font-size:21px!important}
}
@media(max-width:767px) and (max-height:650px){[data-admissions-site] .jhs-stages .row>div{position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){[data-admissions-site] .jhs-stages .row>div{position:relative;top:auto}}

/* 2026-10-01: compact footer on phones (same footer on every page) */
@media(max-width:767px){
 .footer-layout1 .newsletter-top{padding-bottom:20px!important;margin-bottom:20px!important}
 .footer-layout1 .newsletter-top .newsletter-title{font-size:20px!important;line-height:1.3}
 .footer-layout1 .widget-area{padding-bottom:20px!important}
 .footer-layout1 .th-widget-about .about-text{display:none}
 .footer-layout1 .th-widget-about .about-logo{margin-bottom:12px}
 .footer-layout1 .footer-widget{margin-bottom:12px!important}
 .footer-layout1 .row.justify-content-between{row-gap:0!important}
 .footer-layout1 .th-widget-contact .info-box_text{margin-bottom:10px}
 .footer-layout1 .copyright-wrap{padding:14px 0!important}
}

/* 2026-10-01: programme pages on phones */
@media(max-width:767px){
 /* the same enquiry form is already on the first screen (#heroForm); the bottom bar has Enquire too */
 body:has(#heroForm) #mainForm{display:none}
 body:has(#heroForm) #enquire.pad{padding-top:32px;padding-bottom:32px}
 /* their own footer: link lists side by side, smaller gaps */
 .site-foot .foot-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 16px}
 .site-foot .foot-main > *{min-width:0}
 .site-foot .foot-links a{white-space:normal;overflow-wrap:anywhere}
 .site-foot .foot-brand,.site-foot .foot-contact{grid-column:1 / -1}
 .site-foot .foot-links li{margin-bottom:6px}
 .site-foot .foot-cta{padding:20px 0;gap:12px}
}

/* 2026-10-01: transportation page on phones */
@media(max-width:767px){
 .feature_wrapp{width:50%!important;flex:0 0 50%!important;padding-left:6px!important;padding-right:6px!important}
 .feature_wrapp .feature-card,.feature_wrapp > div{padding:16px 12px!important}
 .feature_wrapp h3,.feature_wrapp .box-title{font-size:16px!important;line-height:1.3!important}
 .feature_wrapp p{font-size:13px!important;line-height:1.5!important}
 .about-area .row > .col-lg-6:has(> .about-image){display:none}
 .about-area .row.mb-60{margin-bottom:24px!important}
 .contact-area .col-lg-5:has(.video-box3){display:none}
}
/* 2026-10-01: post lists (blog, news, press) on phones: compact rows */
@media(max-width:767px){
 .blog-box{display:grid!important;grid-template-columns:104px 1fr;gap:12px;align-items:start;padding:12px!important}
 .blog-box .blog-img{margin:0!important;border-radius:10px;overflow:hidden}
 .blog-box .blog-img img{width:104px!important;height:104px!important;object-fit:cover}
 .blog-box .blog-box_content{padding:0!important}
 .blog-box .box-title{font-size:16px!important;line-height:1.35!important;margin-bottom:6px!important}
 .blog-box .blog-meta{margin-bottom:4px!important;font-size:12px}
 .blog-box .th-btn{display:none!important}
 .blog-box:not(:has(.blog-img)){grid-template-columns:1fr}
}

/* 2026-10-01: Middle & High "rigour" cards: a contained swipe row on phones (it pushed the page sideways) */
@media(max-width:767px){
 .rigour__grid{max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
 .rigour__grid .rcard{scroll-snap-align:start}
 .rigour .shell{max-width:100%;overflow:hidden}
}
