/*
  Prose UI v1.6 - typography
  🚧 WIP 🚧
*/

:where(html):has(.prose){--prs-type-width: 100%;--prs-type-body: var(--prs-c-gray-950);--prs-type-headings: var(--prs-c-gray-700);--prs-type-lead: var(--prs-c-gray-600);--prs-type-links: var(--prs-c-primary);--prs-type-links-hover: color-mix(in oklab,var(--prs-c-primary),var(--prs-c-white) 25%);--prs-type-bold: var(--prs-c-gray-600);--prs-type-counters: var(--prs-c-gray-600);--prs-type-bullets: var(--prs-c-gray-600);--prs-type-hr: var(--prs-c-gray-300);--prs-type-quotes: var(--prs-c-gray-600);--prs-type-quote-borders: var(--prs-c-gray-300);--prs-type-captions: var(--prs-c-gray-600);--prs-type-kbd: var(--prs-c-gray-600);--prs-type-kbd-shadows: color-mix(in oklab,var(--prs-type-body),transparent 40%);--prs-type-code: var(--prs-type-body);--prs-type-pre-code: var(--prs-c-white);--prs-type-pre-bg: var(--prs-c-gray-800);--prs-type-th-borders: var(--prs-c-gray-300);--prs-type-td-borders: var(--prs-c-gray-300);}.prose{color: var(--prs-type-body);max-width: var(--prs-type-width);}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 1.25em;margin-bottom: 1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color: var(--prs-type-lead);font-size: 1.25em;line-height: 1.6;margin-top: 1.2em;margin-bottom: 1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color: var(--prs-type-links);text-decoration: underline;font-weight: 500;transition-property: var(--prs-transition-property);transition-timing-function: var(--prs-transition-timing);transition-duration: var(--prs-transition-duration);&:hover{color: var(--prs-type-links-hover);}}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color: var(--prs-type-bold);font-weight: 600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color: inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color: inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color: inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type: decimal;margin-top: 1.25em;margin-bottom: 1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type: upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type: lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type: upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type: lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type: upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type: lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type: upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type: lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type: decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type: disc;margin-top: 1.25em;margin-bottom: 1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight: 400;color: var(--prs-type-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color: var(--prs-type-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color: var(--prs-type-headings);font-weight: 600;margin-top: 1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color: var(--prs-type-hr);border-top-width: 1px;margin-top: 3em;margin-bottom: 3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight: 500;font-style: italic;color: var(--prs-type-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--prs-type-quote-borders);quotes: "\201C""\201D""\2018""\2019";margin-top: 1.6em;margin-bottom: 1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content: open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content: close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color: var(--prs-type-headings);font-weight: 800;font-size: 2.25em;margin-top: 0;margin-bottom: .8888889em;line-height: 1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight: 900;color: inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color: var(--prs-type-headings);font-weight: 800;font-size: 1.5em;margin-top: 2em;margin-bottom: 1em;line-height: 1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight: 900;color: inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color: var(--prs-type-headings);font-weight: 700;font-size: 1.25em;margin-top: 1.6em;margin-bottom: .6em;line-height: 1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight: 800;color: inherit}.prose :where(h4,h5,h6):not(:where([class~=not-prose],[class~=not-prose] *)){color: var(--prs-type-headings);font-weight: 600;margin-top: 1.5em;margin-bottom: .5em;line-height: 1.5}.prose :where(h4 strong,h5 strong,h6 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight: 700;color: inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 2em;margin-bottom: 2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display: block;margin-top: 2em;margin-bottom: 2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 2em;margin-bottom: 2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight: 500;font-family: inherit;color: var(--prs-type-kbd);box-shadow: 0 0 0 1px var(--prs-type-kbd-shadows),0 3px 0 var(--prs-type-kbd-shadows);font-size: .875em;border-radius: .3125rem;padding-top: .1875em;padding-inline-end:.375em;padding-bottom: .1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color: var(--prs-type-code);font-weight: 600;font-size: .875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content: "`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content: "`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color: inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color: inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color: inherit;font-size: .875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color: inherit;font-size: .9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color: inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color: inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color: inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border: 1px solid var(--color-base-300);color: var(--prs-type-pre-code);background-color: var(--prs-type-pre-bg);background-image: var(--bg-grid);overflow-x: auto;font-weight: 400;font-size: .875em;line-height: 1.7142857;margin-top: 1.7142857em;margin-bottom: 1.7142857em;border-radius: .375rem;padding-top: .8571429em;padding-inline-end:1.1428571em;padding-bottom: .8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color: transparent;border-width: 0;border-radius: 0;padding: 0;font-weight: inherit;color: inherit;font-size: inherit;font-family: inherit;line-height: inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content: none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content: none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width: 100%;table-layout: auto;margin-top: 2em;margin-bottom: 2em;font-size: .875em;line-height: 1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width: 1px;border-bottom-color: var(--prs-type-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color: var(--prs-type-headings);font-weight: 600;vertical-align: bottom;padding-inline-end:.5714286em;padding-bottom: .5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width: 1px;border-bottom-color: var(--prs-type-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width: 0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align: baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width: 1px;border-top-color: var(--prs-type-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align: top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align: start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 0;margin-bottom: 0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color: var(--prs-type-captions);font-size: .875em;line-height: 1.4285714;margin-top: .8571429em}.prose{font-size: 1rem;line-height: 1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 0;margin-bottom: 0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: .5em;margin-bottom: .5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: .75em;margin-bottom: .75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom: 1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom: 1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: .75em;margin-bottom: .75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 1.25em;margin-bottom: 1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: .5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top: .5714286em;padding-inline-end:.5714286em;padding-bottom: .5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 2em;margin-bottom: 2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top: 0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom: 0}.prose:where(.prose-sm){font-size: 95%;}
