.school-page-shell{background:#f7f9fb;color:#191c1e;overflow-wrap:anywhere}
.school-page-width{width:100%;max-width:1280px;margin-inline:auto;padding-inline:48px}
.school-page-heading{background:#fff;border-bottom:1px solid #e6e8ea;padding-block:28px 32px}
.school-page-heading nav{display:flex;align-items:center;gap:8px;color:#627486;font-size:13px;margin-bottom:18px}.school-page-heading nav a:hover{color:#0c2340;text-decoration:underline}.school-page-heading nav .material-symbols-outlined{font-size:16px;opacity:.6}
.school-page-title{display:flex;align-items:center;gap:16px}.school-page-title>span{width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:#f7efd8;color:#735c00;border-radius:14px;font-size:28px}.school-page-title h1{color:#0c2340;font-size:34px;font-weight:700;line-height:1.4}
.school-page-body{min-height:35vh}.school-page-body>section{padding-block:56px}.school-page-body .max-w-7xl{max-width:1280px;padding-inline:48px}.school-page-body h2{line-height:1.4}.school-page-body p{line-height:1.85}.school-page-body img{max-width:100%}.school-page-body a{transition:color .15s}.school-page-body a:hover{color:#735c00}.school-page-body form input,.school-page-body form select{min-height:48px;border:1px solid #d6dde5;border-radius:8px}.school-page-body form input:focus,.school-page-body form select:focus{outline:2px solid #b2dcfe;outline-offset:1px}.school-page-body form button{min-height:48px}
.school-page-shell[data-page=academic-stages] .school-page-body .grid>div{border:1px solid #e1e7ed;border-radius:16px;box-shadow:0 4px 14px #0c234008}.school-page-shell[data-page=academic-stages] .school-page-body .grid>div:hover{box-shadow:0 12px 24px #0c234014;transform:translateY(-3px)}
.school-page-shell[data-page=school-facilities] .school-page-body .grid>div{border-radius:16px}.school-page-shell[data-page=school-facilities] .school-page-body .grid h3{color:#fff}.school-page-shell[data-page=school-facilities] .school-page-body .grid p{color:#e7edf4;line-height:1.7}
.school-contact-grid{max-width:1280px;margin:auto;padding:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.school-contact-card{padding:28px;background:#fff;border:1px solid #e4e9ef;border-radius:16px;box-shadow:0 6px 20px #0c234007}.school-contact-card h3{font-size:22px;font-weight:700;color:#0c2340}.school-contact-card p{font-size:16px;color:#53687c}.school-contact-card .material-symbols-outlined{color:#386380}.school-contact-card .space-y-space-md{height:100%}
.school-page-navigation{display:flex;flex-wrap:wrap;gap:12px;padding-block:28px 40px;border-top:1px solid #e2e7ed}.school-page-navigation a{display:flex;align-items:center;gap:8px;font-size:14px;padding:12px 16px;border-radius:10px;background:#fff;border:1px solid #e0e6ed;color:#386380}.school-page-navigation a[aria-current=page]{background:#0c2340;color:#fff;border-color:#0c2340}.school-page-navigation a:hover{border-color:#cca830}.school-page-navigation .material-symbols-outlined{font-size:20px}
.school-enquiry-notice{padding:16px 24px;background:#fff6dc;border:1px solid #e1c979;border-radius:8px;max-width:1184px;margin:24px auto;color:#624e14;font-size:14px}
.school-contact-form{padding-bottom:48px;scroll-margin-top:140px}.school-contact-form-panel{background:white;border:1px solid #dce3eb;border-radius:20px;padding:40px;box-shadow:0 12px 32px #0c234009}.school-contact-kicker{font-size:14px;color:#806719;font-weight:700}.school-contact-form h2{font-size:30px;font-weight:800;color:#0c2340;margin:8px 0}.school-contact-form-panel>p{color:#607084;margin-bottom:28px}.school-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.school-contact-fields label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#0c2340}.school-contact-fields input,.school-contact-fields textarea{width:100%;padding:12px 14px;background:#f8fafc;border:1px solid #c7d2df;border-radius:8px;color:#191c1e;font-weight:400;min-height:48px}.school-contact-fields textarea{resize:vertical}.school-contact-fields input:focus,.school-contact-fields textarea:focus{outline:2px solid #cca830;outline-offset:2px;background:white}.school-contact-message{grid-column:1/-1}.school-contact-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.school-contact-actions p{font-size:13px;color:#607084}.school-contact-actions button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:8px;background:#0c2340;color:white;font-weight:700}.school-contact-actions button:hover{background:#173d66}.school-contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.school-contact-success,.school-contact-errors{padding:16px 20px;margin-bottom:24px;border-radius:10px;border:1px solid}.school-contact-success{background:#ecfdf3;border-color:#a6dec0;color:#17633a}.school-contact-errors{background:#fff1f1;border-color:#edb4b4;color:#9c2828}.school-contact-errors ul{list-style:disc;padding-inline-start:24px}.school-contact-actions button:disabled{opacity:.65;cursor:wait}
@media(max-width:640px){.school-contact-form-panel{padding:24px 18px}.school-contact-fields{grid-template-columns:1fr;gap:18px}.school-contact-actions{flex-direction:column;align-items:stretch}.school-contact-actions button{width:100%}.school-contact-form h2{font-size:26px}}
@media(max-width:1023px){.school-page-width,.school-page-body .max-w-7xl{padding-inline:24px}.school-contact-grid{grid-template-columns:1fr 1fr;padding:32px 24px}.school-contact-card:first-child{grid-column:1/-1}.school-page-body>section{padding-block:40px}.school-page-shell[data-page=academic-stages] .school-page-body .grid{gap:20px}}
@media(max-width:640px){.school-page-width,.school-page-body .max-w-7xl{padding-inline:16px}.school-page-title{gap:12px}.school-page-title h1{font-size:27px}.school-page-title>span{width:44px;height:44px;font-size:24px;flex-shrink:0}.school-page-heading{padding-block:20px 24px}.school-page-body>section{padding-block:32px}.school-contact-grid{grid-template-columns:1fr;padding:24px 16px;gap:16px}.school-contact-card{padding:22px}.school-page-body h2{font-size:28px}.school-page-navigation{gap:8px}.school-page-navigation a{font-size:13px;padding:10px 12px}.school-enquiry-notice{margin:16px;padding:14px}}