:root{--bp-xs:360px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1440px;--bp-3xl:1920px;--bp-4xl:2560px;--color-primary-1:#f4f5fb;--color-primary-2:#e4e7f4;--color-primary-3:#8b96c7;--color-primary-4:#414c85;--color-primary-5:#252b52;--color-secondary-1:#f2f8f7;--color-secondary-2:#ddebe8;--color-secondary-3:#73aaa1;--color-secondary-4:#376f68;--color-secondary-5:#213f3b;--color-tertiary-1:#fbf6f2;--color-tertiary-2:#eeddd2;--color-tertiary-3:#c98e76;--color-tertiary-4:#805044;--color-tertiary-5:#472a24;--color-neutral-1:#f6f7fa;--color-neutral-2:#ecf0f5;--color-neutral-3:#b0bcce;--color-neutral-4:#566479;--color-neutral-5:#1e293b;--color-interactive-default:#485bc4;--color-interactive-hover:#293f99;--color-interactive-active:#252b52;--color-interactive-visited:#7e75ac;--color-interactive-focus:#485bc4;--color-accent-1:var(--color-primary-3);--color-accent-2:var(--color-secondary-3);--color-accent-3:var(--color-tertiary-3);--color-bg-1:var(--color-neutral-1);--color-bg-2:var(--color-neutral-2);--color-bg-3:rgb(from var(--color-neutral-3) r g b / 25%);--color-text:var(--color-neutral-5);--color-text-muted:var(--color-neutral-4);--color-text-inverted:var(--color-neutral-1);--color-text-mark:var(--color-tertiary-2);--color-shadow:rgb(from var(--color-neutral-3) r g b / 10%);--color-border:rgb(from var(--color-neutral-3) r g b / 15%);--color-focus:var(--color-interactive-focus);--color-disabled:var(--color-text-muted);--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-display:"IBM Plex Sans Condensed", "IBM Plex Sans", sans-serif;--font-code:"Cascadia Code", "Roboto Mono", monospace;--font-xs:.75rem;--font-sm:.875rem;--font-md:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.75rem;--font-3xl:2.25rem;--font-4xl:2.75rem;--font-bold:700;--font-semibold:600;--font-medium:500;--font-regular:400;--font-light:300;--font-line-height-sm:1;--font-line-height-md:1.375;--font-line-height-lg:1.625;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:8rem;--dynamic-height-sm:2vh;--dynamic-height-md:4vh;--dynamic-height-lg:6vh;--dynamic-width-sm:2vw;--dynamic-width-md:4vw;--dynamic-width-lg:6vw;--radius-3xs:clamp(2px, .25vw, .25vw);--radius-2xs:clamp(3px, .5vw, .5vw);--radius-xs:clamp(4px, .75vw, .75vw);--radius-sm:clamp(5px, 1vw, 1vw);--radius-md:clamp(6px, 1.25vw, 1.25vw);--radius-lg:clamp(7px, 1.5vw, 1.5vw);--shadow-sm:0 1px 3px var(--color-shadow);--shadow-md:0 8px 50px var(--color-shadow);--grid-gap-sm:var(--space-sm);--grid-gap-md:var(--space-md);--grid-gap-lg:var(--space-lg);--btn-text-primary:var(--color-text-inverted);--btn-text-secondary:var(--color-text);--btn-text-tertiary:var(--color-text);--btn-text-disabled:var(--color-disabled);--btn-background-primary:var(--color-primary-4);--btn-background-secondary:var(--color-primary-2);--btn-background-tertiary:transparent;--btn-background-disabled:var(--color-neutral-2)}:focus,:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--space-3xs)}:disabled{color:var(--color-disabled)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{color:var(--color-text);font-family:var(--font-body);line-height:var(--font-line-height-md)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--font-line-height-sm);margin:1em 0 .5em}h1,h2{font-weight:var(--font-bold);letter-spacing:-.0125em}h3,h4,h5,h6{font-weight:var(--font-semibold)}h1{font-size:var(--font-4xl)}h2{font-size:var(--font-3xl)}h3{font-size:var(--font-2xl)}h4{font-size:var(--font-xl)}h5{font-size:var(--font-lg)}h6{font-size:var(--font-md)}p{font-size:var(--font-md);line-height:var(--font-line-height-lg);margin:0 0 var(--space-md)}small{font-size:var(--font-sm)}strong{font-weight:var(--font-bold)}em{font-style:italic}a{color:var(--color-interactive-default);text-underline-offset:.175em;text-decoration:underline;text-decoration-thickness:.01em}a:hover{color:var(--color-interactive-hover)}a:focus-visible{color:var(--color-interactive-focus)}a:visited{color:var(--color-interactive-visited)}a:active{color:var(--color-interactive-active)}code,pre{font-family:var(--font-code)}code{background:var(--color-bg-3);border-radius:var(--radius-3xs);width:fit-content;padding:0 var(--space-2xs);display:inline}pre{margin:0 0 var(--space-md);white-space:pre;display:block;overflow:auto}pre code{border-radius:var(--radius-3xs);line-height:var(--font-line-height-lg);padding:var(--space-xs) var(--space-md);display:inline-block}blockquote{border-left:4px solid var(--color-accent-1);font-family:var(--font-display);font-size:var(--font-lg);font-weight:var(--font-light);margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md)}blockquote p:last-child{margin-bottom:0}blockquote+cite{font-size:var(--font-sm);margin:0 0 var(--space-lg);display:block}hr{background:var(--color-border);border:0;width:100%;height:2px;margin:0}mark{background-color:var(--color-text-mark)}ul,ol{line-height:var(--font-line-height-lg);margin:0 0 var(--space-md);padding-inline-start:var(--space-lg)}ul>li,ol>li{margin:var(--space-3xs) 0}ol{list-style-type:decimal}ol>li::marker{color:var(--color-text)}ol ol{margin-bottom:var(--space-xs);list-style-type:lower-alpha}ol ol ol{list-style-type:lower-roman}ul{list-style-type:disc}ul>li::marker{color:var(--color-text-muted)}ul ul{margin-bottom:var(--space-xs);list-style-type:circle}ul ul ul{list-style-type:square}body{background:var(--color-bg-2);min-height:100vh}.wrapper{width:min(92%, var(--bp-xl));margin-inline:auto}.container{margin:var(--space-lg) 0;max-width:100%}.container>h1:first-child,.container>h2:first-child,.container>h3:first-child,.container>h4:first-child,.container>h5:first-child,.container>h6:first-child{margin-top:0}.container--with-bg{background:var(--color-bg-1);border-radius:var(--radius-md);padding:var(--dynamic-height-md) var(--dynamic-width-lg)}.container--with-border{border:1px solid var(--color-border)}.container--shadow-md{box-shadow:var(--shadow-md)}.button-container{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.button-container+.button-container{margin-top:var(--space-md)}details summary{cursor:pointer;font-weight:var(--font-medium);align-items:center;gap:var(--space-xs);padding:var(--space-xs) 0;-webkit-user-select:none;user-select:none;width:fit-content;list-style:none;display:flex}details summary::-webkit-details-marker{display:none}details summary:before{color:var(--color-text-muted);content:"▸";font-size:var(--font-md);transition:transform .2s}details summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-3xs)}details summary:hover{background:var(--color-bg-1)}details[open]{margin-bottom:var(--space-sm)}details[open] summary:before{transform:rotate(90deg)}.details__content{border-inline-start:4px solid var(--color-border);padding:var(--space-sm)}button,.btn{background:var(--color-neutral-2);border-radius:var(--radius-2xs);box-shadow:none;color:var(--color-text);font-weight:var(--font-medium);letter-spacing:.0375em;line-height:var(--font-line-height-md);border:2px solid #0000;justify-content:center;align-items:center;margin:0;padding:.375em 1.125em;transition:background .2s,transform .2s;display:inline-flex}button:hover,.btn:hover{cursor:pointer;transform:translateY(-1px)}button:disabled,button[aria-disabled=true],.btn:disabled,.btn[aria-disabled=true]{background:var(--btn-background-disabled);border-color:var(--btn-background-disabled);color:var(--btn-text-disabled)}button:disabled:hover,button[aria-disabled=true]:hover,.btn:disabled:hover,.btn[aria-disabled=true]:hover{cursor:not-allowed;transform:none}button--primary,.btn--primary{background:var(--btn-background-primary);color:var(--btn-text-primary)}button--secondary,.btn--secondary{background:var(--btn-background-secondary);color:var(--btn-text-secondary)}button--tertiary,.btn--tertiary{color:var(--btn-text-tertiary);background:0 0}button--xs,.btn--xs{font-size:var(--font-xs)}button--sm,.btn--sm{font-size:var(--font-sm)}button--md,.btn--md{font-size:var(--font-md)}button--lg,.btn--lg{font-size:var(--font-lg)}button--xl,.btn--xl{font-size:var(--font-xl)}.color-grid{margin:0;padding:0;list-style:none}.color-grid li{margin:0}.color-grid{gap:var(--grid-gap-sm);margin:var(--space-md) 0 var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));display:grid}.swatch{gap:var(--space-3xs);flex-direction:column;justify-content:center;display:flex}.swatch__color{border:1px solid var(--color-border);border-radius:var(--radius-3xs);height:3rem;margin-bottom:var(--space-3xs);width:100%}.swatch__name{font-family:var(--font-code);font-size:var(--font-xs);font-stretch:75%;font-weight:var(--font-medium);text-transform:uppercase}.swatch code{font-size:var(--font-xs);text-transform:uppercase}.table-wrapper{overflow:auto}table{background:var(--color-bg-1);border-collapse:collapse;border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);box-shadow:var(--shadow-sm);font-family:var(--font-code);margin:0 0 var(--space-md);width:100%}caption{font-size:var(--font-sm);font-weight:var(--font-medium);margin:var(--space-sm);text-align:left}thead{background:var(--color-bg-3)}tbody tr:nth-child(2n){background:var(--color-bg-2)}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}th,td{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);font-size:var(--font-sm);padding:var(--space-sm);text-align:left;vertical-align:top}th{font-weight:var(--font-medium)}td{font-weight:var(--font-light)}.text--center{text-align:center}.layout--constrained{max-width:var(--bp-md)}.layout--center-x{justify-content:center;display:flex}.layout--center-y{align-items:center;display:flex}.layout--center{justify-content:center;align-items:center;display:flex}.list-reset{margin:0;padding:0;list-style:none}.list-reset li{margin:0}