@layer theme,base;@layer components{.wb-article-flow>*{margin-inline:var(--grid-margin)}.wb-article-flow>[data-breakout]{margin-inline:0}.wb-article-flow>:not(figure,h2,[data-breakout]){max-width:33em}@media (min-width:993px){.wb-article-flow{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.wb-article-flow>*{grid-column:3/10;margin-inline:0}.wb-article-flow>[data-breakout=wide]{grid-column:2/12}.wb-article-flow>[data-breakout=full]{grid-column:1/-1}}.wb-toc-scroll[data-fade]{--toc-fade-top:0rem;--toc-fade-bottom:0rem;--toc-mask:linear-gradient(to bottom, transparent, black var(--toc-fade-top), black calc(100% - var(--toc-fade-bottom)), transparent);-webkit-mask-image:var(--toc-mask);mask-image:var(--toc-mask)}.wb-toc-scroll[data-fade~=top]{--toc-fade-top:2.5rem}.wb-toc-scroll[data-fade~=bottom]{--toc-fade-bottom:2.5rem}}@layer utilities;
