[data-glossary-definition][data-placement=inline]{max-width:32ch;margin-top:var(--spacing-3);padding-block:var(--spacing-2);border-inline-start:1px solid var(--color-line);padding-inline-start:var(--spacing-4);display:block}[data-glossary-definition]:is([data-placement=below-start],[data-placement=below-end],[data-placement=above-start],[data-placement=above-end]){z-index:1;width:32ch;max-width:calc(100vw - 2 * var(--spacing-margin-tablet));padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-ink);border-radius:var(--radius-none);background-color:var(--color-paper);text-align:start;text-indent:0;white-space:normal;display:block;position:absolute}@media (width>=80rem){[data-glossary-definition]:is([data-placement^=below],[data-placement^=above]){max-width:calc(100vw - 2 * var(--spacing-margin-desktop))}}@media (prefers-color-scheme:dark){:where(html:not([data-mode])) [data-glossary-definition]:is([data-placement^=below],[data-placement^=above]){background-color:var(--color-paper-sunken)}}[data-glossary-definition][data-placement^=below]{top:calc(100% + var(--spacing-2))}[data-glossary-definition][data-placement^=above]{bottom:calc(100% + var(--spacing-2))}[data-glossary-definition][data-placement$=-start]{inset-inline-start:0}[data-glossary-definition][data-placement$=-end]{inset-inline-end:0}@media (forced-colors:active){[data-glossary-definition]:is([data-placement^=below],[data-placement^=above]){border-color:canvastext}}