@layer components{.article-body{--measure:45rem;color:color-mix(in srgb, var(--foreground) 86%, transparent);overflow-wrap:break-word;font-size:1.0625rem;line-height:1.75}.article-body>*{max-width:var(--measure)}.article-body>.a-wide{max-width:none}:is(.article-body,.a-flow)>h2{color:var(--foreground);text-wrap:balance;margin-top:5rem;padding-top:2.25rem;font-size:clamp(1.625rem,1.2rem + 1.4vw,2.25rem);font-weight:600;line-height:1.18;position:relative}:is(.article-body,.a-flow)>h2:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 55%, transparent), var(--border) 30%, transparent);width:100%;height:1px;position:absolute;top:0;left:0}:is(.article-body,.a-flow)>h2:first-child{margin-top:0;padding-top:0}:is(.article-body,.a-flow)>h2:first-child:before{display:none}:is(.article-body,.a-flow)>h3{color:var(--foreground);margin-top:2.75rem;font-size:1.3125rem;font-weight:600;line-height:1.3}.article-body h2,.article-body h3{scroll-margin-top:6.5rem}:is(.article-body,.a-flow)>p{margin-top:1.125rem}:is(.article-body,.a-flow)>h2+p,:is(.article-body,.a-flow)>h3+p,:is(.article-body,.a-flow)>h3+ol{margin-top:.875rem}.article-body strong:not([class]){color:var(--foreground);font-weight:600}.article-body a:not([class]){color:var(--primary-bright);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--primary-bright) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--primary-bright) 45%, transparent);transition:text-decoration-color .2s}.article-body a:not([class]):hover{text-decoration-color:currentColor}:is(.article-body,.a-flow)>ul:not([class]),:is(.article-body,.a-flow)>ol:not([class]) ul{margin-top:1rem;padding-left:1.375rem}:is(.article-body,.a-flow)>ol:not([class]) ul{margin-top:.5rem}:is(.article-body,.a-flow)>ul:not([class])>li,:is(.article-body,.a-flow)>ol:not([class]) ul>li{margin-top:.4rem;position:relative}:is(.article-body,.a-flow)>ul:not([class])>li:before,:is(.article-body,.a-flow)>ol:not([class]) ul>li:before{content:"";background:var(--primary);opacity:.7;border-radius:999px;width:6px;height:6px;position:absolute;top:.72em;left:-1.125rem}:is(.article-body,.a-flow)>ol:not([class]){counter-reset:a-step;margin-top:1.25rem}:is(.article-body,.a-flow)>ol:not([class])>li{counter-increment:a-step;padding-bottom:1rem;padding-left:2.875rem;position:relative}:is(.article-body,.a-flow)>ol:not([class])>li:last-child{padding-bottom:0}:is(.article-body,.a-flow)>ol:not([class])>li:before{content:counter(a-step);border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);background:color-mix(in srgb, var(--primary) 10%, var(--card));width:1.875rem;height:1.875rem;color:var(--primary-bright);border-radius:999px;place-items:center;font-size:.875rem;font-weight:600;line-height:1;display:grid;position:absolute;top:.1rem;left:0}:is(.article-body,.a-flow)>ol:not([class])>li:not(:last-child):after{content:"";background:color-mix(in srgb, var(--primary) 22%, transparent);width:1px;position:absolute;top:2.25rem;bottom:.2rem;left:calc(.9375rem - .5px)}:is(.article-body,.a-flow)>ol:not([class])>li>strong:first-child{margin-bottom:.15rem;display:block}.a-card h3:not([class]){color:var(--foreground);font-size:1.125rem;font-weight:600;line-height:1.3}.a-card--compact h3:not([class]){font-size:1.0625rem}.a-card p:not([class]){color:var(--muted-foreground);margin-top:.5rem;font-size:.9688rem;line-height:1.65}.a-card p:not([class]):first-child{margin-top:0}.a-island h3:not([class]){color:var(--foreground);font-size:clamp(1.375rem,1.1rem + .8vw,1.75rem);font-weight:600;line-height:1.2}.a-island p:not([class]){color:var(--muted-foreground);margin-top:.875rem}.a-checks{counter-reset:a-check}.a-checks>h3{counter-increment:a-check;border-top:1px solid var(--border);align-items:center;gap:.75rem;margin-top:3rem;padding-top:2rem;display:flex}.a-checks>h3:before{content:counter(a-check, decimal-leading-zero);content:counter(a-check, decimal-leading-zero) / "";background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary-bright);font-family:var(--font-mono,ui-monospace), ui-monospace, monospace;letter-spacing:0;border-radius:999px;flex-shrink:0;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.a-toc a[data-active]{color:var(--foreground);background:color-mix(in srgb, var(--primary) 9%, transparent)}.a-toc a[data-active] .a-toc__n{color:var(--primary-bright)}}