#schoolContent{flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;padding:0;position:relative}#schoolContent[hidden]{display:none}body.school-open .wrap>#hero{display:none}body.school-open.frame-open #schoolContent{display:none}.school-editor-wide{grid-column:1/-1}.school-editor-grid textarea{width:100%}.school-field-counter{color:var(--ev-muted);font-size:12px;font-weight:400}


/* School information is one responsive composition; its text uses the shared fit calculation. */
html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent .school-sheet{min-height:0;height:100%}
html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent .school-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(min-content,1fr) auto;grid-auto-rows:minmax(min-content,1fr);align-content:stretch}
html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent .school-card{padding:.55em .65em;gap:.3em}
html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent .school-card-about{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:0!important;padding:0!important;overflow:hidden}
html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent .school-card-media{position:relative;margin:0;min-height:0;min-width:0;background:var(--ev-bg);overflow:hidden}
html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent .school-card-media .school-photo{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;border-radius:0;margin:0}
html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent .school-about-copy{display:flex;flex-direction:column;gap:.3em;padding:.55em .65em;min-width:0;min-height:0}

html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent[data-content-shape="landscape"] .school-photo-layout:has(.school-card-about):has(.school-card-contact):has(.school-card-details):has(.school-card-visitors){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(min-content,1fr) auto}
html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent[data-content-shape="landscape"] .school-photo-layout:has(.school-card-about):has(.school-card-contact):has(.school-card-details):has(.school-card-visitors)>.school-card-about{grid-column:1;grid-row:1/span 2;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent[data-content-shape="landscape"] .school-photo-layout:has(.school-card-about):has(.school-card-contact):has(.school-card-details):has(.school-card-visitors)>.school-card-about .school-card-media{aspect-ratio:16/9}
html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent[data-content-shape="landscape"] .school-photo-layout:has(.school-card-about):has(.school-card-contact):has(.school-card-details):has(.school-card-visitors)>.school-card-contact{grid-column:2;grid-row:1}
html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent[data-content-shape="landscape"] .school-photo-layout:has(.school-card-about):has(.school-card-contact):has(.school-card-details):has(.school-card-visitors)>.school-card-details{grid-column:3;grid-row:1}
html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent[data-content-shape="landscape"] .school-photo-layout:has(.school-card-about):has(.school-card-contact):has(.school-card-details):has(.school-card-visitors)>.school-card-visitors{grid-column:2/4;grid-row:2}

html[data-kiosk-app="kiosk"]:not(.web-output) #schoolContent .school-card-visitors{grid-column:1/-1}