@media(max-width:60rem){.container{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;padding:1rem;position:relative;height:auto}.content{margin-left:0;padding:1.25rem;height:calc(100vh - 5rem)}}@media(max-width:1024px){.toggle-icons-button{display:inline-block}}@media(max-width:900px){.toggle-icons-button{display:inline-block}.sidebar{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--primary-color);transform:translate(-100%);transition:transform .3s ease;z-index:10001;overflow-y:auto}.sidebar.visible{transform:translate(0)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000059;z-index:10000}.sidebar.visible~.sidebar-backdrop{display:block}.content{margin-left:0!important}}@media(max-width:700px){.toggle-icons-button{display:inline-block;position:static;margin-left:.5rem}.header-content{gap:.2rem}}@media(max-width:768px){.toggle-icons-button{display:block}.sidebar{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--primary-color);transform:translate(-100%);transition:transform .3s ease;z-index:10001;overflow-y:auto}.sidebar.visible{transform:translate(0)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000059;z-index:10000}.sidebar.visible~.sidebar-backdrop{display:block}.content{margin-left:0;padding:1rem}.container{flex-direction:column;height:auto}.sidebar{width:100%;height:auto;padding:1rem;transform:translate(-100%);position:absolute}}@media(max-width:600px){.container,.main-content,body>main{padding-top:3.5rem;padding-bottom:2.5rem}:root{--header-height: 3.2rem;--footer-height: 2.2rem}.header,.footer{font-size:.9rem}.toggle-icons-button{display:block}body>main,.container,.main-content{padding-top:var(--header-height);padding-bottom:var(--footer-height)}}@media(max-width:700px){body,html{overflow-y:auto}.main-content{padding-top:var(--header-height);padding-bottom:var(--footer-height);min-height:calc(100vh - var(--header-height) - var(--footer-height));height:auto}}@media(max-width:768px){.course-selection{flex-direction:column;align-items:center;gap:1rem;padding:0 .5rem}.course-card{width:98vw;max-width:400px;min-width:0}}@media(max-width:600px){.course-card{width:90vw;max-width:300px;padding:.5rem .5rem .8rem}.course-selection{gap:.8rem;align-items:center;justify-content:center;padding-bottom:2rem}}@media(max-width:700px){.nav-buttons{padding:0 .3rem;bottom:.5rem}.nav-buttons button{font-size:.89rem;padding:.32rem .6rem;min-width:60px}.page-indicator{margin-bottom:2.7rem;font-size:.95rem}}@media(max-width:37.5rem){.icons-section-title{font-size:.875rem}button{font-size:.875rem;padding:.5rem 1rem}}