.ref-scope :is(h1,h2,h3,a,[id]){scroll-margin-top:88px}.ref-scope{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:anywhere}.ref-scope a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px;box-shadow:none}.ref-card{isolation:isolate;--ref-card-line:var(--color-gray-200);--ref-card-bg:var(--color-white);position:relative}.ref-card[data-surface=overview]{--ref-card-bg:var(--color-gray-50)}.ref-card[data-tone=dark]{--ref-card-line:var(--color-brand-500);--ref-card-bg:var(--color-brand-deep)}.ref-card:before,.ref-card:after{content:"";z-index:-1;border-radius:var(--radius-card);pointer-events:none;position:absolute}.ref-card:before{background:var(--ref-card-line);inset:0}.ref-card:after{background:var(--ref-card-bg);inset:1px}@media (min-width:40rem){.ref-card{--ref-card-line:var(--color-gray-300)}.ref-card[data-tone=dark]{--ref-card-line:var(--color-brand-500)}.ref-card:before,.ref-card:after{clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 9px);border-radius:0}}@media (min-width:64rem){.ref-card:before,.ref-card:after{clip-path:polygon(24px 0,100% 0,100% 100%,0 100%,0 14px)}}.ref-rule{background:linear-gradient(to right, var(--color-brand-deep), var(--color-brand-500), var(--color-brand-deep));height:2px}@supports selector(:has(*)){.ref-card:has(a.ref-link:focus-visible){outline:3px solid var(--focus-ring);outline-offset:4px}.ref-scope .ref-card a.ref-link:focus-visible{outline:none}}.ref-press,.ref-card{transition-property:transform;transition-duration:.16s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.ref-press:active{transform:scale(.97)}.ref-card[data-surface=overview]:active{transform:scale(.99)}@media (prefers-reduced-motion:reduce){.ref-press,.ref-card{transition-property:none}.ref-press:active,.ref-card[data-surface=overview]:active{transform:none}}.ref-link-text{text-underline-offset:5px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition-property:color,text-decoration-color;transition-duration:.12s;transition-timing-function:ease-out}.ref-link:focus-visible .ref-link-text{text-decoration-color:currentColor}@media (hover:hover) and (pointer:fine){.ref-card:hover .ref-link-text,a.ref-link:hover .ref-link-text,.ref-inline-link:hover{text-decoration-color:currentColor}}.ref-inline-link{text-underline-offset:5px;text-decoration:underline;transition-property:color,text-decoration-color;transition-duration:.12s;transition-timing-function:ease-out}@media (prefers-reduced-motion:reduce){.ref-link-text,.ref-inline-link{transition-property:none}}@media (forced-colors:active){.ref-card{border:1px solid canvastext}.ref-rule{background:canvastext}.ref-scope a:focus-visible{outline-color:highlight}.ref-card:has(a.ref-link:focus-visible){outline-color:highlight}.ref-link-text,.ref-inline-link{text-decoration-color:currentColor}}