/* Hub only: six reasons in three columns; three type cards in one row down to phones */
#reasons .why__grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){#reasons .why__grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#reasons .why__grid{grid-template-columns:1fr}}
#school-types .dg{grid-template-columns:repeat(3,1fr)}
@media(max-width:700px){#school-types .dg{grid-template-columns:1fr}}
.hub__more{margin-top:clamp(28px,4vw,40px)}
/* Phones: pool photo wider, subject bars in two columns, so the first section after the hero stays short */
@media(max-width:560px){#pool .who__photo{aspect-ratio:16/9}#pool .bars{grid-template-columns:1fr 1fr;gap:14px 20px}}