*,:before,:after{box-sizing:border-box}body{margin:0}input,button,select,textarea{font:inherit}:root{--color-accent:#386b8c;--color-accent-hover:color-mix(in srgb, var(--color-accent) 92%, black);--color-accent-press:color-mix(in srgb, var(--color-accent) 85%, black);--color-text:#2d2d32;--color-text-muted:#6b6b70;--color-text-inverse:#e6e6dc;--color-background:#e8e9e1;--color-surface:#fff;--color-border:#c8c9c1;--shadow-soft:0 0 .5rem color-mix(in srgb, var(--color-text) 15%, transparent);--shadow-card:0 .1rem .5rem color-mix(in srgb, var(--color-text) 25%, transparent);--font-heading:"Segoe UI", system-ui, sans-serif;--font-body:"Segoe UI", system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--z-overlay:20;--duration-fast:.15s;--duration-slow:.4s;--radius-sm:2px;--radius-md:3px;--radius-lg:6px;--radius-round:50%}html{font-family:var(--font-body);color:var(--color-text);background:var(--color-background);font-size:16px;line-height:1.6}body{flex-direction:column;min-height:100dvh;display:flex}#app{flex-direction:column;flex:1;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0 0 .5em;font-weight:600;line-height:1.3}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}p{margin:0 0 1em}a{color:var(--color-accent);text-decoration:none}@media (hover:hover){a:hover{color:var(--color-accent-hover)}}a:active{color:var(--color-accent-press)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}img{max-width:100%;height:auto}code,pre{font-family:var(--font-mono);font-size:14px}pre{background:var(--color-text);border-radius:var(--radius-lg);forced-color-adjust:none;margin:0 0 1em;padding:1em;overflow-x:auto}pre code.hljs{background:0 0;padding:0}code:not(.hljs){background:var(--color-border);border-radius:var(--radius-md);padding:.15em .4em}blockquote{border-left:.1875rem solid var(--color-accent);color:var(--color-text-muted);margin:0 0 1em;padding:.5em 1em}table{border-collapse:collapse;width:100%;margin:0 0 1em}th,td{border:1px solid var(--color-border);text-align:left;padding:.5em .75em}th{background:var(--color-surface);font-weight:600}.cutout{color:var(--color-accent);font-family:var(--font-heading);text-align:center;text-transform:uppercase;min-width:4rem;transition:color var(--duration-fast) ease-out;border:.24rem solid;margin:auto .8rem;padding:.05rem .4rem;font-size:.75rem;font-weight:700;display:inline-block;position:relative}.cutout:before{content:"";position:absolute;inset:-.5rem}.cutout[aria-disabled=true]:before{cursor:not-allowed}@media (hover:hover){.cutout:hover{color:var(--color-accent-hover)}}.cutout:active{color:var(--color-accent-press)}.cutout[aria-disabled=true]:active{color:var(--color-text-muted)}.cutout[aria-disabled=true]:focus-visible{outline-color:var(--color-text-muted)}@media (forced-colors:active){.cutout{border-color:canvastext}.cutout[aria-disabled=true]{color:graytext;border-color:graytext}}.content-width{width:90vw;max-width:640px;margin:2rem auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--color-surface);color:var(--color-accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);z-index:var(--z-overlay);transition:transform var(--duration-fast) ease-out;padding:.5rem .75rem;font-weight:700;position:absolute;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}