/* Visible school phone in the navy header */
.site-head .circle{display:flex;width:auto;height:40px;gap:7px;padding:0 10px;border-radius:22px;white-space:nowrap;color:#d8b25a;border-color:#d8b25a88;}
.site-head .phone-number{font-size:12px;font-weight:700;letter-spacing:.1px;}
/* Tablet widths: keep the number on one line and stop the school name stacking one word per line */
.site-head .circle,.site-head .phone-number{white-space:nowrap;flex-shrink:0}
@media(min-width:601px) and (max-width:900px){
.home-masthead .school-name{min-width:0;flex:1 1 auto}
.home-masthead .school-name h1{font-size:22px!important;line-height:1.35}
.home-masthead .head-actions{gap:8px}
}
/* Phones, inner pages (no school name in the header): icon-only phone button so the logo, phone and menu fit on one row */
@media(max-width:600px){
.site-head:not(:has(.school-name)) .circle{width:42px;height:42px;padding:0;justify-content:center;border-radius:50%}
.site-head:not(:has(.school-name)) .phone-number{display:none}
}