/* Group timetable information by grade, rather than repeating grades in table rows. */
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-intro {margin:0 0 32px;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card {background:#fff;padding:32px;min-width:0;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card header {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card h3 {margin:0;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-frequency {display:inline-flex;align-items:center;padding:8px 14px;background:var(--id-color);color:#fff;font-size:15px;font-weight:600;white-space:nowrap;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-time {display:flex;align-items:flex-start;gap:12px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #dedede;min-height:88px;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-time svg {width:22px;height:22px;flex-shrink:0;color:var(--id-color);}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-time span {display:block;font-size:14px;color:#666;margin-bottom:12px;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-time strong {display:block;font-size:20px;font-weight:600;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-time small {font-size:14px;font-weight:400;margin-inline:6px;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card h4 {margin:0 0 20px;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card ol {list-style:none;padding:0;margin:0;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card li {display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:start;padding:20px 0;border-top:1px solid #dedede;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card li:first-child {border-top:0;padding-top:0;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card li:last-child {padding-bottom:0;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-day {color:var(--id-color);font-size:15px;font-weight:700;padding-top:3px;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card li strong {font-size:20px;font-weight:600;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card li p {margin:10px 0 0;}
html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-note {margin:24px 0 0;padding-left:16px;border-left:2px solid #dedede;}
@layer dewford-typography {
 html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card h3 {font-size:32px!important;color:#000!important;font-weight:700!important;}
 html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card h4 {font-size:20px!important;color:#111!important;font-weight:700!important;}
 html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card li p {font-size:16px!important;color:#666!important;}
 html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-note {font-size:15px!important;color:#666!important;}
}
@media(max-width:767px){
 html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-grid {grid-template-columns:1fr;gap:24px;}
 html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card {padding:24px;}
 html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card header {margin-bottom:24px;}
 html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-time {min-height:0;padding-bottom:24px;margin-bottom:24px;}
 html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-time strong {font-size:18px;}
 html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-time small {display:block;margin:8px 0;}
 html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card li {grid-template-columns:52px minmax(0,1fr);gap:12px;}
 html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card li strong {font-size:18px;}
 @layer dewford-typography {html body:is(.dewford-layout-elementary-international,.dewford-layout-elementary-esl) #main-content .dewford-class-card h3 {font-size:28px!important;}}
}

html body #main-content .dewford-class-grid-single{grid-template-columns:1fr;}
html body #main-content .dewford-class-card .dewford-class-subjects{display:flex;flex-wrap:wrap;gap:10px;margin:0;}
html body #main-content .dewford-class-subjects span{display:inline-block;padding:8px 14px;background:#fff;border:1px solid #dedede;color:#000;font-size:16px;}
html body #main-content .dewford-class-card .dewford-class-note{margin:24px 0 0;padding-left:16px;border-left:2px solid #dedede;font-size:15px;line-height:1.8;}

/* A lone schedule card fills the grid without an empty second column. */
html body #main-content .dewford-class-grid>.dewford-class-card:only-child{grid-column:1 / -1;width:100%;}