.region{padding:9px 10px}
.region-meta{text-align:right;display:flex;flex-direction:column;line-height:1.1}
.region-meta strong{font-size:13px;font-variant-numeric:tabular-nums}
.region-meta small{font-size:10px;color:var(--muted);margin-top:3px}
.school-summary{position:absolute;z-index:500;top:18px;left:18px;width:min(310px,calc(100% - 36px));padding:15px 17px;background:rgba(255,255,255,.96);border:1px solid #d6e0e2;border-top:5px solid var(--region);border-radius:12px;box-shadow:0 6px 22px #102f3a22}
.school-summary[hidden]{display:none}
.school-summary .summary-label{display:block;color:#52666f;font-size:10px;font-weight:800;letter-spacing:.08em}
.school-summary strong{display:block;font-family:Georgia,serif;font-size:38px;line-height:1;margin:7px 0 5px}
.school-summary>span:not(.summary-label){display:block;font-size:15px;font-weight:750}
.school-summary small{display:block;color:var(--muted);margin-top:5px}
.popup-ratio{margin-top:9px;padding-top:8px;border-top:1px solid var(--line);font-size:12px;color:#405562}
@media(max-width:760px){.region{min-width:210px}.school-summary{top:10px;left:10px;width:min(280px,calc(100% - 20px));padding:12px 14px}.school-summary strong{font-size:31px}}