@layer starlight.components{.card:where(.astro-zs7euujf){--sl-card-border:var(--sl-color-purple);--sl-card-bg:var(--sl-color-purple-low);border:1px solid var(--sl-color-gray-5);background-color:var(--sl-color-black);flex-direction:column;gap:clamp(.5rem,.125rem + 1vw,1rem);padding:clamp(1rem,.125rem + 3vw,2.5rem)}.card:where(.astro-zs7euujf):nth-child(4n+1){--sl-card-border:var(--sl-color-orange);--sl-card-bg:var(--sl-color-orange-low)}.card:where(.astro-zs7euujf):nth-child(4n+3){--sl-card-border:var(--sl-color-green);--sl-card-bg:var(--sl-color-green-low)}.card:where(.astro-zs7euujf):nth-child(4n+4){--sl-card-border:var(--sl-color-red);--sl-card-bg:var(--sl-color-red-low)}.card:where(.astro-zs7euujf):nth-child(4n+5){--sl-card-border:var(--sl-color-blue);--sl-card-bg:var(--sl-color-blue-low)}.title:where(.astro-zs7euujf){font-weight:600;font-size:var(--sl-text-h4);color:var(--sl-color-white);line-height:var(--sl-line-height-headings);align-items:center;gap:1rem}.card:where(.astro-zs7euujf) .icon:where(.astro-zs7euujf){border:1px solid var(--sl-card-border);background-color:var(--sl-card-bg);border-radius:.25rem;flex-shrink:0;padding:.2em}.card:where(.astro-zs7euujf) .body:where(.astro-zs7euujf){font-size:clamp(var(--sl-text-sm), calc(.5rem + 1vw), var(--sl-text-body));margin:0}.card-grid:where(.astro-ja6hcitc){grid-template-columns:100%;gap:1rem;display:grid}.card-grid:where(.astro-ja6hcitc)>*{margin-top:0!important}@media (width>=50rem){.card-grid:where(.astro-ja6hcitc){grid-template-columns:1fr 1fr;gap:1.5rem}.stagger:where(.astro-ja6hcitc){--stagger-height:5rem;padding-bottom:var(--stagger-height)}.stagger:where(.astro-ja6hcitc)>:nth-child(2n){transform:translateY(var(--stagger-height))}}}.course-contents:where(.astro-ckxovak3){gap:1.75rem;margin-block-start:1.5rem;display:grid}.course-contents:where(.astro-ckxovak3) a:where(.astro-ckxovak3){color:var(--sl-color-text-accent)}.course-meta:where(.astro-ckxovak3),.part-line:where(.astro-ckxovak3){color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;gap:.25rem 1rem;margin:0;display:flex}.course-part:where(.astro-ckxovak3){gap:.4rem;display:grid}.course-part:where(.astro-ckxovak3) h2,.course-part:where(.astro-ckxovak3) h3{font-size:var(--sl-text-lg);margin:0;line-height:1.3}.course-part:where(.astro-ckxovak3) h2 a:where(.astro-ckxovak3),.course-part:where(.astro-ckxovak3) h3 a:where(.astro-ckxovak3){text-decoration:none}.course-part:where(.astro-ckxovak3) h2 a:where(.astro-ckxovak3):hover,.course-part:where(.astro-ckxovak3) h3 a:where(.astro-ckxovak3):hover{text-decoration:underline}.course-part:where(.astro-ckxovak3) ol:where(.astro-ckxovak3){counter-reset:chapter;gap:.1rem;margin:.35rem 0 0;padding:0;list-style:none;display:grid}.course-part:where(.astro-ckxovak3) li:where(.astro-ckxovak3){counter-increment:chapter;border-block-start:1px solid var(--sl-color-gray-6);grid-template-columns:1.9rem minmax(0,1fr) auto;gap:0 .5rem;margin:0;padding-block:.4rem;display:grid}.course-part:where(.astro-ckxovak3) li:where(.astro-ckxovak3):before{content:counter(chapter, decimal-leading-zero);color:var(--sl-color-gray-4);font-size:var(--sl-text-xs);font-variant-numeric:tabular-nums;line-height:1.7}.course-part:where(.astro-ckxovak3) li:where(.astro-ckxovak3)>a:where(.astro-ckxovak3){font-weight:500;text-decoration:none}.course-part:where(.astro-ckxovak3) li:where(.astro-ckxovak3)>a:where(.astro-ckxovak3):hover{text-decoration:underline}.course-part:where(.astro-ckxovak3) li:where(.astro-ckxovak3)>.chapter-time:where(.astro-ckxovak3){color:var(--sl-color-gray-3);font-size:var(--sl-text-xs);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;line-height:1.7}.course-part:where(.astro-ckxovak3) li:where(.astro-ckxovak3)>p:where(.astro-ckxovak3){color:var(--sl-color-gray-3);font-size:var(--sl-text-sm);grid-column:2/-1;margin:0;line-height:1.45}@media (width<=40rem){.course-part:where(.astro-ckxovak3) li:where(.astro-ckxovak3){grid-template-columns:1.9rem minmax(0,1fr)}.course-part:where(.astro-ckxovak3) li:where(.astro-ckxovak3)>.chapter-time:where(.astro-ckxovak3){text-align:start;grid-column:2}}