.typography{--typography-flow-space:calc(var(--spacing) * 4);--typography-heading-space:calc(var(--spacing) * 8);--typography-major-heading-space:calc(var(--spacing) * 10);--typography-heading-content-space:calc(var(--spacing) * 3)}.typography--compact{--typography-flow-space:calc(var(--spacing) * 3);--typography-heading-space:calc(var(--spacing) * 5);--typography-major-heading-space:calc(var(--spacing) * 5);--typography-heading-content-space:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--leading-normal)}.typography>:where(*){margin-block:0}.typography>:where(*+*){margin-block-start:var(--typography-flow-space)}.typography>:where(h1,h2){margin-block-start:var(--typography-major-heading-space)}.typography>:where(h1,h2):first-child{margin-block-start:0}.typography>:where(h3,h4,h5,h6){margin-block-start:var(--typography-heading-space)}.typography>:where(h1,h2,h3,h4,h5,h6)+*{margin-block-start:var(--typography-heading-content-space)}.typography--compact :where(h1){font-size:var(--text-2xl)}.typography--compact :where(h2){font-size:var(--text-xl)}.typography--compact :where(h3){font-size:var(--text-lg)}.typography--compact :where(h4){font-size:var(--text-base)}.typography--compact :where(h5,h6){font-size:var(--text-sm)}.typography :where(ul,ol){padding-inline-start:calc(var(--spacing) * 6)}.typography :where(ul){list-style-type:disc}.typography :where(ol){list-style-type:decimal}.typography--unstyled-lists>:where(h2){font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}.typography--unstyled-lists :where(ul,ol){padding-inline-start:0;list-style-type:none}.typography :where(li)::marker{color:var(--color-primary);font-weight:var(--font-weight-medium)}.typography :where(li+li){margin-block-start:calc(var(--spacing) * 1)}.typography :where(li>ul,li>ol){margin-block:calc(var(--spacing) * 2)}.typography :where(li>p){margin-block:0}.typography :where(dd+dt){margin-block-start:calc(var(--spacing) * 3)}.typography :where(a){font-weight:var(--font-weight-medium)}.typography :where(address){white-space:pre-line;font-style:normal}.typography :where(blockquote){border-inline-start:.25rem solid var(--color-primary);color:color-mix(in oklch, var(--color-primary-contrast) 78%, transparent);padding-inline-start:calc(var(--spacing) * 4)}.typography :where(code,kbd,samp){border-radius:var(--radius-xs);background-color:color-mix(in oklch, var(--color-secondary-deep) 40%, transparent);color:var(--color-primary-contrast);padding:.125em .375em}.typography :where(kbd){border:1px solid var(--color-secondary);box-shadow:inset 0 -1px 0 color-mix(in oklch, var(--color-secondary-deep) 70%, transparent)}.typography :where(pre){border-radius:var(--radius-md);background-color:color-mix(in oklch, var(--color-secondary-deep) 40%, transparent);max-width:100%;padding:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--leading-relaxed);overflow-x:auto}.typography :where(pre code){color:inherit;font-size:inherit;background:0 0;padding:0}.typography :where(table){border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:var(--leading-normal)}.typography :where(th,td){border-bottom:1px solid var(--color-secondary);padding:calc(var(--spacing) * 3);text-align:start;vertical-align:top}.typography :where(th){background-color:var(--color-secondary-dark);color:var(--color-primary-contrast);font-weight:var(--font-weight-medium)}.typography :where(caption){padding-block-end:calc(var(--spacing) * 2)}.typography :where(img,video){max-width:100%;height:auto;display:block}.typography :where(a>img){width:auto;max-height:3rem}.typography :where(figure){margin-inline:0}.typography :where(figcaption){color:color-mix(in oklch, var(--color-primary-contrast) 65%, transparent);font-size:var(--text-sm);line-height:var(--leading-normal);margin-block-start:calc(var(--spacing) * 2)}.typography>:where(hr){margin-block-start:calc(var(--spacing) * 8)}.typography :where(summary){cursor:pointer;font-weight:var(--font-weight-medium)}