@layer reset, tokens, base, components, utilities;@layer components{.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);color:var(--color-primary-foreground);background-color:var(--color-primary);border-radius:0 0 var(--radius-xs) var(--radius-xs);font-weight:var(--font-weight-bold);text-decoration:none}.skip-link:focus{top:0}.icon{display:inline-block;inline-size:1em;block-size:1em;vertical-align:-.125em;background-color:currentColor;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.icon--arrow-right{--icon:var(--icon-arrow-right)}.icon--globe{--icon:var(--icon-globe)}.icon--sun{--icon:var(--icon-sun)}.icon--moon{--icon:var(--icon-moon)}.icon--check{--icon:var(--icon-check)}.icon--cross{--icon:var(--icon-cross)}.icon--arrow-left{--icon:var(--icon-arrow-left)}.icon--chevron-right{--icon:var(--icon-chevron-right)}.icon--warning{--icon:var(--icon-warning)}.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--size-touch-target-min);min-width:var(--size-touch-target-min);padding:var(--space-2) var(--space-3);color:var(--color-inverse-on);background-color:var(--color-inverse-surface);border:1px solid var(--color-inverse-surface);border-radius:var(--radius-xs);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer}.theme-toggle:hover{border-color:var(--color-accent)}}@layer reset, tokens, base, components, utilities;@layer components{}@layer reset, tokens, base, components, utilities;@layer components{@media (prefers-reduced-motion:no-preference){.theme-toggle{transition:border-color var(--duration-fast)}}}@layer reset, tokens, base, components, utilities;@layer components{.code-block{margin-block:var(--space-6);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md)}.code-block__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--color-code-fg);background-color:color-mix(in srgb,var(--color-code-fg) 6%,var(--color-code-bg));border-block-end:1px solid color-mix(in srgb,var(--color-code-fg) 14%,transparent)}.code-block__copy,.code-block__done,.code-block__name{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.code-block__tools{display:inline-flex;align-items:center;gap:var(--space-3);margin-inline-start:auto}.code-block__copy,.code-block__done{letter-spacing:var(--font-letter-spacing-wide);text-transform:uppercase}.code-block__copy{padding:var(--space-2) var(--space-3);font-weight:var(--font-weight-bold);color:var(--color-code-fg);background-color:transparent;border:1px solid color-mix(in srgb,var(--color-code-fg) 28%,transparent);border-radius:var(--radius-xs);cursor:pointer}.code-block__copy:hover{border-color:var(--color-code-fg)}.code-block__code{margin:0;border:0;border-radius:0;padding:var(--space-6);overflow-x:auto;line-height:1.7;color:var(--color-code-fg);background-color:var(--color-code-bg)}.code-block__code,.footer{font-size:var(--font-size-sm)}.footer{display:grid;gap:var(--space-8);max-inline-size:var(--layout-max);margin-inline:auto;padding:var(--space-8) var(--layout-gutter);border-block-start:3px solid var(--color-accent-decor);color:var(--color-foreground-muted)}.footer__column{display:grid;gap:var(--space-3)}.footer__title{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-foreground)}.footer__list{display:flex;flex-direction:column;gap:var(--space-2)}.footer__link{color:var(--color-foreground-muted)}.footer__link:hover{color:var(--color-primary)}.footer__copyright{margin:0;text-align:center}}@layer reset, tokens, base, components, utilities;@layer components{@media (min-width:40em){.footer{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.footer__copyright{grid-column:1/-1}.footer--branded{grid-template-columns:minmax(18rem,1.5fr) repeat(auto-fit,minmax(10rem,1fr));grid-auto-flow:row dense;row-gap:var(--space-4)}.footer--branded>:not(.footer__column,.footer__copyright){grid-column:1}.footer--branded>.footer__column{grid-row:span 3}}}@layer reset, tokens, base, components, utilities;@layer components{.header{position:sticky;top:0;z-index:50;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--layout-gutter);border-block-end:3px solid var(--color-accent-decor)}.header:before{content:"";position:absolute;inset:0;z-index:-1;backdrop-filter:blur(var(--blur-backdrop));-webkit-backdrop-filter:blur(var(--blur-backdrop))}.header--open{align-items:flex-start;max-block-size:100dvh;overflow-y:auto}@media (max-width:59.99em){.header:not(.header--open)>:not(:first-child,.header__burger){display:none}}.header>:first-child,.header>:first-child:visited{color:var(--color-accent-text)}.header>:first-child{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--size-touch-target-min);margin-inline-end:auto;font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.header__nav{flex-basis:100%}.header__nav-list{display:flex;flex-direction:column;gap:var(--space-3)}.header__burger{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--size-touch-target-min);min-width:var(--size-touch-target-min);padding:var(--space-2) var(--space-3);color:var(--color-foreground-muted);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer}.header__burger-icon{display:flex;flex-direction:column;gap:.3125rem;inline-size:1.125rem}.header__burger-line{display:block;inline-size:100%;block-size:2px;background-color:currentColor;border-radius:1px}.header--open .header__burger-line:first-child{transform:translateY(7px) rotate(45deg)}.header--open .header__burger-line:nth-child(2){opacity:0}.header--open .header__burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header__nav-link{display:inline-flex;align-items:center;min-height:var(--size-touch-target-min);font-size:var(--font-size-sm);text-decoration:none}.header__nav-link,.header__nav-link:visited{color:var(--color-foreground-muted)}.header__nav-link:hover,.header__nav-link[aria-current=page]{color:var(--color-accent-text)}.header__nav-link[aria-current=page]{font-weight:var(--font-weight-bold);text-decoration:underline;text-underline-offset:var(--space-1)}@media (prefers-reduced-motion:no-preference){.header__burger-line{transition:transform var(--duration-normal),opacity var(--duration-normal)}.header__nav-link{transition:color var(--duration-fast)}}@media (min-width:60em){.header{flex-wrap:nowrap;gap:var(--space-4);max-inline-size:var(--layout-max);margin-inline:auto}.header--open{align-items:center;max-block-size:none;overflow-y:visible}.header__nav{flex-basis:auto}.header>*{flex-shrink:0;white-space:nowrap}.header__nav-list{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--space-4)}.header__burger{display:none}}}