/* A consistent reading rhythm across the six course pages. */
.section,.art-section{padding-block:76px}
.section-heading{margin-bottom:34px}
.classroom-photo-grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 6px 14px;margin-inline:-6px;scrollbar-width:thin;scrollbar-color:#8293be #edf1f8}
.classroom-photo-grid>figure{flex:0 0 calc((100% - 24px)/2);scroll-snap-align:start}
.classroom-photo-grid:focus-visible{outline:3px solid #273a88;outline-offset:5px;border-radius:8px}
.classroom-photo-grid::-webkit-scrollbar{height:8px}
.classroom-photo-grid::-webkit-scrollbar-track{background:#edf1f8;border-radius:8px}
.classroom-photo-grid::-webkit-scrollbar-thumb{background:#8293be;border-radius:8px}
.classroom-memories .small-note{margin-top:12px}
.graduation-heading{margin-bottom:32px}
.graduation-heading h2{margin-bottom:18px}
.graduation-links{margin-block:20px 24px}
.graduation-next{padding-top:24px}
.art-visit{background:#fff}
.art-work-photo{display:block;border-radius:12px;outline-offset:5px}
.art-work-photo:focus-visible{outline:3px solid var(--purple)}
.work-grid img{height:330px;aspect-ratio:auto;object-fit:contain}
.art-gallery-hint{font-size:.875rem;color:var(--muted);margin-top:22px}
.art-enquire .enquire-phone{margin-top:26px}
@media(max-width:850px){
 .section,.art-section{padding-block:56px}
 .classroom-photo-grid{gap:18px}
 .classroom-photo-grid>figure{flex-basis:calc((100% - 18px)/2)}
 .work-grid img{height:290px}
}
@media(max-width:650px){
 .section,.art-section{padding-block:44px}
 .section-heading{margin-bottom:26px}
 .classroom-photo-grid>figure{flex-basis:86%}
 .classroom-photo-grid figcaption{font-size:.9rem}
 .graduation-heading{margin-bottom:26px}
 .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
 .work-grid img{height:220px}
 .work-grid figcaption{gap:8px;margin-top:12px}
 .work-grid figcaption>span{display:none}
 .work-grid h3{font-size:.95rem;line-height:1.55}
 .work-grid figcaption p{font-size:.875rem;line-height:1.65}
 .art-gallery-hint{margin-top:18px}
}
@media(max-width:420px){.work-grid img{height:185px}}