.school-heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; color: #fff; margin: .5rem 0 1.25rem; }
.school-heading h1 { font-size: 2rem; margin: 0; }
.school-heading h1 span { display: inline-block; font-size: 1rem; margin-left: .65rem; font-weight: 500; }
.school-heading p { margin: 0; }
.home-latest { padding: 2rem; margin: 1.25rem 0; background: #fff; border-radius: var(--radius-medium); border-top: 6px solid #4a90e2; }
.home-latest__label { color: #385d85; font-weight: 700; margin-bottom: .75rem; }
.home-latest h2 { font-size: clamp(1.7rem, 4vw, 2.5rem); margin-bottom: .75rem; overflow-wrap: anywhere; }
.home-latest__lesson { font-size: 1.15rem; margin-bottom: 1.25rem; }
.home-latest__start { min-height: 56px; font-size: 1.15rem; }
.home-latest__all { display: inline-block; margin-left: 1.25rem; padding: .75rem 0; color: #19599f; text-decoration: underline; }
.home-archive-links { background: #fff; padding: 1.5rem; margin: 1.5rem 0; border-radius: var(--radius-medium); }
.home-archive-links h2 { font-size: 1.3rem; margin-bottom: .5rem; }
.home-archive-links p { margin-bottom: 1rem; }
.home-archive-links > div { display: flex; flex-wrap: wrap; gap: .75rem; }
.grade-archive { margin: 1.5rem 0; border: 2px solid #b7c6d6; border-radius: 12px; background: #fff; scroll-margin-top: 1rem; }
.grade-archive > summary { min-height: 56px; padding: 1.25rem; font-weight: 700; font-size: 1.15rem; cursor: pointer; }
.grade-archive__contents { padding: 0 1.25rem 1.25rem; }
.grade-archive__contents > .card { margin-top: 1rem; }
.grade-archive-note { background: #fff; border-radius: 10px; padding: 1rem; margin: 1rem 0; color: #38516b; }
.current-grade-label { font-size: 1rem; color: #38516b; font-weight: 600; }
@media (max-width: 600px) { .school-heading { display: block; } .school-heading p { margin-top: .5rem; } .home-latest { padding: 1.25rem; } .home-latest__start { display: block; text-align: center; } .home-latest__all { margin-left: 0; } .grade-archive__contents { padding: 0 .75rem .75rem; } }

.grade-preview-badge { background: #357abd; color: #fff; margin-bottom: .5rem; }