.school-links-carousel{box-sizing:border-box;width:min(1200px,calc(100% - 32px));margin:30px auto;padding:18px;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:12px;background:#fff;border-radius:12px}
.school-links-viewport{overflow:hidden;min-width:0}
.school-links-track{display:flex;width:max-content;column-gap:15px;position:relative;will-change:transform;transition:none!important}
.school-links-set{display:flex;flex:none;gap:15px}
.school-links-set>a,.school-links-track>a{box-sizing:border-box;flex:0 0 clamp(150px,18vw,220px);width:clamp(150px,18vw,220px);display:flex;align-items:center;justify-content:center;height:110px;padding:8px;background:#fff;border:1px solid #e0e7ed;border-radius:8px;text-decoration:none}
.school-links-carousel img{display:block;max-width:100%;max-height:94px;width:auto;height:auto;object-fit:contain}
.school-links-carousel>button{box-sizing:border-box;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:7px;background:#2c6088;color:#fff;cursor:pointer;font:28px/1 Arial,sans-serif}
.school-links-carousel>.school-links-toggle{grid-column:2;justify-self:center;width:40px;height:30px;font-size:16px}
.school-links-carousel a:focus-visible,.school-links-carousel button:focus-visible{outline:3px solid #e4ac2c;outline-offset:-3px}
.school-links-carousel[hidden]{display:none}
@media(max-width:600px){.school-links-carousel{width:calc(100% - 20px);padding:12px;gap:8px;grid-template-columns:32px minmax(0,1fr) 32px}.school-links-carousel>button{width:32px;height:36px}.school-links-set>a,.school-links-track>a{height:96px}.school-links-carousel img{max-height:80px}}