/* Keep teaching tools close to the top while retaining a compact guest introduction. */
.school-hero{grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:28px;padding:24px 28px;margin-bottom:16px}
.school-hero-copy h1{font-size:clamp(26px,2.5vw,36px);line-height:1.15;margin:8px 0 10px}
.school-hero-copy>span{font-size:11px;letter-spacing:.08em}
.school-hero-copy>p{font-size:15px;line-height:1.5;margin:0 0 14px;max-width:620px}
.school-hero-copy .class-actions{margin:0;gap:10px}
.school-hero-visual{height:180px;aspect-ratio:auto;max-width:320px;border-radius:16px}
.school-hero-visual img{object-position:50% 40%}
.school-hero-copy #classSession:empty{display:none}
.school-hero-copy #classSession{font-size:12px;line-height:1.4;margin:10px 0 0;opacity:.9}
body[data-school-workspace="true"] .school-hero{display:block;padding:18px 24px}
body[data-school-workspace="true"] .school-hero-visual,body[data-school-workspace="true"] .school-hero-copy>.class-actions,body[data-school-workspace="true"] .school-hero-copy>span{display:none}
body[data-school-workspace="true"] .school-hero-copy h1{font-size:26px;margin:0 0 5px}
body[data-school-workspace="true"] .school-hero-copy>p{margin:0;font-size:14px}
body[data-school-workspace="true"] .school-hero-copy #classSession{margin-top:6px}
@media(max-width:700px){.school-hero{grid-template-columns:1fr;padding:20px;gap:0}.school-hero-visual{display:none}.school-hero-copy h1{font-size:28px}.school-hero-copy .class-actions{display:flex;flex-wrap:wrap}.school-hero-copy .class-button{width:auto;flex:1 1 180px;padding:10px 14px}body[data-school-workspace="true"] .school-hero{padding:16px 18px}body[data-school-workspace="true"] .school-hero-copy h1{font-size:23px}}