main{--learn-rule:color-mix(in srgb, var(--color-ink) 12%, transparent);--learn-grid:color-mix(in srgb, var(--color-cyan) 11%, transparent);--learn-gold-wash:color-mix(in srgb, var(--color-gold) 16%, var(--surface-0));--learn-cyan-wash:color-mix(in srgb, var(--color-cyan) 9%, var(--surface-0));--learn-panel-shadow:0 16px 45px #11182714;--learn-measure:68ch;--learn-control-ring:0 0 0 4px #07cae924;background:var(--surface-0)}main .lede-block.lede-block,main .article-head.article-head,main .lesson-head.lesson-head{isolation:isolate;border-block-end:1px solid var(--learn-rule);background:linear-gradient(90deg, var(--learn-grid) 1px, transparent 1px), linear-gradient(var(--learn-grid) 1px, transparent 1px), radial-gradient(circle at 12% 85%, #07cae92e, transparent 28rem), radial-gradient(circle at 88% 18%, #f5c45133, transparent 24rem), var(--surface-0);background-size:4.5rem 4.5rem,4.5rem 4.5rem,auto,auto,auto;padding-block:clamp(4.5rem,9vw,8.5rem);position:relative;overflow:clip}main .lede-block.lede-block:before,main .article-head.article-head:before,main .lesson-head.lesson-head:before{content:"";z-index:-1;aspect-ratio:1;background:#ffffff70;border:1px solid #058a9e3d;border-radius:32% 68% 59% 41%;width:clamp(15rem,32vw,30rem);position:absolute;inset:auto -8rem -14rem auto;rotate:-17deg;box-shadow:inset 0 0 0 1.4rem #07cae909}main .lede-block.lede-block:after,main .article-head.article-head:after,main .lesson-head.lesson-head:after{content:"";z-index:-1;width:7.5rem;height:1.15rem;left:max(var(--container-pad), calc((100vw - var(--container-max)) / 2));background:var(--color-gold);border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:absolute;bottom:0}main .lede-grid.lede-grid{z-index:1;grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);align-items:end;gap:clamp(2rem,7vw,7rem);display:grid;position:relative}main .lede-title.lede-title,main .article-title.article-title,main .lesson-head .lesson-title.lesson-title{max-width:13ch;margin-block:var(--space-5);color:var(--text-strong);letter-spacing:-.064em;text-wrap:balance;font-size:clamp(3.2rem,7.2vw,7rem);font-weight:860;line-height:.91}main .article-title.article-title,main .lesson-head .lesson-title.lesson-title{max-width:15ch;font-size:clamp(3rem,6.3vw,6.25rem)}main .lede-sub.lede-sub,main .standfirst.standfirst,main .lesson-standfirst.lesson-standfirst{max-width:48rem;color:var(--text-muted);text-wrap:pretty;font-size:clamp(1.12rem,1.6vw,1.42rem);line-height:1.58}main .lede-side.lede-side,main .lede-aside.lede-aside{padding:var(--space-6);border:1px solid var(--learn-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);background:#ffffffc2;flex-direction:column;justify-content:flex-end;align-self:stretch;display:flex}main .back.back,main .crumb.crumb{align-items:center;gap:var(--space-2);width:max-content;min-height:2.75rem;padding-inline:var(--space-4);border:1px solid var(--learn-rule);border-radius:var(--radius-full);color:var(--color-cyan-800);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:#ffffffdb;font-weight:760;text-decoration:none;display:inline-flex}main .lede-block .container>.back.back{margin-block-end:var(--space-6)}main :is(.back,.crumb):hover{border-color:var(--color-cyan-300);background:var(--color-cyan-50);color:var(--color-cyan-900)}main :is(.back,.crumb):focus-visible{border-color:var(--color-cyan-600);box-shadow:var(--learn-control-ring)}main .lede-meta.lede-meta,main .dateline.dateline,main .lesson-pos.lesson-pos{color:var(--color-cyan-800);font-size:var(--text-xs);letter-spacing:.13em;text-transform:uppercase;font-weight:800}main .section.section{padding-block:clamp(4.5rem,8vw,7.5rem);position:relative}main .section--tinted.section--tinted{background:linear-gradient(90deg, #07cae90b 1px, transparent 1px), linear-gradient(#07cae90b 1px, transparent 1px), var(--surface-1);background-size:5rem 5rem}main .dept-title.dept-title,main .closer-title.closer-title,main .end-title.end-title{letter-spacing:-.055em;text-wrap:balance;max-width:16ch;font-size:clamp(2.45rem,5.4vw,5.4rem);font-weight:840;line-height:.98}main .dept-lede.dept-lede,main .closer-body.closer-body,main .end-body.end-body{max-width:48rem;color:var(--text-muted);font-size:var(--text-lg);text-wrap:pretty;line-height:1.65}main :is(.next-body,.end-lede,.catalog-lede,.resources-lede,.tool-desc,.cat-desc,.watch-desc,.ref-desc){max-width:var(--learn-measure);text-wrap:pretty;line-height:1.65}main .paths-head.paths-head,main .catalog-head.catalog-head,main .resources-head.resources-head{gap:var(--space-12);grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:end;margin-block-end:var(--space-12);display:grid}main .path-grid.path-grid,main .catalog-grid.catalog-grid,main .course-grid.course-grid,main .ref-grid.ref-grid,main .tool-grid.tool-grid,main .watch-grid.watch-grid{gap:var(--space-6)}main .path-card.path-card,main .cat-card.cat-card,main .course-card.course-card,main .ref-card.ref-card,main .tool-card.tool-card,main .watch-card.watch-card,main .next-card.next-card,main .more-card.more-card,main .nav-card.nav-card,main .rail-card.rail-card,main .reserve-card.reserve-card,main .term.term{border:1px solid var(--learn-rule);border-radius:var(--radius-lg);background:var(--surface-0);box-shadow:var(--shadow-sm);position:relative;overflow:clip}main .path-card.path-card{padding:var(--space-8);box-shadow:var(--learn-panel-shadow);border-block-start-width:1px}main .path-card.path-card:before,main .cat-card.cat-card:before,main .course-card.course-card:before,main .ref-card.ref-card:before,main .tool-card.tool-card:before,main .watch-card.watch-card:before{content:"";background:var(--path-accent,var(--color-cyan));opacity:.86;width:.3rem;position:absolute;inset:0 auto 0 0}main .cat-card.cat-card,main .course-card.course-card,main .ref-card.ref-card,main .tool-card.tool-card,main .watch-card.watch-card{min-height:20rem;padding:var(--space-8);transition:translate var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out)}main .course-card.course-card:nth-child(3n+2),main .cat-card.cat-card:nth-child(3n+2),main .tool-card.tool-card:nth-child(3n+2){background:var(--learn-cyan-wash)}main .course-card.course-card:nth-child(3n),main .cat-card.cat-card:nth-child(3n),main .tool-card.tool-card:nth-child(3n){background:var(--learn-gold-wash)}main .cat-title.cat-title,main .course-title.course-title,main .ref-title.ref-title,main .tool-title.tool-title,main .watch-title.watch-title,main .next-title.next-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.45rem,2.2vw,2.15rem);font-weight:810;line-height:1.08}main .cat-format.cat-format,main .cat-topic.cat-topic,main .cat-level.cat-level,main .course-index.course-index,main .ref-kicker.ref-kicker,main .tool-kicker.tool-kicker,main .watch-cat.watch-cat,main .next-kicker.next-kicker,main .path-number.path-number{letter-spacing:.12em;text-transform:uppercase;font-weight:800}main .step-body.step-body,main .lesson-link.lesson-link{border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), translate var(--duration-base) var(--ease-out);border:1px solid #0000}main :is(.cat-card,.course-card,.ref-card,.tool-card[href],.watch-link,.next-card,.more-card,.nav-card,.lesson-link,.jump-pill):focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px;border-color:var(--color-cyan-600);box-shadow:var(--learn-control-ring), var(--shadow-hover)}main :is(.cat-cue,.course-cue,.ref-cue,.tool-cue,.watch-link,.next-cue){margin-block-start:auto;font-weight:780}main .step-body.step-body:hover,main .lesson-link.lesson-link:hover{border-color:var(--color-cyan-200);background:var(--learn-cyan-wash)}main .catalog-toolbar.catalog-toolbar,main .filters.filters,main .filter.filter{border:1px solid var(--learn-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fffffff0}main .filters.filters,main .filter.filter{padding:var(--space-5)}main .catalog-toolbar.catalog-toolbar{padding:var(--space-6)}main .search-input.search-input,main .filter-input.filter-input,main .rail-email.rail-email,main .pb-input.pb-input,main .pb-select.pb-select,main .ideas-email.ideas-email,main .calc-email.calc-email,main .ideas-selects select,main .field input,main .field select{border:1px solid color-mix(in srgb, var(--color-ink) 18%, transparent);border-radius:var(--radius-md);background:var(--surface-0);min-height:3rem;color:var(--text-strong);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);box-shadow:inset 0 1px 2px #1118270a}main :is(.search-input,.filter-input,.rail-email,.pb-input,.pb-select,.ideas-email,.calc-email,.ideas-selects select,.field input,.field select):focus-visible{border-color:var(--color-cyan-600);outline:2px solid var(--color-focus-ring);outline-offset:1px;box-shadow:var(--learn-control-ring)}main .chip.chip,main .jump-pill.jump-pill{border-color:var(--learn-rule);background:var(--surface-0);min-height:2.75rem;font-weight:760}main .chip.chip:focus-visible{border-color:var(--color-cyan-700);outline:2px solid var(--color-focus-ring);outline-offset:2px;box-shadow:var(--learn-control-ring)}main .chip.chip[aria-pressed=true]{border-color:var(--color-cyan-700);background:var(--color-cyan-50);color:var(--color-cyan-900);box-shadow:inset 0 0 0 1px var(--color-cyan-700)}main .cprogress.cprogress,main .lcomplete.lcomplete{border:1px solid var(--learn-rule);border-radius:var(--radius-lg);background:var(--surface-0);box-shadow:var(--learn-panel-shadow)}main .cprogress.cprogress{padding:var(--space-6)}main .cprogress-track.cprogress-track{border:1px solid var(--color-cyan-200);background:var(--color-cyan-50);height:.72rem}main .cprogress-fill.cprogress-fill{background:linear-gradient(90deg, var(--color-teal), var(--color-cyan))}main .lesson-list.lesson-list{gap:var(--space-4);display:grid}main .lesson-item.lesson-item{border:1px solid var(--learn-rule);border-radius:var(--radius-lg);background:var(--surface-0);box-shadow:var(--shadow-sm)}main .lesson-link.lesson-link{padding:var(--space-6)}main .lesson-item.lesson-item[data-done=true]{border-color:var(--color-cyan-300);background:var(--color-cyan-50)}main .article-body.article-body,main article.lesson>.lesson-body.lesson-body{padding-block:clamp(4rem,8vw,7rem)}main .prose.prose{width:100%;max-width:var(--learn-measure);color:var(--text-body);font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.78}main .prose.prose :is(p,li){max-width:var(--learn-measure);text-wrap:pretty}main .prose.prose :is(a,button):focus-visible{outline-offset:3px;border-radius:.2em}main .prose.prose :is(pre,table){max-width:100%}main .prose.prose pre{padding:var(--space-5);border:1px solid var(--learn-rule);border-radius:var(--radius-md);background:var(--color-cyan-50);overflow-x:auto}main .prose.prose :is(h2,h3){color:var(--text-strong);letter-spacing:-.035em;text-wrap:balance}main .prose.prose h2{border-block-start:1px solid var(--learn-rule);margin-block-start:clamp(3.5rem,7vw,6rem);padding-block-start:var(--space-5);font-size:clamp(2rem,4vw,3.6rem)}main .prose.prose h3{margin-block-start:var(--space-10);font-size:clamp(1.45rem,2.5vw,2.15rem)}main .prose.prose blockquote{padding:var(--space-8);border:1px solid var(--color-cyan-200);border-inline-start:.4rem solid var(--color-gold);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:linear-gradient(135deg, var(--learn-gold-wash), var(--surface-0));box-shadow:var(--shadow-sm);margin-inline:0;position:relative}main .prose.prose code{border:1px solid var(--color-cyan-100);border-radius:var(--radius-sm);background:var(--color-cyan-50)}main .learn-box.learn-box,main .takeaways.takeaways{padding:var(--space-8);border:1px solid var(--learn-rule);border-radius:var(--radius-lg);background:var(--learn-cyan-wash);box-shadow:var(--shadow-sm)}main .takeaways.takeaways{background:var(--learn-gold-wash)}main .more-grid.more-grid,main .lesson-nav.lesson-nav,main .end-grid.end-grid,main .next-grid.next-grid{gap:var(--space-5)}main .quiz.quiz,main .picker.picker,main .calc.calc,main .pb.pb,main .ideas.ideas,main .mtable.mtable,main .lquiz.lquiz{border:1px solid var(--learn-rule);border-radius:var(--radius-xl);background:linear-gradient(90deg, #07cae90b 1px, transparent 1px), linear-gradient(#07cae90b 1px, transparent 1px), var(--surface-0);box-shadow:var(--learn-panel-shadow);background-size:3.5rem 3.5rem;padding:clamp(1.25rem,4vw,3rem);position:relative;overflow:clip}main .quiz.quiz:before,main .picker.picker:before,main .calc.calc:before,main .pb.pb:before,main .ideas.ideas:before,main .mtable.mtable:before,main .lquiz.lquiz:before{content:"";background:linear-gradient(90deg, var(--color-cyan) 0 70%, var(--color-gold) 70% 88%, var(--color-teal) 88%);height:.4rem;position:absolute;inset:0 0 auto}main .quiz-list.quiz-list,main .picker-list.picker-list{gap:var(--space-5);display:grid}main .quiz-item.quiz-item,main .picker-item.picker-item,main .lquiz-field.lquiz-field,main .field.field{padding:var(--space-6);border:1px solid var(--learn-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#ffffffeb}main .quiz-legend.quiz-legend,main .picker-legend.picker-legend,main .lquiz-legend.lquiz-legend,main .ideas-legend.ideas-legend{color:var(--text-strong);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:790;line-height:1.25}main .q-num.q-num{width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:var(--color-cyan-50);color:var(--color-cyan-900);font-size:var(--text-sm);place-items:center;margin-inline-end:var(--space-2);display:inline-grid}main .quiz-option-label.quiz-option-label,main .picker-option-label.picker-option-label,main .lquiz-option-label.lquiz-option-label,main .sink-label.sink-label{min-height:3.25rem;padding:var(--space-3) var(--space-4);border:1px solid var(--learn-rule);border-radius:var(--radius-md);background:var(--surface-0);color:var(--text-body);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);cursor:pointer}main .quiz-option:has(input:checked) .quiz-option-label,main .picker-option:has(input:checked) .picker-option-label,main .lquiz-option:has(input:checked) .lquiz-option-label,main .sink-option:has(input:checked) .sink-label{border-color:var(--color-cyan-700);background:var(--color-cyan-50);box-shadow:inset 0 0 0 1px var(--color-cyan-700)}main .quiz-submit.quiz-submit,main .picker-submit.picker-submit,main .ideas-submit.ideas-submit,main .lquiz-submit.lquiz-submit,main .pb-copy.pb-copy,main .lcomplete-btn.lcomplete-btn{border-radius:var(--radius-full);min-height:3.25rem;box-shadow:var(--shadow-cta)}main :is(.quiz-submit,.picker-submit,.ideas-submit,.lquiz-submit,.pb-copy,.lcomplete-btn):focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px;box-shadow:var(--learn-control-ring), var(--shadow-cta)}main .quiz-result.quiz-result,main .picker-result.picker-result,main .ideas-result.ideas-result,main .lquiz-result.lquiz-result,main .pb-result.pb-result{border:1px solid var(--color-cyan-200);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-cyan-50), var(--surface-0) 68%);box-shadow:var(--shadow-md);padding:clamp(1.5rem,4vw,3rem)}main .score-title.score-title,main .result-title.result-title,main .pick-title.pick-title,main .lquiz-verdict.lquiz-verdict{letter-spacing:-.045em;font-size:clamp(1.8rem,4vw,3.4rem);font-weight:830;line-height:1}main .calc-inputs.calc-inputs,main .calc-results.calc-results,main .pb-grid.pb-grid,main .ideas-selects.ideas-selects{gap:var(--space-5)}main .calc-results.calc-results{align-items:stretch}main .result.result,main .result-calc.result-calc{padding:var(--space-6);border:1px solid var(--learn-rule);border-radius:var(--radius-lg);background:var(--surface-0)}main .result--hero.result--hero{border-color:var(--color-cyan-300);background:linear-gradient(145deg, var(--color-cyan-50), var(--surface-0))}main .result-value.result-value{letter-spacing:-.06em;font-size:clamp(2rem,5vw,4.5rem);font-weight:850}main .mtable-note.mtable-note{border-radius:var(--radius-md);background:var(--learn-gold-wash)}main .mtable-scroll.mtable-scroll{border-color:var(--learn-rule);border-radius:var(--radius-lg);background:var(--surface-0);box-shadow:var(--shadow-sm);scrollbar-color:var(--color-cyan-300) var(--surface-2)}main .mtable-scroll.mtable-scroll thead th{background:var(--color-cyan-50);color:var(--color-cyan-900)}main .terms.terms{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}main .term.term{padding:var(--space-8)}main .term-name.term-name,main .tool-name.tool-name{letter-spacing:-.03em;font-size:clamp(1.4rem,2vw,1.95rem);font-weight:810}main .notice.notice,main .watch-note.watch-note,main .howto-cta.howto-cta,main .quiz-intro.quiz-intro{padding:var(--space-6);border:1px solid var(--color-cyan-200);border-inline-start:.35rem solid var(--color-gold);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--learn-gold-wash)}main .closer.closer,main .lesson-end.lesson-end{border-block-start:1px solid var(--learn-rule);background:linear-gradient(90deg, #07cae914 1px, transparent 1px), linear-gradient(#07cae914 1px, transparent 1px), linear-gradient(135deg, var(--color-cyan-50), var(--surface-0) 58%, var(--learn-gold-wash));background-size:4rem 4rem,4rem 4rem,auto;padding-block:clamp(5rem,9vw,8rem);position:relative;overflow:clip}main .closer-inner.closer-inner,main .lesson-end>*{z-index:1;position:relative}main .closer-inner.closer-inner{width:100%;max-width:58rem;padding-inline:var(--container-pad);justify-items:center;gap:var(--space-5);text-align:center;margin-inline:auto;display:grid}main .closer-rule.closer-rule,main .end-rule.end-rule{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-gold) 0 72%, var(--color-cyan) 72%);width:4.5rem;height:.35rem}@media (width>=901px){main .mtable-scroll.mtable-scroll tbody th{z-index:1;background:var(--surface-0);box-shadow:1px 0 var(--learn-rule);position:sticky;left:0}}@media (hover:hover) and (pointer:fine){main :is(.cat-card,.course-card,.ref-card,.tool-card,.watch-card,.next-card,.more-card,.nav-card):hover{border-color:var(--color-cyan-300);box-shadow:var(--shadow-hover);translate:0 -.25rem}main :is(.step-body,.lesson-link):hover{translate:0 -.125rem}main :is(.quiz-option-label,.picker-option-label,.lquiz-option-label,.sink-label):hover{border-color:var(--color-cyan-300);background:var(--color-cyan-50)}}@media (prefers-reduced-motion:no-preference){main .lede-title.lede-title,main .article-title.article-title,main .lesson-head .lesson-title.lesson-title{animation:learn-title-in .72s var(--ease-out) both}@keyframes learn-title-in{0%{opacity:0;clip-path:inset(0 0 18%);translate:0 1.4rem}to{opacity:1;clip-path:inset(0);translate:0}}}@media (width<=900px){main .lede-block.lede-block,main .article-head.article-head,main .lesson-head.lesson-head{padding-block:var(--space-16) var(--space-20);background-size:3.5rem 3.5rem,3.5rem 3.5rem,auto,auto,auto}main .lede-grid.lede-grid,main .paths-head.paths-head,main .catalog-head.catalog-head,main .resources-head.resources-head{gap:var(--space-8);grid-template-columns:1fr}main .lede-side.lede-side,main .lede-aside.lede-aside{width:min(100%,38rem)}main .catalog-toolbar.catalog-toolbar{max-height:none;position:static;overflow:visible}main .terms.terms{grid-template-columns:1fr}main .article-body.article-body,main article.lesson>.lesson-body.lesson-body{padding-block:var(--space-16)}}@media (width<=620px){main .lede-title.lede-title,main .article-title.article-title,main .lesson-head .lesson-title.lesson-title{max-width:12ch;font-size:clamp(2.65rem,13vw,4.1rem);line-height:.94}main .section.section{padding-block:var(--space-16)}main .path-card.path-card,main .cat-card.cat-card,main .course-card.course-card,main .ref-card.ref-card,main .tool-card.tool-card,main .watch-card.watch-card,main .term.term{min-height:auto;padding:var(--space-6);border-radius:var(--radius-lg)}main .filters.filters,main .filter.filter,main .catalog-toolbar.catalog-toolbar{padding:var(--space-4);border-radius:var(--radius-md)}main .chip-row.chip-row{gap:var(--space-2)}main .chip.chip,main .jump-pill.jump-pill{min-height:3rem;padding-inline:var(--space-4)}main .quiz.quiz,main .picker.picker,main .calc.calc,main .pb.pb,main .ideas.ideas,main .mtable.mtable,main .lquiz.lquiz{padding:var(--space-4);border-radius:var(--radius-lg)}main .quiz-item.quiz-item,main .picker-item.picker-item,main .lquiz-field.lquiz-field,main .field.field{padding:var(--space-4)}main .quiz-option-label.quiz-option-label,main .picker-option-label.picker-option-label,main .lquiz-option-label.lquiz-option-label,main .sink-label.sink-label{min-height:3.5rem;padding:var(--space-4)}main input,main select,main textarea{font-size:1rem}main .prose.prose blockquote,main .learn-box.learn-box,main .takeaways.takeaways,main .notice.notice,main .watch-note.watch-note,main .howto-cta.howto-cta,main .quiz-intro.quiz-intro{padding:var(--space-5)}main .mtable.mtable{margin-inline:calc(var(--container-pad) * -1);border-inline:0;border-radius:0}main .mtable-note.mtable-note,main .mtable-foot.mtable-foot{margin-inline:var(--container-pad)}}@media (prefers-reduced-motion:reduce){main *,main :before,main :after{scroll-behavior:auto!important}}
