/* DFH Shared Styles 0.5.1, for DFH Components 0.5.1 */
@layer tokens{:root{--accordion-border-width:var(--border-width-thin);--accordion-border-style:dashed;--accordion-radius:var(--radius-md);--badge-dot-size:var(--spacing-sm);--block-link-line-height:var(--small-heading-line-height);--card-font-sizing:cq;--label-font-weight:var(--body-strong-font-weight);--tab-list-indicator-width:var(--border-width-2);--telemetry-subtle-bg:var(--surface-muted);--telemetry-gap:var(--spacing-xs);--border-quiet:var(--border-width-thin) solid var(--border-color-quiet);--article-figcaption-border:var(--border-quiet);--article-figcaption-padding:calc(var(--spacing) - var(--border-width));--card-border-top:var(--border-width-thick) solid;--card-lg-title-font-family:var(--title-font-family);--card-lg-title-font-size:var(--title-cq-font-size);--card-lg-title-font-weight:var(--title-font-weight);--card-lg-title-line-height:var(--title-line-height);--card-lg-title-letter-spacing:var(--title-letter-spacing);--card-lg-title-text-transform:var(--title-text-transform);--card-lg-title-word-spacing:var(--title-word-spacing);--section-spacing:var(--spacing-cushion-lg)}}@layer reset{@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s!important}}}@layer site{:where(.article){padding-block-end:var(--spacing-cushion);& figcaption{border-inline-start:var(--article-figcaption-border);padding-inline-start:var(--article-figcaption-padding)}}.article__header{margin-block-end:calc(var(--spacing-breathe) * var(--sizing-ratio));&:has(+.article__footer){margin-block-end:0;& h1{margin-block-end:0}}& h1{text-wrap:balance;overflow-wrap:break-word;&.display-title{overflow-wrap:anywhere}}}.article__footer{margin-block-start:var(--spacing-cushion-lg);&:not(:last-child){margin-block-end:var(--spacing-cushion-lg)}.article__header+&{margin-block-start:var(--spacing)}}:where(.article__figure){--gap:var(--spacing-sm);margin-block:var(--spacing-cushion-lg);& img{inline-size:100%;max-inline-size:100%}&:first-child{margin-block-start:0}}:where(.article-figure--framed) img{border:var(--border);padding:var(--spacing)}:where(.article-figure--half) img{max-inline-size:50%}:where(.article-figure--medium) img{max-inline-size:min(var(--spacing-site-width) * .75, 100%)}:where(.article-figure--small) img{max-inline-size:min(var(--spacing-site-width) / 2, 100%)}:where(.article-figure--xs) img{max-inline-size:min(calc(var(--spacing-site-width) / 4), 100%)}:where(.article-figure--scheme-adapt) img{@media (prefers-color-scheme:dark){border-color:var(--foreground-inverted);filter:invert()hue-rotate(180deg)}}.article__embed-code{--embed-aspect-ratio:16/9;& iframe{aspect-ratio:var(--embed-aspect-ratio);block-size:auto}@container style(--embed-aspect-ratio:auto){& iframe{block-size:var(--article-embed-block-size,18.75rem)}}}.article__main{gap:var(--spacing-cushion);grid-template-columns:repeat(3,1fr);display:grid}.article__body{grid-column:1/-1;.article:has(.article__aside:not(:empty)) &{padding-block-end:var(--spacing-cushion)}@media screen and (width>64em){grid-column:span 2;.article:has(.article__aside:not(:empty)) &{padding-block-end:0}}}.article__aside{grid-column:1/-1;padding-block-end:var(--spacing-cushion);@media screen and (width>64em){grid-column:span 1}}.brand-frame{border:var(--brand-border-width,.125em) solid currentColor;padding-block:var(--brand-padding-block,.125em);padding-inline:var(--brand-padding-inline,.095em);text-box:trim-both cap alphabetic;line-height:.9}:where(.card-list){& li{display:flex;container-type:inline-size}:where(.section.section--strong-1st) &{& li:first-child{grid-column:1/-1}}}.index-card{border:0;border-block-start:var(--card-border-top);@media (width>48em){@container (width>48em){--card-dir:row;--font-sizing:fluid;--heading-font-family:var(--card-lg-title-font-family,var(--title-font-family));--heading-fluid-font-size:var(--card-lg-title-font-size,var(--title-cq-font-size));--heading-font-weight:var(--card-lg-title-font-weight,var(--title-font-weight));--heading-line-height:var(--card-lg-title-line-height,var(--title-line-height));--heading-letter-spacing:var(--card-lg-title-letter-spacing,var(--title-letter-spacing));--heading-text-transform:var(--card-lg-title-text-transform,var(--title-text-transform));--heading-word-spacing:var(--card-lg-title-word-spacing,var(--title-word-spacing));--card-padding:var(--spacing-cushion)}}.section--strong-thumbless &:not(:has(.card__thumb)){--font-sizing:fluid;--heading-font-family:var(--card-lg-title-font-family,var(--title-font-family));--heading-fluid-font-size:var(--card-lg-title-font-size,var(--title-cq-font-size));--heading-font-weight:var(--card-lg-title-font-weight,var(--title-font-weight));--heading-line-height:var(--card-lg-title-line-height,var(--title-line-height));--heading-letter-spacing:var(--card-lg-title-letter-spacing,var(--title-letter-spacing));--heading-text-transform:var(--card-lg-title-text-transform,var(--title-text-transform));--heading-word-spacing:var(--card-lg-title-word-spacing,var(--title-word-spacing));@container style(--font-sizing:fixed){--heading-fluid-font-size:var(--card-lg-title-font-size-fixed,var(--title-fixed-font-size))}}}.reading-progress{display:none}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.reading-progress{animation-name:--reading-progress;animation-duration:auto;background-color:var(--reading-progress-color,var(--foreground-accent));block-size:var(--reading-progress-height,var(--border-width-thick));pointer-events:none;transform-origin:0;inline-size:100%;z-index:var(--reading-progress-z-index,var(--z-index-sticky,1));animation-timing-function:linear;animation-timeline:scroll(root);display:block;position:fixed;inset-block-start:0;inset-inline-start:0;&:dir(rtl){transform-origin:100%}}@keyframes --reading-progress{0%{scale:0 1}to{scale:1}}}}:where(.section){--font-sizing:fluid;border-block-start:var(--border-width-thin) dashed var(--border-color-quiet);padding-block:var(--section-spacing,var(--spacing-cushion))}:where(.section__title){text-wrap:balance;margin-block-end:var(--spacing-cushion);padding-block:0;&[id]{scroll-margin-block:var(--prose-scroll-margin,1em)}}.section__pagination{padding-block-start:var(--section-spacing,var(--spacing-breathe))}}