/* Global community page: a classroom introduction and a welcoming overview of student cities. */
.global-hub .global-hero{align-items:center;grid-template-columns:.95fr 1.05fr;gap:42px}
.global-classroom{min-width:0;background:#edf4fb;border:1px solid #d1e1ef;border-radius:24px;padding:14px;overflow:hidden}
.global-classroom .classroom-frame{box-shadow:none;border-radius:15px}
.global-classroom .classroom-topbar{padding:16px;gap:10px}
.global-classroom .classroom-wordmark{font-size:23px}
.global-classroom .classroom-wordmark>span{font-size:10px;margin-left:6px}
.global-classroom .classroom-demo-label{font-size:8px;letter-spacing:0}
.global-classroom .classroom-workspace{display:grid;grid-template-columns:minmax(0,1fr) 24%;gap:9px;padding:10px}
.global-classroom .board-toolbar{padding:10px;font-size:9px;gap:5px}
.global-classroom .board-tools{font-size:11px;letter-spacing:0}
.global-classroom .board-content{padding:18px 13px 8px}
.global-classroom .board-topic{font-size:8px;letter-spacing:0;gap:7px;margin-bottom:12px}
.global-classroom .board-question{font-size:12px;line-height:1.65;margin:0 0 9px}
.global-classroom .board-task{font-size:10px;line-height:1.5;margin:0 0 12px}
.global-classroom .lesson-working{width:100%;margin:0;height:auto}
.global-classroom .lesson-replay-note{padding:10px;font-size:8px;gap:5px}
.global-classroom .replay-rule{width:12px}
.global-classroom .classroom-participants{display:flex;flex-direction:column;gap:9px}
.global-classroom .participant{aspect-ratio:1.3;border-width:1px;border-radius:6px}
.global-classroom .participant-name{font-size:9px;padding:16px 7px 6px}
.global-classroom .classroom-call-note{display:flex;flex-direction:column;font-size:8px;line-height:1.5;text-align:center;gap:7px;margin:auto 0 5px}
.global-classroom-caption{padding:24px 15px 15px}
.global-classroom-caption .eyebrow{font-size:9px;letter-spacing:1px;margin:0 0 13px;color:#2563bd}
.global-classroom-caption h2{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:0 0 12px}
.global-classroom-caption>p:last-child{font-size:14px;line-height:1.75;margin:0;color:#4a667e}
.global-hub #cities{scroll-margin-top:20px}
@media(max-width:800px){
 .global-hub .global-hero{grid-template-columns:1fr;gap:32px}
 .global-classroom{max-width:620px;width:100%;justify-self:center}
}
@media(max-width:500px){
 .global-classroom{padding:8px;border-radius:18px}
 .global-classroom .classroom-topbar{padding:13px 10px}
 .global-classroom .classroom-demo-label{font-size:7px}
 .global-classroom .classroom-workspace{gap:6px;padding:7px;grid-template-columns:minmax(0,1fr) 25%}
 .global-classroom .board-content{padding:12px 9px 5px}
 .global-classroom .board-topic{font-size:7px;flex-wrap:wrap}
 .global-classroom .board-question{font-size:10px}
 .global-classroom .board-task{font-size:9px}
 .global-classroom .board-tools{display:none}
 .global-classroom .lesson-replay-note{font-size:7px;padding:7px;gap:3px}
 .global-classroom .replay-rule{display:none}
 .global-classroom-caption{padding:20px 13px 14px}
 .global-classroom-caption h2{font-size:27px}
}
.global-community-intro p{font-size:17px;line-height:1.85;margin:0 0 18px;color:#4a667e}
.global-community-intro p:last-child{margin-bottom:0}
.global-community-intro strong{font-weight:600;color:#173247}
