@layer theme,base;@layer components{.article-prose{min-width:0;color:var(--color-body);font-family:var(--font-sans);overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.8}.article-prose :where(p,ul,ol,dl,blockquote,pre,figure,.article-table-wrap,.article-callout){margin-block:1.5rem}.article-prose :where(h2,h3,h4,h5,h6){color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.02em;margin-block:2.5rem 1rem;font-weight:500;line-height:1.3}.article-prose [id]{scroll-margin-top:10rem}.article-prose h2{letter-spacing:-.025em;margin-top:3.5rem;font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.2}.article-prose h3{font-size:clamp(1.25rem,1.6vw,1.5rem)}.article-prose h4{font-size:1.125rem}.article-prose h5{font-size:1rem}.article-prose h6{font-size:.9375rem;font-weight:600}.article-prose :where(h2,h3,h4,h5,h6)+:where(h3,h4,h5,h6){margin-top:1.5rem}.article-prose :where(strong,em,dt){color:var(--color-ink)}.article-prose :where(strong,dt){font-weight:600}.article-prose em{font-style:italic}.article-prose del{text-decoration:line-through}.article-prose a{color:var(--color-ink);text-underline-offset:.2em;text-decoration:underline 1px}.article-prose a:hover{text-decoration-thickness:2px}.article-prose a:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.article-prose :where(ul,ol){padding-inline-start:1.5rem}.article-prose ul{list-style-type:disc}.article-prose ol{list-style-type:decimal}.article-prose ul ul{list-style-type:circle}.article-prose ul ul ul{list-style-type:square}.article-prose li{padding-inline-start:.25rem}.article-prose li+li{margin-top:.5rem}.article-prose li :where(p,ul,ol){margin-block:.65rem}.article-prose li>:first-child{margin-top:0}.article-prose li>:last-child{margin-bottom:0}.article-prose dd{margin-inline-start:1.5rem}.article-prose dd+dt{margin-top:1rem}.article-prose li:has(>input[type=checkbox]){list-style:none}.article-prose input[type=checkbox]{vertical-align:middle;accent-color:var(--color-ink);margin-inline:-1.5rem .5rem}.article-prose blockquote{border-inline-start:2px solid var(--color-ink);color:var(--color-ink);padding:.25rem 0 .25rem 1.25rem}.article-prose :where(code,kbd,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.875em}.article-prose :where(code,kbd){background:var(--color-surface);color:var(--color-ink);padding:.15em .35em}.article-prose kbd{border:1px solid var(--color-line)}.article-prose pre{border:1px solid var(--color-line);background:var(--color-surface);tab-size:2;white-space:pre;overflow-wrap:normal;max-width:100%;padding:1.25rem;line-height:1.65;overflow-x:auto}.article-prose pre code{font-size:inherit;color:inherit;white-space:inherit;overflow-wrap:normal;background:0 0;padding:0;display:block}.article-prose img{max-width:100%;height:auto;margin-inline:auto;display:block}.article-prose :where(figure,p:has(>img,>a>img)){margin-block:2.5rem}.article-prose :is(figure,p)>a:has(>img){display:block}.article-prose figcaption{color:var(--color-mute);margin-top:.75rem;font-size:.875rem;line-height:1.6}.article-prose hr{border:0;border-top:1px solid var(--color-line);margin-block:3rem}.article-prose .article-table-wrap{border:1px solid var(--color-line);overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.article-prose :is(pre,.article-table-wrap):focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.article-prose table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.65}.article-prose :where(th,td){border-bottom:1px solid var(--color-line);border-inline-end:1px solid var(--color-line);text-align:left;vertical-align:top;overflow-wrap:anywhere;min-width:9rem;max-width:28rem;padding:1rem}.article-prose th{background:var(--color-surface);color:var(--color-ink);font-weight:600}.article-prose :where(th,td):last-child{border-inline-end:0}.article-prose :where(tbody,tfoot):last-child>tr:last-child>:where(th,td){border-bottom:0}.article-prose :where(th,td)[align=left]{text-align:left}.article-prose :where(th,td)[align=center]{text-align:center}.article-prose :where(th,td)[align=right]{text-align:right}.article-prose :where(th,td)>:first-child{margin-top:0}.article-prose :where(th,td)>:last-child{margin-bottom:0}.article-prose caption{color:var(--color-mute);text-align:left;padding:.75rem 1rem;font-size:.875rem}.article-prose .article-callout{border:1px solid var(--color-line);padding:1.25rem 1.5rem}.article-prose :where(blockquote,.article-callout)>:first-child,.article-prose>:first-child{margin-top:0}.article-prose :where(blockquote,.article-callout)>:last-child,.article-prose>:last-child{margin-bottom:0}@media (width>=64rem){.article-prose [id]{scroll-margin-top:7rem}}@media (width<=47.99rem){.article-prose{font-size:1rem;line-height:1.75}.article-prose h2{margin-top:2.75rem}.article-prose :where(figure,p:has(>img,>a>img)){margin-block:2rem}.article-prose :where(th,td){padding:.75rem}.article-prose pre,.article-prose .article-callout{padding:1rem}}}@layer utilities;
