/* Teacher resources and the dedicated school field trip layout. */
.scf .sc-school-link{display:block;width:fit-content;margin-top:12px}
.scf .sc-school-callout{margin-top:22px;padding:20px 24px;border:2px solid #e2bf50;border-radius:16px;background:#fff1b9;color:#123d77;display:grid;gap:7px}
.scf .sc-school-callout .sc-school-link{margin-top:0}
.scf .school-page{font-size:18px;line-height:1.72;color:#123d77}
.scf .school-hero{padding:22px 0 58px;background:linear-gradient(#ddf3ff,#d2edfc)}
.scf .school-hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:48px;align-items:center}
.scf .school-crumb{display:flex;gap:9px;align-items:center;margin-bottom:19px;font-size:15px;font-weight:800}
.scf .school-crumb a{text-decoration:underline;text-underline-offset:4px}
.scf .school-hero h1{font-size:clamp(49px,4.25vw,65px);line-height:1.01;margin:13px 0 17px;letter-spacing:-.018em}
.scf .school-hero h1 .blue{display:block;margin-top:6px}
.scf .school-lede{max-width:590px;font-size:18px;line-height:1.55;color:#365d82}
.scf .school-facts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding:0;list-style:none}
.scf .school-facts li{padding:5px 13px;border:1px solid #89bedf;border-radius:30px;background:white;font-size:14px;font-weight:900}
.scf .school-facts li:first-child{background:#fff0b9;border-color:#dfbd52}
.scf .school-actions{display:flex;flex-wrap:wrap;gap:15px 22px;align-items:center}
.scf .school-note{font-size:14px;font-weight:800;color:#365d82;margin-top:13px}
.scf .school-hero-photo,.scf .school-gallery figure{position:relative;margin:0;background:white;border:8px solid white;border-radius:25px;box-shadow:6px 8px 0 #9dcef0;overflow:hidden}
.scf .school-hero-photo{transform:rotate(2deg)}
.scf .school-hero-photo img{display:block;width:100%;aspect-ratio:1.08;object-fit:cover;height:auto;border-radius:17px}
.scf .school-hero-photo figcaption,.scf .school-gallery figcaption{padding:11px 13px 4px;font-size:16px;font-weight:800}
.scf .school-hero-photo figcaption{font:600 21px/1.35 Fredoka,sans-serif;padding:14px 11px 6px}
.scf .school-ribbon{background:#ffda43;border-block:2px solid #e5b92e;text-align:center;font:600 clamp(15px,2vw,23px)/1.5 Fredoka,sans-serif;letter-spacing:.055em;padding:16px 0}
.scf .school-ribbon span{display:inline-block;color:#a84316;margin-inline:14px}
.scf .school-section-head{max-width:790px;margin-bottom:30px}
.scf .school-section-head h2,.scf .school-enquiry-copy h2{font-size:clamp(38px,4.35vw,62px);line-height:1.06;margin-top:10px}
.scf .school-section-head p:not(.eyebrow),.scf .school-enquiry-copy p:not(.eyebrow){margin-top:16px;color:#365d82}
.scf .school-gallery{display:grid;grid-template-columns:1.08fr .92fr;gap:30px}
.scf .school-gallery figure:last-child{box-shadow:6px 8px 0 #ebc66d}
.scf .school-gallery img{width:100%;height:auto;aspect-ratio:1.63;display:block;object-fit:cover;border-radius:17px}
.scf .school-learn,.scf .school-planning{background:#e7f6ff;border-block:1px dashed #a3cdec}
.scf .school-topics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:26px}
.scf .school-topics article{background:#fff;border:2px solid #abd4ee;border-radius:22px;padding:20px 17px;box-shadow:3px 4px 0 #c4e7fa}
.scf .school-topics article:nth-child(2n){background:#fff6d8;border-color:#ebcd6c;box-shadow:3px 4px 0 #f5e3a1}
.scf .school-number{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;background:#c9ecff;border-radius:50%;font:600 21px Fredoka,sans-serif}
.scf .school-topics h3,.scf .school-timeline h3{font:600 25px/1.13 Fredoka,sans-serif;margin:15px 0 8px}
.scf .school-topics p,.scf .school-timeline li p{font-size:16px;color:#365d82}
.scf .school-timeline ol{counter-reset:school-step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;list-style:none}
.scf .school-timeline li{counter-increment:school-step;background:white;border-top:5px solid #f97326;border-radius:16px;padding:20px}
.scf .school-timeline li::before{content:counter(school-step,decimal-leading-zero);font:600 23px Fredoka,sans-serif;color:#9b3b18}
.scf .school-teks{background:#f3edff;border-block:1px dashed #cab3e8}
.scf .school-teks table{width:100%;border-spacing:0;background:#fff;border:2px solid #cab3e8;border-radius:17px;overflow:hidden;text-align:left;font-size:16px}
.scf .school-teks :is(th,td){padding:15px 18px;vertical-align:top;border-bottom:1px solid #e5d9f4}
.scf .school-teks thead{background:#e6d8fa;color:#47217c}
.scf .school-teks th[scope=row]{font-size:20px}
.scf .school-resource-panel{border:2px solid #dfbd52;border-radius:27px;background:#fff3c8;box-shadow:6px 7px 0 #efda87;padding:clamp(22px,4vw,49px)}
.scf .school-resource-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:25px 0 0;padding:0}
.scf .school-resource-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:11px 15px;background:white;border:1px solid #e3c56f;border-radius:13px;font-size:16px}
.scf .school-resource-list a:hover{background:#e7f6ff}
.scf .school-resource-list span{white-space:nowrap;color:#1765c4;font-size:13px;font-weight:900}
.scf .school-faq{max-width:950px}
.scf .school-enquiry-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:45px;align-items:start}
.scf .school-enquiry-copy a{font-weight:900;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.scf .school-enquiry-copy .text-link{display:inline-block;margin-top:20px}
.scf .school-form{min-width:0}
@media(max-width:1050px){
 .scf .school-hero-grid{gap:28px}.scf .school-hero h1{font-size:clamp(41px,5.1vw,50px)}.scf .school-topics{grid-template-columns:repeat(3,minmax(0,1fr))}.scf .school-timeline ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .scf .school-hero{padding:15px 0 37px}.scf .school-hero-grid,.scf .school-gallery,.scf .school-enquiry-grid{grid-template-columns:1fr}.scf .school-hero h1{font-size:clamp(40px,10.4vw,61px)}.scf .school-hero-photo{transform:none}.scf .school-hero-photo img{aspect-ratio:1.45}.scf .school-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.scf .school-resource-list{grid-template-columns:1fr}.scf .school-teks :is(th,td){padding:10px 8px;overflow-wrap:anywhere;font-size:14px}.scf .school-ribbon span{margin-inline:6px}.scf .school-ribbon{letter-spacing:.02em}
}
@media(max-width:430px){
 .scf .school-hero h1{font-size:clamp(32px,9.3vw,40px)}.scf .school-lede{font-size:17px;line-height:1.45}.scf .school-facts{gap:5px;margin:13px 0}.scf .school-facts li{font-size:12px;padding:5px 8px}
 .scf .school-topics,.scf .school-timeline ol{grid-template-columns:1fr}.scf .school-resource-panel .button a{font-size:16px;line-height:1.3;white-space:normal}
}