.courses-main{width:100%;max-width:72rem;margin-inline:auto;padding:2.5rem 1.25rem 5rem}.courses-index__title{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4vw,2.75rem)}.courses-index__lede{max-width:38rem;color:var(--muted);margin:.75rem 0 2rem;font-size:1.05rem}.course__crumbs{color:var(--muted);flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;font-size:.9rem;display:flex}.course__crumbs a{color:inherit}.course__crumbs a:hover{color:var(--foreground)}.course__head{border:1px solid var(--line);background:linear-gradient(160deg, color-mix(in srgb, var(--hue) 9%, transparent), transparent 55%), var(--card);border-radius:1.25rem;padding:2rem 2rem 1.75rem 2.25rem;position:relative;overflow:hidden}.course__head:before{content:"";background:var(--hue);width:6px;position:absolute;inset-block:0;inset-inline-start:0}.course__code{font-family:var(--font-display);color:var(--hue);flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;font-weight:700;display:flex}.course__subject{font-family:var(--font-sans);color:var(--muted);font-size:.85rem;font-weight:600}.course__title{letter-spacing:-.03em;margin:.6rem 0 0;font-size:clamp(2.2rem,4.5vw,3.25rem);font-weight:800;line-height:1.05}.course__lede{max-width:40rem;color:var(--muted);margin:.85rem 0 0;font-size:1.12rem;line-height:1.55}.status{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;margin-top:1.75rem;padding-top:1.5rem;display:flex}.status__meter{flex:16rem;gap:.5rem;max-width:28rem;display:grid}.status__meter .meter{height:8px}.status__count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.92rem}.status__practice{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.status__go{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.status__next{color:var(--muted);font-size:.92rem}.status__next a{color:var(--foreground);font-weight:600}.course__body{grid-template-columns:minmax(0,1fr) 18.5rem;align-items:start;gap:3rem;margin-top:2.75rem;display:grid}@media (max-width:60rem){.course__body{grid-template-columns:1fr}.course__side{order:-1}}.course__main>section+section{margin-top:2.75rem}.course__main h2{letter-spacing:-.02em;margin:0 0 1rem;font-size:1.5rem}.course__note{color:var(--muted);margin:-.4rem 0 1.25rem}.outcomes{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.outcomes li{grid-template-columns:1.25rem 1fr;gap:.6rem;line-height:1.45;display:grid}.outcomes__icon{width:1.1rem;height:1.1rem;color:var(--hue);margin-top:.15rem}.syllabus{border:1px solid var(--line);background:var(--card);border-radius:1rem;margin:0;padding:0;list-style:none;overflow:hidden}.syllabus>li+li{border-top:1px solid var(--line)}.syllabus__single{padding:.35rem .5rem}.syllabus__section>summary{cursor:pointer;align-items:center;gap:1rem;padding:.95rem 1.1rem;list-style:none;display:flex}.syllabus__section>summary::-webkit-details-marker{display:none}.syllabus__section>summary:before{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);flex-shrink:0;width:.5rem;height:.5rem;transition:transform .15s;transform:rotate(-45deg)}.syllabus__section[open]>summary:before{transform:rotate(45deg)}.syllabus__section>summary:hover{background:var(--muted-surface)}.syllabus__name{min-width:0;font-family:var(--font-display);flex:1;font-weight:700}.syllabus__tally{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.85rem}.syllabus__lessons{margin:0;padding:0 .5rem .6rem 1.6rem;list-style:none}.lesson{color:var(--foreground);border-radius:.55rem;align-items:center;gap:.75rem;padding:.5rem .6rem;text-decoration:none;display:flex}.lesson:hover{background:var(--muted-surface)}.lesson__mark{border:2px solid var(--line);border-radius:999px;flex-shrink:0;place-items:center;width:1.15rem;height:1.15rem;display:grid}.lesson[data-state=done] .lesson__mark{border-color:var(--hue);background:var(--hue);color:var(--background)}.lesson[data-state=done] .lesson__title{color:var(--muted)}.lesson[data-state=next] .lesson__mark{border-color:var(--hue)}.lesson[data-state=next] .lesson__title{font-weight:700}.lesson__title{flex:1;min-width:0;line-height:1.4}.lesson__meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8rem}@media (max-width:36rem){.lesson__meta{display:none}}.lesson__tag{background:color-mix(in srgb, var(--hue) 14%, transparent);color:var(--hue);border-radius:999px;flex-shrink:0;padding:.1rem .55rem;font-size:.75rem;font-weight:700}.course__side{top:calc(var(--shell-header,3.75rem) + 1.5rem);gap:1rem;display:grid;position:sticky}@media (max-width:60rem){.course__side{position:static}}.facts{border:1px solid var(--line);background:var(--card);border-radius:1rem;grid-template-columns:1fr 1fr;gap:1rem 1.25rem;margin:0;padding:1.2rem 1.25rem;display:grid}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:1.1rem;font-weight:700}.side-card{border:1px solid var(--line);border-radius:1rem;padding:1.2rem 1.25rem}.side-card h2{margin:0 0 .6rem;font-size:1rem}.side-card p{color:var(--muted);margin:0 0 .9rem;font-size:.92rem;line-height:1.5}.side-card p:last-child{margin-bottom:0}.side-card__list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.side-card__list a{color:var(--foreground);gap:.1rem;font-weight:600;text-decoration:none;display:grid}.side-card__list a:hover{text-underline-offset:.2em;text-decoration:underline}.side-card__code{font-family:var(--font-display);color:var(--hue);font-size:.8rem}@media (max-width:36rem){.course__head{padding:1.5rem 1.25rem 1.35rem 1.5rem}}.status__advice{background:color-mix(in srgb, var(--hue) 8%, transparent);color:var(--muted);border-radius:.75rem;margin:1rem 0 0;padding:.75rem 1rem;font-size:.95rem;line-height:1.5}.status__advice a{color:var(--foreground);font-weight:600}.finish{border:2px solid var(--hue);background:color-mix(in srgb, var(--hue) 10%, var(--card));border-radius:1rem;margin-top:1.25rem;padding:1.25rem 1.35rem}.finish__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:800}.finish__body{color:var(--muted);margin:.4rem 0 0}.finish__actions{flex-wrap:wrap;gap:.75rem;margin:1rem 0 0;display:flex}.finish__error{color:var(--danger,#c0392b);flex-basis:100%;font-size:.95rem}.ratings{margin-top:2.5rem}.ratings__summary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ratings__summary strong{color:var(--foreground)}.ratings__stars{color:#d4a017;gap:2px;display:inline-flex}.ratings__reviews{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.ratings__reviews li{border:1px solid var(--line);background:var(--card);border-radius:.75rem;padding:.9rem 1rem}.ratings__reviews p{margin:.5rem 0}.ratings__who{color:var(--muted);font-size:.85rem}.ratings__form fieldset{border:1px solid var(--line);border-radius:.75rem;gap:.6rem;max-width:34rem;margin:1.5rem 0 0;padding:1rem 1.1rem;display:grid}.ratings__form legend{padding:0 .3rem;font-weight:700}.ratings__pick{gap:.25rem;display:flex}.ratings__pick-star{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.15rem}.ratings__pick-star[data-on=true]{color:#d4a017}.ratings__label{color:var(--muted);font-size:.9rem}.ratings__form textarea{border:1px solid var(--line);background:var(--card);width:100%;color:inherit;font:inherit;border-radius:.5rem;padding:.6rem .75rem}.ratings__form .button{justify-self:start}.ratings__ok,.ratings__error{margin:0;font-size:.92rem}.ratings__error{color:var(--danger,#c0392b)}