:root{color-scheme:light;--learning-ink:#171611;--learning-muted:#6d695e;--learning-paper:#fbfaf5;--learning-rule:#dcd7ca;--learning-accent:#2458a6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper,var(--learning-paper));color:var(--ink,var(--learning-ink));margin:0 auto}.learning-home{z-index:20;border:1px solid color-mix(in srgb, currentColor 18%, transparent);background:color-mix(in srgb, Canvas 92%, transparent);color:inherit;letter-spacing:.04em;backdrop-filter:blur(8px);border-radius:999px;padding:.45rem .7rem;font:600 .78rem/1 system-ui,sans-serif;text-decoration:none;position:fixed;top:1rem;left:1rem}.lesson-content{width:min(100% - 2rem,58rem);margin-inline:auto}.course-navigator{z-index:15;border:1px solid color-mix(in srgb, currentColor 20%, transparent);background:color-mix(in srgb, var(--paper,var(--bg,var(--learning-paper))) 94%, transparent);max-width:100%;color:inherit;backdrop-filter:blur(12px);border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 2rem;padding:.55rem .65rem .55rem .85rem;font:600 .85rem/1.25 system-ui,sans-serif;display:flex;position:sticky;top:.75rem;box-shadow:0 .4rem 1.5rem #0000001a}.course-navigator a{color:inherit;border:0;text-decoration:none}.course-navigator__index{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-navigator__jump{flex:none;position:relative}.course-navigator__jump summary{cursor:pointer;user-select:none;border-radius:.45rem;padding:.45rem .6rem;list-style-position:inside}.course-navigator__jump summary:hover,.course-navigator__jump summary:focus-visible,.course-navigator__jump[open] summary{background:color-mix(in srgb, currentColor 10%, transparent)}.course-navigator__menu{border:1px solid color-mix(in srgb, currentColor 22%, transparent);background:var(--paper,var(--bg,var(--learning-paper)));width:min(26rem,100vw - 2rem);max-height:min(70vh,36rem);color:var(--ink,var(--learning-ink));border-radius:.75rem;padding:.8rem;position:absolute;top:calc(100% + .75rem);right:0;overflow-y:auto;box-shadow:0 1rem 3rem #0000003d}.course-navigator__heading{max-width:none;color:color-mix(in srgb, currentColor 68%, transparent);letter-spacing:.1em;text-transform:uppercase;margin:.25rem .45rem .4rem;font:700 .7rem/1.2 system-ui,sans-serif}.course-navigator__heading:not(:first-child){margin-top:1rem}.course-navigator__list{gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.course-navigator__list li{margin:0;padding:0}.course-navigator__list a{border-radius:.45rem;grid-template-columns:auto 1fr;gap:.65rem;padding:.55rem .65rem;font-weight:500;display:grid}.course-navigator__list a:hover,.course-navigator__list a:focus-visible{background:color-mix(in srgb, currentColor 9%, transparent)}.course-navigator__list a[aria-current=page]{background:color-mix(in srgb, var(--learning-accent) 16%, transparent);font-weight:750}.course-navigator__list a span{color:color-mix(in srgb, currentColor 58%, transparent);font-variant-numeric:tabular-nums}.lesson-header{margin-bottom:2rem}.lesson-content img,.lesson-content canvas,.lesson-content video{max-width:100%}.lesson-content table{max-width:100%;display:block;overflow-x:auto}.lesson-content pre{overflow-x:auto}.lesson-podcast{box-sizing:border-box;border:1px solid color-mix(in srgb, currentColor 22%, transparent);background:color-mix(in srgb, Canvas 92%, var(--learning-accent) 8%);border-radius:.85rem;margin:1.5rem 0 2rem;padding:1rem 1.15rem}.lesson-podcast h2{margin:0 0 .25rem;font-size:1.2rem}.lesson-podcast>p{margin:.25rem 0 .8rem}.lesson-podcast audio{width:100%;margin:.8rem 0;display:block}.lesson-podcast details{margin-top:.65rem}.learning-footer{border-top:1px solid var(--rule,var(--learning-rule));margin-top:4rem;padding:1.25rem 0 3rem}.learning-footer nav{justify-content:space-between;gap:1rem;display:flex}.learning-footer a:last-child{text-align:right;margin-left:auto}@media (width<=640px){.learning-home{margin:.75rem 1rem 0;display:inline-block;position:static}.course-navigator{margin-top:1rem;top:.5rem}.course-navigator__index{max-width:50vw}.course-navigator__jump{position:static}.course-navigator__menu{width:calc(100vw - 2rem);left:50%;right:auto;transform:translate(-50%)}.learning-footer nav{flex-direction:column}.learning-footer a:last-child{text-align:left;margin-left:0}}