:root{--theme-bg:#f8f9fa;--theme-ink:#5c6166;--theme-action:#846c5c;--theme-swatch-1:#fa8d3e;--theme-swatch-2:#86b300;--theme-swatch-3:#f2ae49;--theme-signature:#f2ae49;--accent-start:#7aa2f7;--accent:#7dcfff;--accent-end:#bb9af7;color-scheme:light;--color-surface:var(--theme-bg);--color-page:color-mix(in srgb, var(--theme-bg) 90%, var(--theme-ink) 10%);--color-ink:var(--theme-ink);--color-muted:color-mix(in srgb, var(--theme-ink) 70%, transparent);--color-line:color-mix(in srgb, var(--theme-ink) 16%, transparent);--color-border:color-mix(in srgb, var(--theme-ink) 30%, transparent);--color-action:var(--theme-action);--color-cta:var(--theme-cta,var(--theme-signature));--color-on-cta:var(--theme-on-cta,#000);--color-cta-text:var(--theme-cta-text,#7c6a5e);--color-signature:var(--theme-signature);--color-accent:var(--accent);--color-on-media:#fff;--color-media-fallback:#241346;--color-pass:light-dark(#356b32,#a6da95);--color-warn:light-dark(#825900,#eed49f);--color-tag-1:light-dark(#8c3294,#e994ee);--color-tag-2:light-dark(#5841a6,#aaa6f5);--font-ui:Metropolis, "Avenir Next", Avenir, "Century Gothic", sans-serif;--font-system:system-ui, sans-serif;--font-mono:var(--font-jetbrains,"SFMono-Regular", Menlo, Consolas, monospace);--text-3xs:.625rem;--text-2xs:.75rem;--text-xs:.8125rem;--text-sm:.875rem;--text-md:.9375rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:1.875rem;--text-5xl:2rem;--leading-none:1.1;--leading-tight:1.25;--leading-snug:1.4;--leading-body:1.6;--tracking-tight:-.02em;--tracking-tighter:-.04em;--type-body:400 var(--text-base)/var(--leading-body) var(--font-ui);--type-nav:600 var(--text-sm)/21px var(--font-system);--type-brand:600 var(--text-xl)/21px var(--font-system);--type-mono-sm:400 var(--text-xs)/1.5 var(--font-mono);--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-36:36px;--space-40:40px;--space-64:64px;--space-96:96px;--space-128:128px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-18:18px;--radius-24:24px;--radius-40:40px;--shadow-popover:0 8px 24px #0003;--shadow-header:0 8px 24px #0003, 0 1px 4px #0002;--shadow-media:0 12px 28px -16px #0005, 0 3px 8px -4px #0003;--shadow-sheet:0 1px 3px #0000000a, 0 14px 28px -22px #0003;--shadow-pinned:0 10px 16px -16px #0008;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.2, .9, .3, 1.35);--duration-press:90ms;--duration-fast:.12s;--duration-base:.28s;--duration-slow:.42s;--frame-y:24px;--sheet-gutter:clamp(56px, 9vw, 100px);--sheet-width:min(clamp(880px, 48vw, 960px), calc(100vw - 2 * var(--sheet-gutter)));--frame-x:calc((100vw - var(--sheet-width)) / 2);--frame-inset:clamp(24px, calc(var(--sheet-width) * .075), 64px);--header-height:88px}@media (width<=650px){:root{--frame-y:16px;--sheet-gutter:16px;--frame-inset:24px}}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;background:var(--color-page)}body{background:var(--color-page);color:var(--color-ink);font:var(--type-body);margin:0}a{color:inherit;text-underline-offset:4px}::selection{background:color-mix(in srgb, var(--color-action) 32%, transparent)}html{caret-color:var(--color-action);scrollbar-color:var(--color-border) transparent}pre,code,kbd,samp{font-family:var(--font-mono)}:focus:not(:focus-visible){outline:none}:is(a,button,summary,select):focus-visible{outline-offset:3px;outline:2px solid}select:not([multiple]):not([size]){appearance:none;min-width:0;max-width:100%;padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-6);background-color:var(--color-surface);color:inherit;font:inherit;font-size:var(--text-sm);text-overflow:ellipsis;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 18px center,right 14px center;background-repeat:no-repeat;background-size:4px 4px;padding-inline-end:36px}@media (forced-colors:active){select:not([multiple]):not([size]){appearance:auto;background-image:none}}.pressable{cursor:pointer;transition:scale .28s cubic-bezier(.34, 1.56, .64, 1), color var(--duration-fast) ease-out, background-color var(--duration-fast) ease-out, border-color var(--duration-fast) ease-out, opacity var(--duration-fast) ease-out}.pressable:active{transition-duration:var(--duration-press);transition-timing-function:ease-out;scale:.9}.note{margin:0 0 var(--space-24);max-width:75ch;color:var(--color-muted);font-size:var(--text-sm);line-height:var(--leading-body)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}}.shimmer{background:linear-gradient(110deg, var(--color-action) 28%, color-mix(in srgb, var(--color-action) 50%, var(--color-ink)) 39%, var(--color-ink) 50%, color-mix(in srgb, var(--color-action) 50%, var(--color-ink)) 61%, var(--color-action) 72%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite shimmer}@keyframes shimmer{0%{opacity:.8;background-position:150% 0}26%,52%{opacity:1}40%{opacity:.88}85%,to{opacity:.8;background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.shimmer{color:var(--color-action);background:0 0;animation:none}}@media (forced-colors:active){.shimmer{color:buttontext;background:0 0}}@media (width>=651px){.sheet-body:has(:is(.view-link,.seo-tools)) .page-header h1{max-width:min(18ch,100% - 11rem)}}
