@layer reset,tokens,base,ui;@layer components{.unit{gap:var(--s-8);display:grid}.unit__crumbs{gap:var(--s-2);margin-bottom:calc(-1 * var(--s-6));display:flex}.unit__crumbs a{color:inherit;text-decoration:none}.unit__crumbs a:hover{color:var(--accent)}.unit__hero{align-items:end;gap:var(--s-7);padding-bottom:var(--s-7);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) minmax(260px,320px);display:grid}.unit__numeral{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:lining-nums tabular-nums;font-size:clamp(5rem,9vw,8rem);font-weight:500;line-height:.8}.unit__intro{gap:var(--s-3);display:grid}.unit__title{font-size:var(--fs-3xl);line-height:1.05}.unit__tagline{font-size:var(--fs-lg);color:var(--ink-2);max-width:52ch}.unit__facts{gap:var(--s-2);flex-wrap:wrap;display:flex}.unit__progress{gap:var(--s-3);padding:var(--s-5);background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid}.unit__progress .btn{justify-self:start}.unit__soon{color:var(--ink-3);font-size:var(--fs-sm)}.t36-uprog{gap:var(--s-2);display:grid}.t36-uprog__label{color:var(--ink-2);font-size:var(--fs-xs)}.unit__h2{font-size:var(--fs-xl);margin-bottom:var(--s-4)}.unit__section-lede{color:var(--ink-2);margin:calc(-1 * var(--s-2)) 0 var(--s-4)}.unit__skills{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.unit__skill{gap:var(--s-1);padding:var(--s-4);border:1px solid var(--line);border-top:4px solid var(--row);border-radius:var(--radius-md);background:var(--raised);display:grid}.unit__skill-row{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:.7rem}.unit__skill-name{font-weight:700;line-height:var(--lh-snug)}.unit__skill-part{font-size:var(--fs-xs);color:var(--ink-2)}.unit__lessons{border-top:1px solid var(--line)}.unit__lessons>li{border-bottom:1px solid var(--line)}.unit__lesson{align-items:center;gap:var(--s-5);padding:var(--s-4) var(--s-3);color:var(--ink);border-radius:var(--radius-md);transition:background-color var(--dur-short) var(--ease-standard);grid-template-columns:4rem minmax(0,1fr) auto;text-decoration:none;display:grid}a.unit__lesson:hover{background:var(--raised);color:var(--ink)}.unit__lesson-num{font-size:var(--fs-lg);color:var(--ink-3)}.unit__lesson-main{gap:2px;display:grid}.unit__lesson-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600;line-height:var(--lh-snug)}.unit__lesson-summary{color:var(--ink-2);font-size:var(--fs-sm)}.unit__lesson-meta{align-items:center;gap:var(--s-4);display:flex}.unit__lesson-min{color:var(--ink-2);font-size:var(--fs-xs);align-items:center;gap:6px;display:inline-flex}.unit__lesson-go{color:var(--ink-3)}a.unit__lesson:hover .unit__lesson-go{color:var(--accent)}.unit__lesson--soon .unit__lesson-title,.unit__lesson--soon .unit__lesson-num{color:var(--ink-3)}.t36-status{justify-content:center;min-width:8.5rem}.t36-status__dot{border:1.5px solid;border-radius:50%;width:8px;height:8px}.t36-status--started{background:var(--accent-soft);color:var(--accent)}.t36-status--started .t36-status__dot{background:linear-gradient(90deg,currentColor 50%,#0000 50%)}.t36-status--done{background:var(--correct-bg);color:var(--correct)}.t36-status--done .t36-status__dot{background:currentColor}.unit__challenges{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.unit__challenge{gap:var(--s-1);color:var(--ink);text-decoration:none;display:grid}.unit__challenge-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600}.unit__feature{align-items:center;gap:var(--s-5);padding:var(--s-5) var(--s-6);color:var(--ink);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}.unit__feature:hover{color:var(--ink)}.unit__feature-icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.unit__feature--boss .unit__feature-icon{background:var(--warn-bg);color:var(--funds-ink)}.unit__feature-text{gap:2px;display:grid}.unit__feature-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600}.unit__feature-sub{color:var(--ink-2)}@media (width<=1199px){.unit__hero{grid-template-columns:auto minmax(0,1fr)}.unit__progress{grid-column:1/-1}}}@layer utilities;