.courses{max-width:1200px;margin:0 auto;padding:4rem 2rem}.courses__title{font-size:1.875rem;font-weight:var(--font-weight-bold);color:var(--color-gray-12);text-align:center;margin-bottom:.2rem}.courses__subtitle{color:var(--color-gray-11);text-align:center;margin-bottom:3rem;font-size:var(--text-lg)}.courses__loading,.courses__empty{padding:4rem;text-align:center;color:var(--color-gray-11)}.courses__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.courses__grid{grid-template-columns:repeat(3,1fr)}}.courses__card-title{font-size:var(--text-xl)}.courses__card-free-banner{display:flex;align-items:center;justify-content:center;padding:.375rem .75rem;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-green-11);background-color:var(--color-green-2);border-bottom:1px solid var(--color-green-4);text-align:center;width:100%}.card--outline.courses__card--free{border-color:var(--color-green-7)!important}.courses__card-features{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem}.courses__card-feature-item{display:flex;align-items:center;gap:.375rem}.courses__card-feature-icon{flex-shrink:0;color:var(--color-gray-9)}.courses__card-feature-text{font-size:var(--text-xs);color:var(--color-gray-11);line-height:1.5}.courses__card-footer{justify-content:center}.courses__card-button{width:100%}.courses__card--coming-soon{opacity:.6;cursor:not-allowed;pointer-events:none}.courses__card--coming-soon *{color:var(--color-gray-9)}.courses__card--clickable{cursor:pointer;transition:transform .1s ease,box-shadow .15s ease}.courses__card--clickable:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.courses__card-start-button{font-size:var(--text-sm);padding:.375rem .75rem}.course-overview{max-width:1200px;margin:0 auto;padding:2rem 1rem}@media(min-width:768px){.course-overview{padding:3rem 2rem}}.course-overview__container{display:flex;flex-direction:column;gap:2rem}@media(min-width:1024px){.course-overview__container{flex-direction:row;gap:3rem;align-items:flex-start}}.course-overview__left,.course-overview__right{flex:1;min-width:0}@media(min-width:1024px){.course-overview__right{flex:0 0 450px}}.course-overview__header{margin-bottom:0}.course-overview__features{margin:1.5rem 0}.course-overview__features-grid{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.course-overview__feature-item{display:flex;align-items:center;gap:.5rem}.course-overview__feature-icon{flex-shrink:0;color:var(--color-gray-9)}.course-overview__feature-text{font-size:var(--text-sm);color:var(--color-gray-11);line-height:1.5}.course-overview__title{font-size:1.875rem;font-weight:var(--font-weight-bold);color:var(--color-gray-12);margin-bottom:.75rem}@media(min-width:768px){.course-overview__title{font-size:2.25rem}}.course-overview__description{color:var(--color-gray-11);margin-bottom:1.5rem;line-height:1.7;font-size:var(--text-base)}.course-overview__description p{margin:0;margin-bottom:1rem}.course-overview__description p:last-child{margin-bottom:0}.course-overview__description strong{color:var(--color-gray-12);font-weight:var(--font-weight-semibold)}.course-overview__start-button{min-width:200px}.course-overview__content{margin-top:1.5rem;padding:var(--spacing-6);border-radius:var(--radius-sm);border:1px solid var(--color-gray-6)}.course-overview__structure-title{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-12);margin-bottom:1rem}.course-overview__accordion{width:100%;margin-left:var(--spacing-2)}.course-overview__section-header{margin-top:var(--spacing-4);margin-bottom:var(--spacing-2)}.course-overview__section-header:first-child{margin-top:0}.course-overview__section-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-12);margin:0}.course-overview__section-divider{height:1px;background-color:var(--color-gray-4);margin:var(--spacing-6) 0}.course-overview__chapter{border-bottom:none}.course-overview__chapter:not(:last-child){border-bottom:none}.course-overview__chapter-trigger{color:var(--color-gray-12);display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) 0}.course-overview__chapter-title{flex:1;text-align:left;font-size:var(--text-sm);margin:0;display:flex;align-items:center;gap:.5rem}.course-overview__chapter-free-icon-wrapper{flex-shrink:0;display:inline-flex;align-items:center;cursor:help}.course-overview__chapter-free-icon{color:var(--color-gray-8);opacity:.7}.course-overview__chapter-count{font-size:var(--text-sm);color:var(--color-gray-9)}.course-overview__chapter-body{padding:0}.course-overview__lessons{display:flex;flex-direction:column}.course-overview__lesson{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;border:none;background:transparent;cursor:pointer;text-align:left;border-radius:var(--radius-md);transition:background-color .15s ease}.course-overview__lesson:hover{background-color:var(--color-gray-2)}.course-overview__lesson--completed{opacity:.85}.course-overview__lesson--current{background-color:var(--color-cyan-1)}.course-overview__lesson--current:hover{background-color:var(--color-cyan-2)}.course-overview__lesson-status{flex-shrink:0}.course-overview__lesson-status--completed{color:var(--color-green-9)}.course-overview__lesson-status--current{color:var(--color-cyan-9)}.course-overview__lesson-status--pending{color:var(--color-gray-7)}.course-overview__lesson-title{flex:1;color:var(--color-gray-11);font-size:var(--text-sm)}
