/* School overview */
.overview-main{max-width:1040px}
.overview-title{text-align:center;font-size:clamp(30px,4vw,42px);margin:0 0 44px}

.director-greeting{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:32px;align-items:start}
.director-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:17px}
.director-message{min-width:0;overflow-wrap:anywhere}
.director-message p{line-height:2;margin:0 0 18px;font-size: 14px;}
.director-message .director-name{margin:24px 0 0;text-align:right;font-size:18px;font-weight:700}
.overview-rows{margin:0}
.overview-rows>div{display:grid;grid-template-columns:180px minmax(0,1fr);border-bottom:1px solid #e2ece6}
.overview-rows>div:first-child{border-top:1px solid #e2ece6}
.overview-rows dt{padding:19px 22px;background:#f0f8f2;font-weight:700}
.overview-rows dd{margin:0;padding:19px 24px;overflow-wrap:anywhere}
.overview-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:20px;margin-top:30px}
.overview-gallery:not(:has(img)){display:none}
.overview-gallery img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:17px}
.overview-map{overflow:hidden;border:1px solid #e2ece6;border-radius:17px;background:#f1f7f3}
.overview-map iframe{display:block;width:100%;height:400px;border:0}
.overview-map-placeholder{min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#638374;text-align:center;padding:24px}
.overview-map-placeholder span{font-size:36px;font-weight:700;letter-spacing:.14em;color:#9cbaaa}
.overview-map-placeholder p{margin:12px 0 0}
@media(max-width:650px){
 .overview-title{margin-bottom:28px}
 .overview-section{padding:22px 17px;margin-bottom:22px}
 .overview-section h2{margin-bottom:22px}
 .director-greeting{grid-template-columns:minmax(0,1fr);gap:22px}
 .director-photo{max-width:360px;margin-inline:auto}
 .overview-rows>div{grid-template-columns:100px minmax(0,1fr)}
 .overview-rows dt,.overview-rows dd{padding:15px 10px;font-size:14px}
 .overview-gallery{gap:10px;margin-top:22px}
 .overview-gallery img{border-radius:10px}
 .overview-map iframe{height:300px}
 .overview-map-placeholder{min-height:280px}
}


.overview-section h2{font-size:clamp(20px,2vw,24px)}
.director-message .director-name{font-size:16px}

/* Pastel details for the school overview */
.overview-main>.overview-title{position:relative;isolation:isolate;width:fit-content;max-width:100%;margin:12px auto 42px;padding:18px 36px 24px;letter-spacing:.1em;color:#42645e}

.director-photo{padding:7px;background:#fff;border:1px solid #dbe9df;border-radius:22px 30px 22px 30px;box-shadow:7px 7px 0 #e3f1e7}
.director-message .director-name{color:#557c67}
.overview-rows{overflow:hidden;border:1px solid var(--section-line);border-radius:16px;background:#ffffffbd}
.overview-rows>div,.overview-rows>div:first-child{border-top:0;border-bottom:1px dashed var(--section-line)}
.overview-rows>div:last-child{border-bottom:0}
.overview-rows dt{background:var(--section-tint);color:#596c65}
.overview-gallery img{padding:6px;border:1px solid #ede3ce;background:#fff;box-shadow:0 5px 0 #f8efd9;border-radius:20px}
.overview-map{padding:7px;background:#fff;border:1px solid var(--section-line);box-shadow:0 5px 0 var(--section-tint);border-radius:20px}
.overview-map iframe{border-radius:13px}
.overview-history dt{display:flex;align-items:flex-start;gap:9px}
.overview-history dt::before{content:"";flex:none;width:8px;height:8px;margin-top:10px;border-radius:50%;background:#c99cb0;box-shadow:0 0 0 4px #f7e3ec}

 .overview-main>.overview-title{margin-bottom:30px;padding:14px 24px 22px}
 .overview-section{margin-bottom:28px;border-radius:22px 28px 22px 28px}
 .overview-gallery img{padding:4px;border-radius:13px}
 .overview-history dt{gap:7px}
 .overview-history dt::before{width:6px;height:6px;box-shadow:0 0 0 3px #f7e3ec}