:root{color-scheme:dark;scrollbar-color:var(--accent) var(--block-background);accent-color:var(--accent);interpolate-size:allow-keywords;transition-behavior:allow-discrete, allow-keywords;--logo-grid-size:0.5;--logo-grid-color:#fff0;--logo-shade-opacity:0.5;--body:oklch(0.2 0 0);--text:oklch(0.85 0 0);--title:oklch(0.9 0 0);--muted:oklch(0.7 0 0);--shadow:oklch(0 0 0);--border:oklch(1 0 0 / .1);--block-background:oklch(0.25 0 0);--block-border:1px solid var(--border);--block-radius:.5em;--block-corner-shape:squircle;--block-shadow:0 .5em 1em -.5em var(--shadow);--spec-background:oklch(0.27 0 0);--spec-border:1px solid var(--border);--spec-radius:.5em;--spec-corner-shape:squircle;--button-background:oklch(0.3 0 0);--button-border:1px solid var(--border);--button-radius:.5em;--button-corner-shape:squircle;--button-padding:var(--pad-small) var(--pad-medium);--input-background:oklch(0.26 0 0);--input-border:1px solid var(--border);--input-radius:.5em;--input-corner-shape:squircle;--input-padding:var(--pad-small);--chart-lightness:0.7;--chart-chroma:0.14;--chart-grid:#fff2;--chart-ticks:#fffe;--chart-text:var(--text);--chart-tooltip:#111e;--escape:oklch(0.9 0.14 250 / 0.2);--h:240;--accent:oklch(0.9 0.11 var(--h));--accent-hover:oklch(0.9 0.14 var(--h));--font-sans:system-ui, sans-serif;--font-mono:ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;--font-size:clamp(0.875rem, 1svw + 0.5rem, 1.25rem);--chrome-width:95svw;--chrome-min-width:20em;--chrome-max-width:90em;--main-width:90svw;--main-min-width:20em;--main-max-width:80em;--gap-small:0.5em;--gap-medium:1em;--gap-large:1.5em;--pad-small:0.5em;--pad-medium:1em;--pad-large:1.5em;--mar-small:0.5em;--mar-medium:1em;--mar-large:1.5em;--rad-small:0.5em;--rad-medium:1em;--rad-large:1.5em;--menu-gap:0.5em;--menu-pad-y:0.75em;--menu-pad-x:1em;--menu-radius:var(--rad-medium);--menu-border:1px solid #fff1;--menu-background:oklch(0.225 0 0);--menu-sub-background:oklch(0.20 0 0);--menu-hover-background:oklch(0.25 0 0);--menu-shadow:0 .5em 1em -.5em var(--shadow);--container-min-width:50em;--container-small-min-width:20em;--container-medium-min-width:40em;--container-three-min-width:50em;--container-large-min-width:60em;--slide:cubic-bezier(0.25, 1, 0.5, 1);--fade:cubic-bezier(0.4, 0, 0.2, 1);--bounce:cubic-bezier(0.68, -0.6, 0.32, 1.6);--spring:cubic-bezier(0.43, 1.33, 0.64, 1);--snap:cubic-bezier(1, 0, 0, 1);--slingshot:cubic-bezier(0.7, -0.5, 0.2, 1.5);--ninja:cubic-bezier(0.8, 0, 0.2, 1);--tiptoe:cubic-bezier(0.1, 0.9, 0.2, 1);--wobble:cubic-bezier(0.65, 1.5, 0.45, -0.5);--symbol-checkbox:"✓";--symbol-mark:"✗";--symbol-radio:"●"}@media (prefers-color-scheme:light){:root{color-scheme:light;--h:260;--body:oklch(0.95 0 0);--text:oklch(0.1 0 0);--title:oklch(0.15 0 0);--muted:oklch(0.3 0 0);--shadow:oklch(0 0 0 / .25);--border:oklch(0 0 0 / .1);--block-background:oklch(1 0 0);--spec-background:oklch(0.98 0 0);--button-background:oklch(0.98 0 0);--input-background:oklch(0.98 0 0);--chart-lightness:0.8;--chart-chroma:0.11;--chart-grid:#0002;--chart-ticks:#0004;--chart-text:var(--text);--chart-tooltip:#fff2;--accent:oklch(0.6 0.11 var(--h));--accent-hover:oklch(0.6 0.14 var(--h));--menu-background:oklch(0.98 0 0);--menu-sub-background:oklch(0.96 0 0);--menu-hover-background:oklch(0.94 0 0)}}*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-gutter:stable;text-wrap-style:pretty}html{font-size:var(--font-size)}body::before, body::after{position:fixed;top:0;left:0;width:100%;height:50%;z-index:1000;display:grid;place-items:center;font:bolder 2em/1.5 sans-serif;background:var(--body);color:var(--text)}body::before{content:"Unsupported Browser";align-items:end}body::after{top:50%;content:"Please use a Modern Browser";align-items:start}body{&::before, &::after{all:unset;display:none;content:""}}
body{background-color:var(--body);color:var(--text);font-family:var(--font-sans);overflow-y:scroll;overflow:clip scroll;scroll-behavior:auto;scroll-snap-type:y proximity;scroll-padding:100em 0 0 0;>header, >footer{max-width:100svw;min-width:var(--chrome-min-width);width:100svw}>header, >footer, >main{margin:0 auto var(--gap-large);padding:var(--pad-large);position:relative}>header{display:grid;gap:var(--gap-small) var(--gap-large);grid-template-columns:1fr;grid-template-areas:"logo" "title" "headline" "breadcrumbs";justify-items:center;background-color:var(--block-background);border:var(--block-border);border-top:none;border-radius:0 0 var(--block-radius) var(--block-radius);corner-shape:var(--block-corner-shape);padding:var(--pad-large);transition:box-shadow 0.3s ease;&:hover{box-shadow:var(--block-shadow)}>.logo{grid-area:logo;justify-self:center;>a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}svg{display:block;width:clamp(2.75rem, 5vw, 3.25rem);height:auto}}>h1.title{grid-area:title;margin:0}>.headline{grid-area:headline;font-size:0.95em;max-width:70ch}>.version{position:absolute;top:0.5rem;right:0.5rem;font-size:0.75em;text-align:right;color:var(--muted)}>.breadcrumbs{grid-area:breadcrumbs}}>.menu{}>main{--display:grid;gap:var(--gap-large);padding:0 var(--pad-small);max-width:100svw;min-width:var(--main-min-width);width:100svw}>footer{text-align:center;font-size:smaller;color:var(--muted)}}h1, h2, h3, h4, h5, h6{text-wrap-style:pretty;font-weight:600;line-height:1.25;color:var(--title)}h1{font-size:2.0em;font-weight:700}h2{font-size:2.0em}h3{font-size:1.8em}h4{font-size:1.6em}h5{font-size:1.4em}h6{font-size:1.2em}p{font-size:1em;margin-bottom:var(--pad-medium);line-height:1.6}p:last-child{margin-bottom:0}ul, ol{padding:0 0 0 var(--pad-large);margin:var(--gap-small) 0 var(--gap-medium);li{margin:0 0 var(--gap-small)}}a{color:var(--accent);text-decoration:none;&:hover, &:focus-visible{text-decoration:underline;color:var(--accent-hover)}}.hidden{display:none}.breadcrumb{justify-self:stretch;font-size:.75em;padding-top:var(--pad-small);border-top:var(--block-border);>nav{display:block}ul.breadcrumbs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0.5rem;li{display:inline-flex;align-items:center;gap:0.5rem;&:not(:first-child)::before{content:'/';opacity:0.5}}a{color:var(--muted);text-decoration:none;&:hover, &:focus-visible{text-decoration:underline}}}}.gradient-bar{width:100%;height:1em;background:linear-gradient(to right, #000, #fff);border-radius:var(--block-radius);margin-top:var(--gap-medium);corner-shape:round}.map svg{width:100%;height:auto;g{fill:#666;stroke:var(--body);stroke-width:0.1;cursor:pointer;&:hover{stroke:#fff;stroke-width:0.5}}circle{fill:none;stroke:none}}.group{display:inline-flex;flex-wrap:wrap;flex-direction:row;gap:var(--gap-medium);background-color:var(--spec-background);border:var(--spec-border);border-radius:var(--spec-radius);corner-shape:var(--spec-corner-shape);padding:var(--pad-small);&.vertical{flex-direction:column}}
article{overflow:clip;header{padding:var(--pad-medium) var(--pad-large);background-color:var(--spec-background);margin:0 0 var(--gap-medium);border-bottom:var(--spec-border);border-radius:var(--block-radius) var(--block-radius) 0 0}main, .content{padding:var(--pad-small) var(--pad-large)}footer{padding:var(--pad-medium) var(--pad-large) var(--pad-small) var(--pad-large);font-size:smaller;color:var(--muted)}background-color:var(--block-background);border:var(--block-border);border-radius:var(--block-radius);corner-shape:var(--block-corner-shape);margin-bottom:var(--gap-large)}.cards{container-type:inline-size;container-name:cards;display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:var(--gap-medium);margin:0 auto;.card{background-color:var(--block-background);padding:0;box-shadow:var(--block-shadow);border:var(--block-border);grid-column:span 6;border-radius:var(--block-radius);corner-shape:var(--block-corner-shape);display:flex;place-content:stretch;flex-direction:column;align-content:stretch;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;.inner{padding:var(--pad-medium);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto}&.small{grid-column:span 2}&.medium{grid-column:span 3}&.full{position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;border-left:none;border-right:none;box-shadow:var(--block-background-shadow);.inner{padding:var(--pad-large);max-width:var(--sec-max-width);width:var(--sec-width);margin:0 auto}}.chart{position:relative;width:100%;height:clamp(280px, 55vh, 450px);min-height:clamp(220px, 45vh, 360px);flex:1 1 auto}}@container (width < 55rem){.card.small{grid-column:span 6}.card.medium{grid-column:span 6}.card.large{grid-column:span 6}.card.full{grid-column:span 6}}}
main{form{margin:0}button, label{user-select:none;cursor:pointer;padding:var(--button-padding);border-radius:var(--button-radius);corner-shape:var(--button-corner-shape);border:var(--button-border);background-color:var(--button-background);font-size:1em}input[type=checkbox], input[type=radio]{--size:1rem;--width:calc(var(--size) * 2);accent-color:var(--accent);cursor:pointer;margin:0;padding:0;width:var(--width);aspect-ratio:1;background:transparent;user-select:none;margin:0 var(--gap) 0 0;&:disabled, &:disabled:has(+ label) + label{cursor:not-allowed}&:has(+ label) + label{cursor:pointer;margin:0 var(--gap-large) 0 0}&.switch, &.enhanced{--size:1.5rem;appearance:none;border:none;outline:2px solid var(--accent);&::before, &::after{content:'';position:absolute;inset:0;display:flex;align-items:center;align-content:center;justify-content:center;font-size:var(--width);pointer-events:none}&::before{background-color:transparent;border:3px solid var(--accent);transition:scale .2s var(--bounce), border-color .2s var(--slide), background-color .2s var(--slide)}&::after{color:var(--accent);scale:0;transition:left .2s var(--bounce), scale .2s var(--bounce), background-color .2s var(--slide), border-color .2s var(--slide)}&:not(:disabled){&:hover{&::before{--l-button:var(--l-hover);--c-button:var(--c-hover);--h-button:var(--h-hover);scale:1.05}}&:active{&::before{--l-button:var(--l-active);--c-button:var(--c-active);--h-button:var(--h-active);scale:0.95}}}&[type=radio]{&::before, &::after{border-radius:50%}&:checked{&::after{background-color:oklch(var(--l-button) var(--c-button) var(--h-button));scale:0.6}}}&[type=checkbox]{&::before{border-radius:0.25rem}&::after{font:calc(var(--width) * 1.75) monospace;padding:0 0 1rem}&:checked{&::after{content:'✓';scale:1}}}&:has(+ label){cursor:pointer;position:absolute;left:-100vw;&:checked + label{--l-input:var(--l-button);--c-input:var(--c-button);--h-input:var(--h-button);--l-input-i:var(--l-button-i);--c-input-i:var(--c-button-i);--h-input-i:var(--h-button-i);&::after{content:'✓'}}& + label{position:relative;display:inline-flex;padding:var(--pad-small) var(--pad);align-items:center;justify-content:center;min-width:4rem;border:var(--border);border-radius:var(--radius);cursor:pointer;margin:0;user-select:none;font-weight:bold;--l-input-i:var(--l-placeholder-i);background-color:oklch(var(--l-input) var(--c-input) var(--h-input));color:oklch(var(--l-input-i) var(--c-input-i) var(--h-input-i));transition:background-color 0.2s var(--slide), border-color 0.2s var(--slide), color 0.2s var(--slide);&::before{content:'';width:1ch}&::after{content:'';width:2ch;padding-left:.5ch}&:hover{--l-input:var(--l-hover);--c-input:var(--c-hover);--h-input:var(--h-hover);--l-input-i:var(--l-hover-i);--c-input-i:var(--c-hover-i);--h-input-i:var(--h-hover-i)}&:active{--l-input:var(--l-active);--c-input:var(--c-active);--h-input:var(--h-active);--l-input-i:var(--l-active-i);--c-input-i:var(--c-active-i);--h-input-i:var(--h-active-i)}}&:disabled + label{cursor:not-allowed}}&.switch{outline:2px solid #f00;aspect-ratio:2/1;&::before{border-radius:calc(var(--size))}&::after{content:'' !important}&::after{width:var(--size);aspect-ratio:1;border-radius:50%;background-color:oklch(var(--l-input) var(--c-input) var(--h-input));border:2px solid oklch(var(--l-button) var(--c-button) var(--h-button));left:0;scale:1}&:checked{&::after{left:calc(100% - var(--size));scale:1;border-color:oklch(var(--l-button) var(--c-button) var(--h-button));background-color:oklch(var(--l-button) var(--c-button) var(--h-button))}}&:not(:disabled){&:hover::after{scale:1.2;z-index:1}&:active::after{}}}}}input, select, select option, textarea{background-color:var(--input-background);border:var(--input-border);border-radius:var(--input-radius);corner-shape:var(--input-corner-shape);padding:var(--input-padding);font-size:1em}select{&, &::picker(select){appearance:base-select}&::picker-icon{color:var(--text);align-content:center}&::picker(select){max-width:90dvw;border-radius:var(--input-radius);border:var(--input-border)}option{display:flex;gap:var(--gap);justify-content:space-between;border-radius:0;&::checkmark{flex:none}&:first-of-type{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}&:last-of-type{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}&:checked{background-color:var(--accent);color:var(--input-background)}&:hover{background-color:var(--accent-hover);color:var(--input-background)}}}button{transition:transform .3s var(--spring), box-shadow .3s var(--fade)}button:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.1)}}
#logo{width:6em;height:auto;.lines{stroke-width:var(--logo-grid-size)}.lines.x2{fill:var(--logo-grid-color);stroke:var(--logo-grid-color);stroke-width:calc(var(--logo-grid-size) * 2);transition:fill .3s var(--spring), stroke .3s var(--spring)}.globe{transform-origin:center;transition:scale .3s 1s var(--bounce);scale:.8}line, circle, ellipse{stroke-dasharray:100% 0%;stroke-dashoffset:0%;transition:stroke-dasharray .5s .5s var(--slide), stroke-dashoffset .5s .5s var(--slide)}&:hover{--logo-grid-size:2;--logo-grid-color:#ffff;.globe{scale:1;transition-delay:0s}line, circle, ellipse{stroke-dasharray:0% 100%;stroke-dashoffset:100%}}}
 nav.menu{position:fixed;top:var(--pad-medium);left:var(--pad-medium);right:var(--pad-medium);z-index:1000;width:var(--pri-width);min-width:var(--pri-min-width);max-width:var(--pri-max-width);max-height:90vh;overflow:clip auto;font-size:1.25em;padding:0 0 var(--pad-medium);input{position:absolute;left:-1000%;opacity:0;&:checked{~ label{svg{.on{opacity:1;display:inline}.off{display:none}}}~ ul{display:grid;box-shadow:var(--menu-shadow)}}}svg{width:2.5em;aspect-ratio:1}label{display:inline-flex;aspect-ratio:1;padding:var(--pad-small);svg{fill:currentColor;use{position:absolute;inset:0;opacity:0}.off{opacity:1}}}ul{display:none;z-index:1;transition:opacity .2s var(--slide), box-shadow .2s var(--slide);list-style:none;padding:0;margin:0;border-radius:var(--menu-radius);corner-shape:var(--block-corner-shape);border:var(--menu-border)}li{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between;> a{padding:var(--pad-small) var(--pad-medium);display:flex;align-items:center;align-self:stretch;flex:1}&.separator{display:none}&.active > a{color:var(--text);font-weight:bold}&:hover{background-color:var(--menu-hover-background)}}> ul{background:var(--menu-background);margin:var(--menu-gap) 0 0 0;svg{width:1.5em}ul{background:var(--menu-sub-background);flex:1 1 100%}}}@media (width > 90ch){nav.menu{position:sticky;top:0;width:var(--main-width);min-width:var(--main-min-width);max-width:var(--main-max-width);margin:0 auto 1em;font-size:1em;padding:0;z-index:100;overflow:clip;label, svg{display:none}ul{padding:0;display:flex;flex-direction:row}li{input ~ ul, input:checked ~ ul{display:none}}> ul{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;margin:0 auto 1rem;border-radius:0 0 var(--menu-radius) var(--menu-radius);border-top:none;&:hover{box-shadow:var(--menu-shadow)}li{ul{li{min-width:10em}}}> li{width:auto;font-size:1em;anchor-name:--menu-li;anchor-scope:--menu-li;&.separator{display:block;flex:1 1 auto}ul{position:fixed;min-width:10em;flex-direction:column;box-shadow:var(--menu-shadow);border:var(--menu-border)}> ul{position-anchor:--menu-li;top:anchor(bottom);left:anchor(left);z-index:100;border-radius:0 var(--menu-radius) var(--menu-radius) var(--menu-radius);position-try-fallbacks:flip-inline;li{width:100%;anchor-name:--menu-sub-li;anchor-scope:--menu-sub-li;> ul{position-anchor:--menu-sub-li;top:anchor(top);left:anchor(right);z-index:101;border-radius:var(--menu-radius) 0 var(--menu-radius) var(--menu-radius);position-try-fallbacks:flip-inline}}}}li:hover > ul, li:has(> ul:hover) > ul{display:flex}}}}
 @media (width > 90ch){body{>header, >footer{max-width:var(--chrome-max-width);min-width:var(--chrome-min-width);width:var(--chrome-width);padding:var(--pad-large)}>header, >footer, >main{margin:0 auto var(--gap-large);position:relative}>header{margin-bottom:0;grid-template-columns:auto 1fr;grid-template-areas:"logo title" "logo headline" "logo breadcrumbs";justify-items:start;>.logo{justify-self:start}}>main{max-width:var(--main-width);min-width:var(--main-min-width);width:var(--main-width)}}}