body,html{scroll-padding:4em}.courses{margin-inline:auto;padding:var(--padding);width:min(95%,var(--width))}.courses__title{margin-block-end:2rem;width:min(100%,800px)}.courses__table{display:flex;flex-flow:column;gap:1rem}.courses__form{background:#e6e6e6;border-radius:.25rem;border-radius:.5rem;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;padding:clamp(1.125rem,3vw,2.25rem)}.courses__form__input-group{align-items:center;display:flex;flex-flow:row wrap;gap:1rem}.courses__form__input-group label{background:#fff;border-radius:50px;cursor:pointer;display:flex;gap:0;padding:.25rem .5rem .25rem .45rem}.courses__form__input-group label:has(>input:checked){background:#0776d3;color:#fff}.courses__form__input-group label input{height:1px;overflow:hidden;visibility:hidden;width:1px}.course{border:5px solid #e6e6e6;border-radius:.25rem;display:flex;flex-flow:column}@media (min-width:500px){.course{flex-flow:row}}.course__info{border-bottom:1px solid #e6e6e6;display:flex;flex:1;flex-flow:row wrap}@media (min-width:500px){.course__info{border-bottom:0;border-right:1px solid #e6e6e6}}.course__logo{border-bottom:1px solid #e6e6e6;display:grid;padding:1rem;place-items:center;width:100%}.course__logo img{display:block;margin-inline:auto;max-width:150px}@media (min-width:802px){.course__logo{border-bottom:0;border-right:1px solid #e6e6e6;width:auto}}.course__meta{background:#fff;display:flex;flex:1 250px;flex-flow:column;justify-content:center;padding:1rem;transition:background .25s ease}.course:where(:hover,:focus) .course__meta{background:#e6e6e6}.course__meta__type{color:#777;font-size:.9rem;margin-bottom:1rem}.course__meta__name{margin-bottom:.5rem}.course__meta__name a{text-decoration:underline}.course__meta__name a:where(:hover,:focus){text-decoration:none}.course__meta__location{color:#063861;font-size:1rem}.course__yoc{background:#017139;display:grid;padding:0 1rem;place-items:center;width:100%}@media (min-width:660px){.course__yoc{margin-left:auto;max-width:calc(2rem + 60px)}}.course__data{display:flex;flex:.5;flex-flow:column;gap:1rem;justify-content:center;padding:1rem}.course__data__item{align-items:center;display:flex;gap:1rem}.course__data__item a{text-decoration:underline}.course__data__item a:where(:hover,:focus){text-decoration:none}.course__data__item>svg{height:30px;width:30px;fill:#aaa;transition:fill .25s ease}.course__data__item:has(a:where(:hover,:focus)) svg{fill:#0776d3}.courses__pagination{align-items:center;display:flex;gap:.25rem;justify-content:center;margin-top:1.5rem}.courses__button{background-color:#0776d3;border:1px solid #0776d3;border-radius:4px;color:#fff;font-family:Figtree;font-size:16px;font-style:normal;font-weight:600;letter-spacing:0;padding:6px 12px;text-transform:uppercase}.courses__button--current{background-color:#fff;color:#0776d3}