.card-title{font-size:var(--font-size-small);text-transform:uppercase;display:grid;grid-template-columns:8px auto 1fr;align-items:center;gap:var(--spacing-m);width:100%;margin:0}.card-title:before{content:"# "}.card-title:after{content:"";display:inline-block;background-color:var(--color-border);height:1px;width:100%}.card-header{font-size:var(--font-size-h5)}.card-content{padding-top:var(--spacing-m)}@media (min-width: 577px){.card.card-bordered{border:1px solid var(--color-border);border-radius:var(--border-radius-medium);padding:1rem}.card.card-no-border{border:0;padding:0}}.nav{position:fixed;top:0;left:0;width:100%;z-index:2}.nav-container{position:relative;width:100%;background-color:var(--color-background);border-bottom:1px solid var(--color-border);z-index:1;display:grid;grid-template-areas:"profile text  setting hamburger" "profile media setting hamburger";grid-template-columns:auto 1fr 80px 32px;column-gap:var(--spacing-s);row-gap:var(--spacing-s);align-items:center;padding:var(--spacing-m)}.nav-profile{grid-area:profile;width:64px;height:64px}.nav-profile-image{border-radius:var(--border-radius-full);border:2px solid var(--color-border);padding:var(--spacing-xs)}.nav-profile-image:hover{border:2px solid var(--color-primary-hover)}.nav-profile-image:active{border:2px solid var(--color-primary-active)}.nav-profile:focus-visible{outline:none}.nav-profile:focus-visible .nav-profile-image{outline:2px solid var(--color-primary);outline-offset:-2px}.nav-text{grid-area:text;font-family:var(--font-family-heading)}.nav-subtitle{display:none}.nav-media{grid-area:media;display:flex;gap:var(--spacing-m)}.nav-media .button{width:32px;height:32px;padding:0}.nav-setting{grid-area:setting;display:grid;grid-template-columns:repeat(2,auto);align-items:center;gap:var(--spacing-s);padding:0}.nav-i18n{justify-self:center;display:grid;justify-content:center;align-items:center;width:32px;height:32px;border-radius:var(--border-radius-m);cursor:pointer;color:var(--color-text)}.nav-i18n:hover{background-color:var(--color-hover)}.nav-i18n:focus,.nav-i18n:active{background-color:var(--color-active)}.nav-i18n:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.nav-i18n svg{width:24px;height:24px}.nav-i18n-arrow,.nav-i18n-text,.nav-i18n-list{display:none}.nav-theme-container{justify-self:center;color:var(--color-text);display:grid;justify-content:center;align-items:center;width:32px;height:32px;cursor:pointer;outline-offset:3px;border-radius:var(--border-radius-m)}.nav-theme-container:hover{background-color:var(--color-hover)}.nav-theme-container:focus,.nav-theme-container:active{background-color:var(--color-active)}.nav-theme-container:focus-visible{outline:2px solid var(--color-primary)}.sun-icon,.moon-icon,.nav-theme-switcher svg{width:24px;height:24px}.sun-icon,.moon-icon,.dark .sun-icon,.light .moon-icon{display:none}.dark .moon-icon,.light .sun-icon{display:block}.nav-i18n-option-container,.nav-list{grid-area:nav-list;list-style:none;margin:0;padding:0;position:absolute;top:-200%;left:0;width:100%;height:fit-content;background-color:var(--color-background);overflow:hidden;transition:var(--transition-slow)}.nav-i18n-option-container.nav-open,.nav-list.nav-open{top:100%}.nav-i18n-link,.nav-link{display:block;width:100%;padding:var(--spacing-m);cursor:pointer;color:var(--color-text);text-decoration:none}.nav-i18n-option:last-child .nav-i18n-link,.nav-item:last-child .nav-link{border-bottom:1px solid var(--color-border)}.nav-i18n-link:hover,.nav-link:hover{background-color:var(--color-hover)}.nav-i18n-link:focus,.nav-link:focus,.nav-i18n-link.active,.nav-link.active{color:var(--color-text);background-color:var(--color-active)}.nav-i18n-link:focus-visible,.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.nav-link:has(.nav-item-icon){display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between;align-items:center}.nav-item-icon{display:block}.nav-hamburger{grid-area:hamburger;display:grid;justify-content:center;align-items:center;width:32px;height:32px;color:var(--color-text);border-radius:var(--border-radius-m);cursor:pointer}.nav-hamburger:hover{background-color:var(--color-hover)}.nav-hamburger:focus,.nav-hamburger:active{background-color:var(--color-active)}.nav-hamburger:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media (min-width: 577px){.nav{position:static}.nav-container{position:static;grid-template-areas:"profile" "text" "media" "setting";grid-template-columns:1fr;gap:0;display:grid;justify-content:center;align-items:center;padding:0;border-bottom:0}.nav-text,.nav-media{border-bottom:1px solid var(--color-border)}.nav-profile{justify-self:center;padding:var(--spacing-m) 0 var(--spacing-s) 0;height:auto}.nav-text{text-align:center;line-height:1;padding:var(--spacing-s) 0 var(--spacing-m) 0}.nav-subtitle{display:inline;font-size:var(--font-size-small);color:var(--color-text-secondary)}.nav-media{padding:var(--spacing-m);justify-content:center}.nav-setting{gap:var(--spacing-m);padding:var(--spacing-m);justify-content:center;border-bottom:1px solid var(--color-border)}.nav-i18n{border:1px solid var(--color-border);text-transform:uppercase;font-size:var(--font-size-small);position:relative}.nav-i18n:focus-visible{outline-offset:-2px;border-color:var(--color-primary)}.nav-i18n-icon{display:none}.nav-i18n-text{display:block}.nav-i18n-list{list-style-type:none;position:absolute;top:36px;left:0;z-index:1;background-color:var(--color-background);border-radius:var(--border-radius-m);display:none;text-transform:capitalize;transition:var(--transition-default)}.nav-i18n-list.nav-open{display:block}.nav-i18n-link:hover{background-color:var(--color-hover)}.nav-i18n-link:focus,.nav-i18n-link:active{background-color:var(--color-active)}.nav-i18n-link:focus-visible{border:none}.nav-i18n-item:first-child .nav-i18n-link{border-radius:var(--border-radius-m) var(--border-radius-m) 0 0;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.nav-18n-link{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.nav-i18n-item:last-child .nav-i18n-link{border-radius:0 0 var(--border-radius-m) var(--border-radius-m);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.nav-theme-container{border:1px solid var(--color-border)}.nav-theme-container:focus-visible{outline-offset:-2px;border-color:var(--color-primary)}.nav-hamburger{display:none}.nav-list,.nav-list.nav-open{position:sticky;top:0;background-color:transparent}.nav-i18n-option:last-child .nav-i18n-link,.nav-item:last-child .nav-link{border-bottom:none}}footer{border-top:1px solid var(--color-border);padding:1rem;justify-content:center}footer p{padding:0;margin:0;text-align:center;font-size:var(--font-size-small)}@media (min-width: 577px){footer{grid-column:span 2}}:root{--color-primary-50: #e6f1fe;--color-primary-100: #b0d3fb;--color-primary-200: #8abdf9;--color-primary-300: #549ff7;--color-primary-400: #338df5;--color-primary-500: #0070f3;--color-primary-600: #0066dd;--color-primary-700: #0050ad;--color-primary-800: #003e86;--color-primary-900: #002f66;--color-secondary-50: #fef5e6;--color-secondary-100: #fbe1b0;--color-secondary-200: #f9d28a;--color-secondary-300: #f7be54;--color-secondary-400: #f5b133;--color-secondary-500: #f39e00;--color-secondary-600: #dd9000;--color-secondary-700: #ad7000;--color-secondary-800: #865700;--color-secondary-900: #664200;--color-neutral-50: #f2f3f4;--color-neutral-100: #d8dadc;--color-neutral-200: #c5c8cb;--color-neutral-300: #abafb3;--color-neutral-400: #9a9fa4;--color-neutral-500: #81878d;--color-neutral-600: #757b80;--color-neutral-700: #5c6064;--color-neutral-800: #474a4e;--color-neutral-900: #36393b;--color-background-dark: #000000;--color-text-dark: #eeeeee;--color-text-secondary-dark: #9ca3af;--color-border-dark: #ffffff;--color-hover-dark: rgba(255, 255, 255, .25);--color-active-dark: rgba(255, 255, 255, .15);--color-primary-dark: var(--color-primary-500);--color-primary-hover-dark: var(--color-primary-600);--color-primary-active-dark: var(--color-primary-700);--color-link-visited-dark: #8c8cff;--color-background-light: #ffffff;--color-text-light: #111111;--color-text-secondary-light: #646e7d;--color-border-light: #000000;--color-hover-light: rgba(0, 0, 0, .25);--color-active-light: rgba(0, 0, 0, .15);--color-primary-light: var(--color-primary-400);--color-primary-hover-light: var(--color-primary-500);--color-primary-active-light: var(--color-primary-600);--color-link-visited-light: #0000ee;--color-background: #000000;--color-text: #eeeeee;--color-text-secondary: #9ca3af;--color-border: #ffffff;--color-hover: rgba(255, 255, 255, .25);--color-active: rgba(255, 255, 255, .15);--color-primary: var(--color-primary-500);--color-primary-hover: var(--color-primary-600);--color-primary-active: var(--color-primary-700);--color-link-visited: #8c8cff;--spacing-xs: .25rem;--spacing-s: .5rem;--spacing-m: 1rem;--spacing-l: 2rem;--spacing-xl: 4rem;--font-family-special: "Noto Sans", monospace;--font-family-heading: "Bitter", serif;--font-family: "Raleway", sans-serif;--font-size-display: clamp(4.5rem, 10vw, 10rem);--font-size-display2: clamp(3rem, 8vw, 6.5rem);--font-size-h1: clamp(2rem, 6vw, 4rem);--font-size-h2: clamp(1.5rem, 5vw, 2.75rem);--font-size-h3: clamp(1.375rem, 4vw, 2.25rem);--font-size-h4: clamp(1.25rem, 3.5vw, 2rem);--font-size-h5: clamp(1.125rem, 3vw, 1.75rem);--font-size-h6: clamp(1rem, 2.5vw, 1.5rem);--font-size-body: clamp(.875rem, 2vw, 1.25rem);--font-size-small: clamp(.75rem, 1.5vw, .875rem);--font-size-smaller: clamp(.625rem, 1.25vw, .75rem);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--border-radius-s: .25rem;--border-radius-m: .5rem;--border-radius-l: .75rem;--border-radius-full: 9999px;--transition-default: all .2s ease-in-out;--transition-fast: all .1s ease-in-out;--transition-slow: all .3s ease-in-out}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-s);padding:var(--spacing-s) var(--spacing-m);background-color:transparent;color:var(--color-text);border-radius:var(--border-radius-m);text-decoration:none;cursor:pointer}.button:focus,.button:active{color:var(--color-text)}.button:focus-visible{outline:none;outline-offset:-2px;color:var(--color-text)}.button svg{width:var(--font-size-body);height:var(--font-size-body)}.button-primary{background-color:var(--color-primary)}.button-primary:hover{background-color:var(--color-primary-hover)}.button-primary:focus,.button-primary:active{background-color:var(--color-primary-active)}.button-primary:focus-visible{outline-offset:3px;outline:2px solid var(--color-primary-active)}.button-secondary{border:1px solid var(--color-border)}.button-secondary:hover{background-color:var(--color-hover)}.button-secondary:focus,.button-secondary:active{background-color:var(--color-active)}.button-secondary:focus-visible{border:1px solid var(--color-primary-hover);outline:2px solid var(--color-primary-hover)}.pill-container{display:flex;gap:var(--spacing-s);flex-wrap:wrap}.pill-container.padded{padding:1rem 0}.pill-item{font-size:var(--font-size-small);padding:var(--spacing-s);background-color:var(--color-hover);border:1px solid var(--color-text);border-radius:var(--border-radius-m)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:dark light}img,picture,svg,video{display:block;max-width:100%}input,textarea,button,select{font:inherit;border:none;background-color:transparent}.dark{--color-background: var(--color-background-dark);--color-text: var(--color-text-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-border: var(--color-border-dark);--color-hover: var(--color-hover-dark);--color-active: var(--color-active-dark);--color-primary: var(--color-primary-dark);--color-primary-hover: var(--color-primary-hover-dark);--color-primary-active: var(--color-primary-active-dark);--color-link-visited: var(--color-link-visited-dark)}.light{--color-background: var(--color-background-light);--color-text: var(--color-text-light);--color-text-secondary: var(--color-text-secondary-light);--color-border: var(--color-border-light);--color-hover: var(--color-hover-light);--color-active: var(--color-active-light);--color-primary: var(--color-primary-light);--color-primary-hover: var(--color-primary-hover-light);--color-primary-active: var(--color-primary-active-light);--color-link-visited: var(--color-link-visited-light)}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading)}p{margin-top:var(--spacing-s)}a{color:var(--color-link);text-decoration:underline}a:focus,a:active{color:var(--color-text-secondary)}a:focus-visible{color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:3px}.bold{font-weight:var(--font-weight-bold)}.m-0{margin:0}ul.list-indented{padding-inline-start:20px}@media (min-width: 577px){p{margin-top:var(--spacing-m)}}.container{max-width:100%;min-height:100vh;display:grid;grid-template-rows:1fr auto}.content{width:100%;margin-top:96px}.content-header{padding:var(--spacing-s) var(--spacing-m);display:grid;grid-template-columns:auto auto;justify-content:space-between;border-bottom:1px solid var(--color-border);font-size:var(--font-size-small)}.content-container{padding:1rem}.skip-to-content{position:absolute;width:1px;height:1px}.skip-to-content:focus{z-index:9999;top:0;left:50%;transform:translate(-50%);width:auto;height:auto;border-radius:0 0 var(--border-radius-m) var(--border-radius-m)}@media (min-width: 577px){.container{grid-template-columns:192px 1fr;grid-template-rows:1fr}.content{margin-top:0;height:100%;border-left:1px solid var(--color-border)}.content-header{padding:1rem 2rem}.content-container{max-width:800px;margin:0 auto;padding:2rem}}