@layer theme,base,components,utilities;:root{--reading-measure: 38rem;--reading-space: 1rem;--reading-section-gap: 3rem;--reading-scroll-offset: 7rem;--reading-text: #374151;--reading-heading: #171717;--reading-muted: #6b7280;--reading-rule: #e5e7eb;--reading-surface: #fff;--reading-link-color: #4c3289;--reading-link-hover: #171717;--reading-accent: #ffcd00;--reading-note-bg: #fffbed;--reading-body-size: 1rem;--reading-body-leading: 1.75;--reading-h2-size: clamp(1.5rem, 3vw, 2rem);--reading-h2-weight: 900;--reading-h3-size: 1.125rem;--reading-h3-weight: 800;--reading-radius: 1rem}@layer components{.reading-measure{max-width:var(--reading-measure)}:where(.reading-body,.course-content){color:var(--reading-text);font-size:var(--reading-body-size);line-height:var(--reading-body-leading)}:where(.reading-body,.course-content)>*+*{margin-top:var(--reading-space)}:where(.reading-body,.course-content) :is(h1,h2,h3,h4){max-width:var(--reading-measure);color:var(--reading-heading);line-height:1.2;text-wrap:balance}:where(.reading-body,.course-content) h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:900}:where(.reading-body,.course-content) h2{margin-top:2rem;font-size:var(--reading-h2-size);font-weight:var(--reading-h2-weight)}:where(.reading-body,.course-content) :is(h3,h4){margin-top:1.5rem;font-size:var(--reading-h3-size);font-weight:var(--reading-h3-weight);line-height:1.5}:where(.reading-body,.course-content) :is(h1,h2,h3,h4)+*{margin-top:.75rem}:where(.reading-body,.course-content) :is(p,li){max-width:var(--reading-measure);color:var(--reading-text)}:where(.reading-body,.course-content) :is(ul,ol){margin:var(--reading-space) 0;padding-left:1.4rem}:where(.reading-body,.course-content) ul{list-style:disc}:where(.reading-body,.course-content) ol{list-style:decimal}:where(.reading-body,.course-content) li+li{margin-top:.75rem}:where(.reading-body,.course-content) li>*{margin-top:.5rem}:where(.reading-body,.course-content) li>:first-child{margin-top:0}:where(.reading-body,.course-content) a{color:var(--reading-link-color);text-decoration:underline;text-underline-offset:.2em}:where(.reading-body,.course-content) a:hover{color:var(--reading-link-hover)}:where(.reading-body,.course-content) :is(strong,b){color:var(--reading-heading);font-weight:700}:where(.reading-body,.course-content) hr{margin:var(--reading-section-gap) 0;border:0;border-top:1px solid var(--reading-rule)}:where(.reading-body,.course-content) :is(section,article){border-radius:0;background:transparent;padding:0}:where(.reading-body,.course-content) :is(section,article)>*+*{margin-top:var(--reading-space)}:where(.reading-body,.course-content) blockquote{max-width:var(--reading-measure);margin:1.5rem 0;border-left:4px solid var(--reading-accent);border-radius:0 var(--reading-radius) var(--reading-radius) 0;background:var(--reading-note-bg);padding:1.25rem;color:var(--reading-text);font-weight:inherit}:where(.reading-body,.course-content) blockquote>:first-child{margin-top:0}.reading-section{border-top:1px solid var(--reading-rule);padding-top:2rem;scroll-margin-top:var(--reading-scroll-offset)}.reading-section--flush{border-top:0;padding-top:0}.reading-eyebrow{margin:0;color:var(--reading-muted);font-size:.875rem;font-weight:800;line-height:1.4}.reading-heading{max-width:var(--reading-measure);color:var(--reading-heading);font-size:1.5rem;font-weight:900;line-height:1.15;text-wrap:balance}@media (min-width: 640px){.reading-heading{font-size:1.875rem}}.reading-lede{max-width:var(--reading-measure);color:var(--reading-text);font-size:var(--reading-body-size);line-height:var(--reading-body-leading)}.reading-list{max-width:var(--reading-measure);margin:0;border-top:1px solid var(--reading-rule);padding-left:0;list-style:none}.reading-list>*{border-bottom:1px solid var(--reading-rule)}.reading-list>:last-child{border-bottom:0}.reading-list__link{display:block;padding:.75rem 0;text-decoration:none}.reading-list__title{display:block;color:var(--reading-heading);font-size:var(--reading-body-size);font-weight:700;line-height:1.4;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2em;transition:color .15s ease,text-decoration-color .15s ease}.reading-list__link:hover .reading-list__title{color:var(--reading-link-color);text-decoration-color:currentColor}.reading-list__desc{display:block;margin-top:.25rem;color:var(--reading-muted);font-size:.875rem;line-height:1.6}.reading-column{--reading-column-gutter: 1.25rem;max-width:calc(var(--reading-measure) + 2 * var(--reading-column-gutter));margin-inline:auto;padding-inline:var(--reading-column-gutter)}@media (min-width: 640px){.reading-column{--reading-column-gutter: 2rem}}.reading-link{display:inline-block;margin-top:var(--reading-space);color:var(--reading-link-color);font-size:var(--reading-body-size);font-weight:700;line-height:var(--reading-body-leading);text-decoration:underline;text-underline-offset:.2em}.reading-link:hover{color:var(--reading-link-hover)}.reading-note,:where(.reading-body,.course-content) .note{max-width:var(--reading-measure);margin:1.5rem 0;border-left:4px solid var(--reading-accent);border-radius:0 var(--reading-radius) var(--reading-radius) 0;background:var(--reading-note-bg);padding:1.25rem;color:var(--reading-text)}.reading-note>:first-child,:where(.reading-body,.course-content) .note>:first-child{margin-top:0}.reading-note :is(h2,h3,h4){margin-top:0;color:var(--reading-heading);font-size:var(--reading-h3-size);font-weight:var(--reading-h3-weight);line-height:1.5}.reading-note>*+*{margin-top:var(--reading-space)}.reading-nav{border:1px solid var(--reading-rule);border-radius:var(--reading-radius);background:var(--reading-surface);padding:1rem}.reading-nav__label{padding:0 .5rem;color:var(--reading-muted);font-size:.875rem;font-weight:700}.reading-nav__item{display:flex;align-items:flex-start;gap:.75rem;border-radius:.75rem;padding:.5rem;min-height:3rem;color:var(--reading-text);font-size:.875rem;font-weight:700;line-height:1.4;text-decoration:none;transition:background-color .15s ease}.reading-nav__item:hover{background:var(--reading-note-bg)}.reading-step{display:flex;align-items:center;justify-content:center;flex-shrink:0;height:1.75rem;width:1.75rem;border-radius:999px;background:var(--reading-accent);color:#000;font-size:.8125rem;font-weight:800}}