@layer lib,global,theme,components;.z-l-code{color:light-dark(#545464,#C5C9C5);background-color:light-dark(#F2ECBC,#181616)}.z-l-hl{background-color:light-dark(#E4D794,#393836)}.giallo-ln{color:light-dakr(#766B90,#625E5A)}.z-l-1{color:light-dark(#4D699B,#737C73)}.z-l-2{color:light-dark(#4E8CA2,#76946A)}.z-l-3{color:light-dark(#597B75,#8992A7)}.z-l-4{color:light-dark(#624C83,#8A9A7B)}.z-l-5{color:light-dark(#6693BF,#8BA4B0)}.z-l-6{color:light-dark(#6E915F,#8EA4A2)}.z-l-7{color:light-dark(#6F894E,#949FB5)}.z-l-8{color:light-dark(#716E61,#9E9B93)}.z-l-9{color:light-dark(#77713F,#A292A3)}.z-l-10{color:light-dark(#836F4A,#B6927B)}.z-l-11{color:light-dark(#B35B79,#B98D7B)}.z-l-12{color:light-dark(#C84053,#C34043)}.z-l-13{color:light-dark(#CC6D00,#C4746E)}.z-l-14{color:light-dark(#D7474B,#C4B28A)}.z-l-15{color:light-dark(#D9A594,#DCA561)}.z-l-16{color:light-dark(#DE9800,#E82424)}.z-l-17{color:light-dark(#E82424,#E82424)}.z-l-b{font-weight:700}.z-l-i{font-style:italic}.z-l-u{text-decoration:underline}.z-l-s{text-decoration:line-through}.z-l-us{text-decoration:underline line-through}@layer lib{:root{--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.5, 0, 1, 1);--ease-in-3: cubic-bezier(.7, 0, 1, 1);--ease-in-4: cubic-bezier(.9, 0, 1, 1);--ease-in-5: cubic-bezier(1, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .1, 1);--ease-out-5: cubic-bezier(0, 0, 0, 1);--ease-in-out-1: cubic-bezier(.1, 0, .9, 1);--ease-in-out-2: cubic-bezier(.3, 0, .7, 1);--ease-in-out-3: cubic-bezier(.5, 0, .5, 1);--ease-in-out-4: cubic-bezier(.7, 0, .3, 1);--ease-in-out-5: cubic-bezier(.9, 0, .1, 1);--ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);--ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);--ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);--ease-elastic-in-1: cubic-bezier(.5, -.25, .75, 1);--ease-elastic-in-2: cubic-bezier(.5, -.5, .75, 1);--ease-elastic-in-3: cubic-bezier(.5, -.75, .75, 1);--ease-elastic-in-4: cubic-bezier(.5, -1, .75, 1);--ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);--ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);--ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);--ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);--ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);--ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);--ease-step-1: steps(2);--ease-step-2: steps(3);--ease-step-3: steps(4);--ease-step-4: steps(7);--ease-step-5: steps(10);--ease-spring-1: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);--ease-spring-2: linear(0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1);--ease-spring-3: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1);--ease-spring-4: linear(0, .009, .037 1.7%, .153 3.6%, .776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, .973, .955 39.2%, .953 41.1%, .957 43.3%, .998 53.3%, 1.009 59.1% 63.7%, .998 78.9%, 1);--ease-spring-5: linear(0, .01, .04 1.6%, .161 3.3%, .816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, .999 29.4%, .955 32.1%, .942, .935 34.9%, .933, .939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, .996 70.2%, 1.001 87.2%, 1);--ease-bounce-1: linear(0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.8%, .563, .766, 1 58.8%, .946, .908 69.1%, .895, .885, .879, .878, .879, .885, .895, .908 89.7%, .946, 1);--ease-bounce-2: linear(0, .004, .016, .035, .063, .098, .141 15.1%, .25, .391, .562, .765, 1, .892 45.2%, .849, .815, .788, .769, .757, .753, .757, .769, .788, .815, .85, .892 75.2%, 1 80.2%, .973, .954, .943, .939, .943, .954, .973, 1);--ease-bounce-3: linear(0, .004, .016, .035, .062, .098, .141 11.4%, .25, .39, .562, .764, 1 30.3%, .847 34.8%, .787, .737, .699, .672, .655, .65, .656, .672, .699, .738, .787, .847 61.7%, 1 66.2%, .946, .908, .885 74.2%, .879, .878, .879, .885 79.5%, .908, .946, 1 87.4%, .981, .968, .96, .957, .96, .968, .981, 1);--ease-bounce-4: linear(0, .004, .016 3%, .062, .141, .25, .391, .562 18.2%, 1 24.3%, .81, .676 32.3%, .629, .595, .575, .568, .575, .595, .629, .676 48.2%, .811, 1 56.2%, .918, .86, .825, .814, .825, .86, .918, 1 77.2%, .94 80.6%, .925, .92, .925, .94 87.5%, 1 90.9%, .974, .965, .974, 1);--ease-bounce-5: linear(0, .004, .016 2.5%, .063, .141, .25 10.1%, .562, 1 20.2%, .783, .627, .534 30.9%, .511, .503, .511, .534 38%, .627, .782, 1 48.7%, .892, .815, .769 56.3%, .757, .753, .757, .769 61.3%, .815, .892, 1 68.8%, .908 72.4%, .885, .878, .885, .908 79.4%, 1 83%, .954 85.5%, .943, .939, .943, .954 90.5%, 1 93%, .977, .97, .977, 1) }}@layer lib{:root{--size-header-1: 20ch;--size-header-2: 25ch;--size-header-3: 35ch;--size-content-1: 20ch;--size-content-2: 45ch;--size-content-3: 56ch;--size-content-4: 62ch;--layer-1: 1;--layer-2: 2;--layer-3: 3;--layer-4: 4;--layer-5: 5;--layer-bottom: var(--layer-1);--layer-top: var(--layer-5);--layer-important: 2147480000;--border-size-1: 1px;--border-size-2: 2px;--border-size-3: 5px;--border-size-4: 10px;--border-size-5: 25px;--radius-1: 2px;--radius-2: 5px;--radius-3: 1rem;--radius-4: 2rem;--radius-5: 4rem;--radius-6: 8rem;--radius-round: 100000px;--radius-blob-1: 30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2: 53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3: 37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4: 63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5: 49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1: clamp(0px, calc(100vw - 100%) *100000, var(--radius-1));--radius-conditional-2: clamp(0px, calc(100vw - 100%) *100000, var(--radius-2));--radius-conditional-3: clamp(0px, calc(100vw - 100%) *100000, var(--radius-3));--radius-conditional-4: clamp(0px, calc(100vw - 100%) *100000, var(--radius-4));--radius-conditional-5: clamp(0px, calc(100vw - 100%) *100000, var(--radius-5));--radius-conditional-6: clamp(0px, calc(100vw - 100%) *100000, var(--radius-6)) --radius-conditional-1: clamp(0px, calc(100cqi - 100%) *100000, var(--radius-1));--radius-conditional-2: clamp(0px, calc(100cqi - 100%) *100000, var(--radius-2));--radius-conditional-3: clamp(0px, calc(100cqi - 100%) *100000, var(--radius-3));--radius-conditional-4: clamp(0px, calc(100cqi - 100%) *100000, var(--radius-4));--radius-conditional-5: clamp(0px, calc(100cqi - 100%) *100000, var(--radius-5));--radius-conditional-6: clamp(0px, calc(100cqi - 100%) *100000, var(--radius-6)) }*{--shadow-strength: 1%;--shadow-chroma: 3%;--shadow-hue: var(--shadow-tint, var(--palette-hue));--shadow-color: 15% var(--shadow-chroma)var(--shadow-hue);--inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;--shadow-1: 0 1px 2px -1px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2: 0 3px 5px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 7px 14px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3: 0 -1px 3px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 1px 2px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4: 0 -2px 5px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 1px 1px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 2px 2px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 9px 9px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 16px 16px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5: 0 -1px 2px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 2px 1px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 10px 10px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 20px 20px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 40px 40px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6: 0 -1px 2px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 3px 2px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0: inset 0 0 0 1px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1: inset 0 1px 2px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);--inner-shadow-2: inset 0 1px 4px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);--inner-shadow-3: inset 0 2px 8px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);--inner-shadow-4: inset 0 2px 14px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight) }@media(prefers-color-scheme:dark){*{--shadow-strength: 25%;--shadow-chroma: 10%;--shadow-hue: var(--shadow-tint, var(--palette-hue));--shadow-color: 15% var(--shadow-chroma)var(--shadow-hue);--inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007 }}*{--color-1: oklch(98% calc(.03*var(--palette-chroma, 1))calc(var(--palette-hue) + (0*var(--palette-hue-rotate-by))));--color-2: oklch(97% calc(.06*var(--palette-chroma, 1))calc(var(--palette-hue) + (1*var(--palette-hue-rotate-by))));--color-3: oklch(93% calc(.1*var(--palette-chroma, 1))calc(var(--palette-hue) + (2*var(--palette-hue-rotate-by))));--color-4: oklch(84% calc(.12*var(--palette-chroma, 1))calc(var(--palette-hue) + (3*var(--palette-hue-rotate-by))));--color-5: oklch(80% calc(.16*var(--palette-chroma, 1))calc(var(--palette-hue) + (4*var(--palette-hue-rotate-by))));--color-6: oklch(71% calc(.19*var(--palette-chroma, 1))calc(var(--palette-hue) + (5*var(--palette-hue-rotate-by))));--color-7: oklch(66% calc(.2*var(--palette-chroma, 1))calc(var(--palette-hue) + (6*var(--palette-hue-rotate-by))));--color-8: oklch(58% calc(.21*var(--palette-chroma, 1))calc(var(--palette-hue) + (7*var(--palette-hue-rotate-by))));--color-9: oklch(53% calc(.2*var(--palette-chroma, 1))calc(var(--palette-hue) + (8*var(--palette-hue-rotate-by))));--color-10: oklch(49% calc(.19*var(--palette-chroma, 1))calc(var(--palette-hue) + (9*var(--palette-hue-rotate-by))));--color-11: oklch(42% calc(.17*var(--palette-chroma, 1))calc(var(--palette-hue) + (10*var(--palette-hue-rotate-by))));--color-12: oklch(35% calc(.15*var(--palette-chroma, 1))calc(var(--palette-hue) + (11*var(--palette-hue-rotate-by))));--color-13: oklch(27% calc(.12*var(--palette-chroma, 1))calc(var(--palette-hue) + (12*var(--palette-hue-rotate-by))));--color-14: oklch(20% calc(.09*var(--palette-chroma, 1))calc(var(--palette-hue) + (13*var(--palette-hue-rotate-by))));--color-15: oklch(16% calc(.07*var(--palette-chroma, 1))calc(var(--palette-hue) + (14*var(--palette-hue-rotate-by))));--color-16: oklch(10% calc(.05*var(--palette-chroma, 1))calc(var(--palette-hue) + (15*var(--palette-hue-rotate-by)))) }}@layer lib{:root{--noise-1: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-2: url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-3: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-4: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-5: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-filter-1: contrast(300%) brightness(100%);--noise-filter-2: contrast(200%) brightness(150%);--noise-filter-3: contrast(200%) brightness(250%);--noise-filter-4: contrast(200%) brightness(500%);--noise-filter-5: contrast(200%) brightness(1000%)}}@layer lib{:root{--aspect-ratio-square: 1;--aspect-ratio-landscape: 4/3;--aspect-ratio-portrait: 3/4;--aspect-ratio-widescreen: 16/9;--aspect-ratio-ultrawide: 18/5}}@layer lib{:root{--scale-minor-second: 1.067;--scale-major-second: 1.125;--scale-minor-third: 1.2;--scale-major-third: 1.25;--scale-perfect-fourth: 1.333;--scale-augmented-fourth: 1.414;--scale-perfect-fifth: 1.5;--scale-golden: 1.618;--scale-major-sixth: 1.667;--scale-minor-seventh: 1.778;--scale-major-seventh: 1.875;--scale-octave: 2}}@layer lib{.sr-only{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}:where(.checkbox input,.radio input,.icon-button){--isLTR: 1;--isRTL: -1;position:relative;transform-style:preserve-3d;&:dir(rtl){--isLTR: -1;--isRTL: 1}&:where(:not([disabled])){&:hover:before{--thumb-scale: 1}&:active:before{--thumb-scale: 1.1}&:before{--thumb-scale: .01;--highlight-size: 150%;box-sizing:border-box;background-color:#80808033;block-size:var(--highlight-size);clip-path:circle(50%);content:"";inline-size:var(--highlight-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;transform-origin:center center;transform:translate(calc(var(--isRTL) * 50%)) translateY(-50%) translateZ(-1px) scale(var(--thumb-scale));will-change:transform;@media(prefers-reduced-motion:no-preference){transition:transform .2s ease}}}}}@layer lib{:root{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-rendering:normal;text-size-adjust:none;@media(prefers-reduced-motion:no-preference){interpolate-size:allow-keywords}}*,:before,:after{box-sizing:border-box;margin:0;background-repeat:no-repeat}hr{border:0;height:1px;background-color:var(--surface-filled, var(--text-color-3))}body{-webkit-font-smoothing:antialiased;line-height:calc(1em + .5rem);min-block-size:100svh;scrollbar-gutter:stable}menu{padding:0}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}:target{scroll-margin-block:5ex}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}dialog,[popover]{background:transparent;border:none;color:inherit;margin:auto;max-block-size:none;max-inline-size:none;position:fixed}[popover]{inset:auto}dialog:not([open],[popover]),[popover]:not(:popover-open){display:none}[hidden]:not([hidden=until-found]){display:none!important}:focus-visible{outline-offset:3px}}@layer lib{:root{--space-3xs: clamp(5px, 5px + 0cqi, 5px);--space-2xs: clamp(9px, 8.7097px + .0806cqi, 10px);--space-xs: clamp(14px, 13.7097px + .0806cqi, 15px);--space-s: clamp(18px, 17.4194px + .1613cqi, 20px);--space-m: clamp(27px, 26.129px + .2419cqi, 30px);--space-l: clamp(36px, 34.8387px + .3226cqi, 40px);--space-xl: clamp(54px, 52.2581px + .4839cqi, 60px);--space-2xl: clamp(72px, 69.6774px + .6452cqi, 80px);--space-3xl: clamp(108px, 104.5161px + .9677cqi, 120px);--space-3xs-2xs: clamp(5px, 3.5484px + .4032cqi, 10px);--space-2xs-xs: clamp(9px, 7.2581px + .4839cqi, 15px);--space-xs-s: clamp(14px, 12.2581px + .4839cqi, 20px);--space-s-m: clamp(18px, 14.5161px + .9677cqi, 30px);--space-m-l: clamp(27px, 23.2258px + 1.0484cqi, 40px);--space-l-xl: clamp(36px, 29.0323px + 1.9355cqi, 60px);--space-xl-2xl: clamp(54px, 46.4516px + 2.0968cqi, 80px);--space-2xl-3xl: clamp(72px, 58.0645px + 3.871cqi, 120px);--space-s-l: clamp(18px, 11.6129px + 1.7742cqi, 40px);--space-xs-l: clamp(14px, 6.4516px + 2.0968cqi, 40px);--space-2xs-m: clamp(9px, 2.9032px + 1.6935cqi, 30px);--space-xs-m: clamp(14px, 9.3548px + 1.2903cqi, 30px);--space-3xs-s: clamp(5px, .6452px + 1.2097cqi, 20px)}}@layer lib{:root{--fluid-vmin: 500px;--fluid-vmax: 1000px;--fluid: progress(100vw, var(--fluid-vmin), var(--fluid-vmax));--type-scale-small: 1.125;--type-scale-large: 1.135;--type-scale: calc(var(--type-scale-small) + var(--fluid) * (var(--type-scale-large) - var(--type-scale-small)));--static: calc(1rem * var(--scale-minor-second));--base: calc(1rem + var(--fluid) * .125rem);--step--3: round(down, calc((var(--static) * var(--type-scale)) / var(--scale-golden)), 1px);--step--2: round(down, calc((var(--static) * var(--type-scale)) / var(--scale-perfect-fifth)), 1px);--step--1: round(down, calc((var(--static) * var(--type-scale)) / var(--scale-augmented-fourth)), 1px);--step-0: var(--static);--step-1: round(down, calc(var(--static) * var(--type-scale)), 1px);--step-2: round(down, calc(var(--base) * pow(var(--type-scale), 2)), 1px);--step-3: round(down, calc(var(--base) * pow(var(--type-scale), 3)), 1px);--step-4: round(down, calc(var(--base) * pow(var(--type-scale), 4)), 1px);--step-5: round(down, calc(var(--base) * pow(var(--type-scale), 5)), 1px);--step-6: round(down, calc(var(--base) * pow(var(--type-scale), 6)), 1px);--step-7: round(down, calc(var(--base) * pow(var(--type-scale), 7)), 1px)}}@layer lib{:root{--font-sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Adwaita Sans, Cantarell, Noto Sans, sans-serif;--font-mono: Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, monospace;--font-showcase: "Ysabeau SC", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Adwaita Sans, Cantarell, Noto Sans, sans-serif;--font-serif: "Gentium Book Plus", ui-serif, serif;line-height:var(--scale-golden);font-family:var(--font-sans);font-size:var(--step-1)}h1,h2,h3,h4,h5,h6{--_heading-margin: calc(1em / var(--scale-minor-second));--_heading-smallest: var(--heading-smallest, var(--scale-major-second));--_heading-largest: var(--heading-largest, var(--scale-minor-third));--_size: calc((var(--_heading-largest) - var(--_heading-smallest)) / (30 - 20));font-family:var(--font-serif);font-weight:300;line-height:1.15;margin-block:var(--_heading-margin) calc(var(--_heading-margin) / var(--scale-octave));text-wrap:pretty}h1,h2,h3{color:var(--text-color-bold)}h1{--heading-smallest: pow(var(--scale-major-second), 5) ;--heading-largest: pow(var(--scale-major-third), 5) ;letter-spacing:-.015em;line-height:1.1;font-weight:300;font-size:var(--step-7)}h2{--heading-smallest: pow(var(--scale-major-second), 4) ;--heading-largest: pow(var(--scale-minor-third), 4) ;letter-spacing:-.02em;line-height:1.1855554;font-size:var(--step-4)}h3{--heading-smallest: pow(var(--scale-major-second), 3) ;--heading-largest: pow(var(--scale-minor-third), 3) ;font-weight:600;line-height:1.2649876;font-size:var(--step-3)}h4{--heading-smallest: pow(var(--scale-major-second), 2) ;--heading-largest: pow(var(--scale-minor-third), 2) ;font-weight:600;line-height:1.3497418;font-size:var(--step-2)}h5{--heading-smallest: pow(var(--scale-major-second), 1) ;--heading-largest: pow(var(--scale-minor-third), 1) ;font-weight:600;font-size:var(--step-1)}h6{font-size:var(--step-0);line-height:inherit}hgroup{>p{margin:0;&:first-child{color:var(--text-color-3);font-family:var(--font-sans);font-size:var(--step--2)}}>:where(h1,h2,h3,h4,h5,h6){margin-block-end:.4em;margin-block-start:0}>:where(p,.p):last-of-type:last-child:not(:first-child){color:oklch(from currentColor l c h / 75%);font-size:var(--step-2);line-height:1.6}}:where(.overline,hgroup>:where(p,.p):first-of-type:first-child){color:light-dark(oklch(from var(--text-color-2) calc(l/.8) c h),oklch(from var(--text-color-2) calc(l*.75) c h));font-size:var(--step--2);font-weight:500;letter-spacing:.05em;line-height:2.5;text-transform:uppercase}p{&.small{font-size:var(--step--1)}&.large{font-size:var(--step-1)}}ins,u,abbr,dfn{text-decoration:underline;text-underline-offset:1px;@supports (-moz-appearance: none){text-underline-offset:2px}}abbr,dfn{font-style:normal;text-decoration:var(--color-9) underline dotted;&[title]{cursor:help;text-underline-offset:1px}@supports (-moz-appearance: none){text-underline-offset:2px}}del,ins{color:light-dark(var(--color-9),var(--color-7))}small{font-size:.887em;max-inline-size:revert}cite{font-style:italic}blockquote,*:not(blockquote)>cite{border-inline-start-width:var(--border-size-3)}*:not(blockquote)>cite{padding-inline-start:var(--size-2)}blockquote{--_font-size: calc(1em / var(--scale-minor-second));--_padding-inline-start: var(--space-l);--_padding-inline-end: var(--space-s);--_padding-block: var(--space-3xs);--_margin-block: var(--space-s);--_stroke-size: var(--border-size-2);display:grid;font-size:var(--_font-size);gap:var(--space-s);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline-start) var(--_padding-inline-start);max-width:90%;position:relative;max-inline-size:var(--size-content-3);text-wrap:pretty;margin-block:var(--_margin-block);margin-inline:0;>p{font-size:var(--_font-size)}:first-child{margin-block-start:0}:last-child{margin-block-end:0}footer{color:var(--text-color-2)}&:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9Im9rbGNoKDAuODQgMC4wMSA3NSkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1xdW90ZS1pY29uIGx1Y2lkZS1xdW90ZSI+PHBhdGggZD0iTTE2IDNhMiAyIDAgMCAwLTIgMnY2YTIgMiAwIDAgMCAyIDIgMSAxIDAgMCAxIDEgMXYxYTIgMiAwIDAgMS0yIDIgMSAxIDAgMCAwLTEgMXYyYTEgMSAwIDAgMCAxIDEgNiA2IDAgMCAwIDYtNlY1YTIgMiAwIDAgMC0yLTJ6Ii8+PHBhdGggZD0iTTUgM2EyIDIgMCAwIDAtMiAydjZhMiAyIDAgMCAwIDIgMiAxIDEgMCAwIDEgMSAxdjFhMiAyIDAgMCAxLTIgMiAxIDEgMCAwIDAtMSAxdjJhMSAxIDAgMCAwIDEgMSA2IDYgMCAwIDAgNi02VjVhMiAyIDAgMCAwLTItMnoiLz48L3N2Zz4=);position:absolute;left:6px;top:0}&:after{background-color:var(--gray-6);content:"";position:absolute;left:calc(var(--_padding-inline-start) / 2 - var(--_stroke-size));top:30px;bottom:calc(var(--_padding-block) * -1);width:var(--_stroke-size)}}pre{direction:ltr;font-size:var(--step--1);line-height:1.5142857;max-inline-size:100%;overflow-x:auto;min-inline-size:0;white-space:pre;writing-mode:lr}code,kbd,samp,pre{font-family:var(--font-mono)}code{&:not(pre &){border-radius:var(--radius-1);background:light-dark(oklch(from var(--bg) calc(l - .08) c h / 1),oklch(from var(--bg) calc(l - .05) c h / 1));padding:0 .5ex}}kbd,var{background-color:var(--text-color-2);border-color:var(--text-color-2);border-radius:var(--border-radius, var(--radius-2));border-width:var(--border-size-1);color:var(--text-color-2-contrast)}*:not(pre) code,kbd{word-break:break-word}mark{border-radius:var(--border-radius, 0);box-decoration-break:clone;vertical-align:baseline}dt{font-weight:700}figure{>figcaption{font-size:var(--font-size-1, 1rem);text-wrap:balance}}p,table,blockqoute,pre{margin-block:var(--space-s)}table{--_border-color: light-dark(var(--gray-5), var(--gray-11));table-layout:fixed;font-family:var(--font-sans);font-variant-numeric:proportional-nums;font-size:calc(1em / var(--scale-minor-second));border:var(--border-size-1) solid var(--_border-color);border-collapse:collapse;inline-size:max-content;border-radius:var(--radius-3);thead{display:none}thead:has(th:not(:empty)){display:table-header-group}td,th{vertical-align:top;border:var(--border-size-1) solid var(--_border-color);padding:calc(1em / var(--scale-perfect-fourth)) calc(1em / var(--scale-perfect-fourth))}th{font-weight:600}}sup{display:inline-flex;justify-content:center;width:1.25ch;font-family:var(--font-sans);margin-inline-start:.4em;font-size:var(--step--3);a{text-decoration:none;&:hover{color:var(--primary)}}.footnotes{font-size:var(--step--1)}}}@layer lib{.prose{--_margin-block: calc(1lh / 2 / var(--scale-golden));--_line-height: var(--scale-golden);font-family:var(--font-serif);font-variant-numeric:oldstyle-nums;line-height:var(--_line-height);margin-trim:block;text-wrap-style:pretty;font-weight:400;blockquote{font-size:inherit;line-height:inherit;:first-child{margin-block-start:0}:last-child{margin-block-end:0}}p{font-size:inherit;line-height:inherit;margin-block:var(--_margin-block);text-wrap-style:stable;hyphens:auto}&.drop-cap{article-toc+p,hgroup+p{&:first-letter{text-transform:uppercase;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;color:var(--text-color-bold);@supports (initial-letter: 2){color:var(--text-color-bold-heading);initial-letter:2;padding-right:.75ch}@supports not (initial-letter: 2){font-size:2lh;letter-spacing:.4rem;line-height:.6;margin-top:.36lh;text-align:left;float:left}}}}:is(h1,h2,h3,h4,h5,h6){--_heading-margin: .75em;font-weight:400;line-height:1.15;margin-block:var(--_heading-margin) calc(var(--_heading-margin) / 1.618);text-wrap:pretty;:is(h3,h4,h5,h6){font-style:italic}+*{margin-block-start:0}hgroup>&{margin-block-start:0;--_heading-margin: 0}hgroup+&,article-toc+&{margin-block-start:0}}:is(h1){line-height:1}:is(h2){&:not(hgroup &){font-weight:400}}:is(h4,h5,h6){font-weight:500}:where(.overline,hgroup>:where(p,.p):first-of-type:first-child){color:light-dark(oklch(from var(--text-color-2) calc(l/.8) c h),oklch(from var(--text-color-2) calc(l*.75) c h));font-size:var(--step--2);font-weight:500;letter-spacing:.06em;line-height:2.5;text-transform:uppercase}hgroup{>p{margin:0}>:where(h1,h2,h3,h4,h5,h6){margin-block-end:.4em}>:where(p,.p):last-of-type:last-child:not(:first-child){color:oklch(from currentColor l c h / 75%);font-size:var(--step-1);line-height:1.6}+p{margin-block-start:0}}ul:not([class]){list-style-type:disc}ol:not([class]){list-style-type:decimal}:where(ul,ol):not([class]){display:grid;font-size:inherit;gap:.7em;line-height:inherit;margin-block:var(--_margin-block)}:where(dl){font-size:inherit;line-height:inherit}figure{margin-block:var(--space-s-m);margin-inline:auto;overflow:hidden;display:grid;justify-content:center;@media(width<500px){justify-content:stretch}>*{display:grid;padding:var(--space-s)}img,picture{max-inline-size:100%;block-size:auto}figcaption{contain:inline-size;display:flex;font-size:calc(1em / var(--scale-major-third));inline-size:100%;justify-content:center;margin-block-start:var(--space-2xs)}}>:first-child{margin-block-start:0}>:last-child{margin-block-end:0;hr{+*{margin-block-start:0}}table{font-family:var(--font-sans)}sup{a{text-decoration:none;&:hover{color:var(--primary)}}.footnotes{font-size:var(--step--1)}}}code{font-size:calc(var(--step-0) - .45ex);&:not(pre &){vertical-align:baseline;text-box-trim:trim-both}}}}@layer global{@font-face{font-family:Ysabeau SC;font-style:normal;font-weight:1 1000;font-stretch:100%;src:local("Ysabeau SC Bold"),local("YsabeauSC-Bold"),url(/fonts/ysabeau-sc-bold.woff2) format("woff2");font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:normal;font-weight:700;font-stretch:100%;src:local("Gentium Book Plus Bold"),local("GentiumBookPlus-Bold"),url(/fonts/gentium-book-plus-bold-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:normal;font-weight:700;font-stretch:100%;src:local("Gentium Book Plus Bold"),local("GentiumBookPlus-Bold"),url(/fonts/gentium-book-plus-bold-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:normal;font-weight:700;font-stretch:100%;src:local("Gentium Book Plus Bold"),local("GentiumBookPlus-Bold"),url(/fonts/gentium-book-plus-bold-cyrillic.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:normal;font-weight:700;font-stretch:100%;src:local("Gentium Book Plus Bold"),local("GentiumBookPlus-Bold"),url(/fonts/gentium-book-plus-bold-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:normal;font-weight:700;font-stretch:100%;src:local("Gentium Book Plus Bold"),local("GentiumBookPlus-Bold"),url(/fonts/gentium-book-plus-bold-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200B-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:italic;font-weight:700;font-stretch:100%;src:local("Gentium Book Plus Bold Italic"),local("GentiumBookPlus-BoldItalic"),url(/fonts/gentium-book-plus-bold-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:italic;font-weight:700;font-stretch:100%;src:local("Gentium Book Plus Bold Italic"),local("GentiumBookPlus-BoldItalic"),url(/fonts/gentium-book-plus-bold-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:italic;font-weight:700;font-stretch:100%;src:local("Gentium Book Plus Bold Italic"),local("GentiumBookPlus-BoldItalic"),url(/fonts/gentium-book-plus-bold-italic-cyrillic.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:italic;font-weight:700;font-stretch:100%;src:local("Gentium Book Plus Bold Italic"),local("GentiumBookPlus-BoldItalic"),url(/fonts/gentium-book-plus-bold-italic-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:italic;font-weight:700;font-stretch:100%;src:local("Gentium Book Plus Bold Italic"),local("GentiumBookPlus-BoldItalic"),url(/fonts/gentium-book-plus-bold-italic-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200B-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:italic;font-weight:400;font-stretch:100%;src:local("Gentium Book Plus Italic"),local("GentiumBookPlus-Italic"),url(/fonts/gentium-book-plus-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:italic;font-weight:400;font-stretch:100%;src:local("Gentium Book Plus Italic"),local("GentiumBookPlus-Italic"),url(/fonts/gentium-book-plus-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:italic;font-weight:400;font-stretch:100%;src:local("Gentium Book Plus Italic"),local("GentiumBookPlus-Italic"),url(/fonts/gentium-book-plus-italic-cyrillic.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:italic;font-weight:400;font-stretch:100%;src:local("Gentium Book Plus Italic"),local("GentiumBookPlus-Italic"),url(/fonts/gentium-book-plus-italic-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:italic;font-weight:400;font-stretch:100%;src:local("Gentium Book Plus Italic"),local("GentiumBookPlus-Italic"),url(/fonts/gentium-book-plus-italic-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200B-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:normal;font-weight:400;font-stretch:100%;src:local("Gentium Book Plus"),local("GentiumBookPlus"),url(/fonts/gentium-book-plus-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:normal;font-weight:400;font-stretch:100%;src:local("Gentium Book Plus"),local("GentiumBookPlus"),url(/fonts/gentium-book-plus-latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20CF,U+2C60-2C7F,U+A720-A7FF;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:normal;font-weight:400;font-stretch:100%;src:local("Gentium Book Plus"),local("GentiumBookPlus"),url(/fonts/gentium-book-plus-cyrillic.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:normal;font-weight:400;font-stretch:100%;src:local("Gentium Book Plus"),local("GentiumBookPlus"),url(/fonts/gentium-book-plus-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap}@font-face{font-family:Gentium Book Plus;font-style:normal;font-weight:400;font-stretch:100%;src:local("Gentium Book Plus"),local("GentiumBookPlus"),url(/fonts/gentium-book-plus-devanagari.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200B-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB;font-display:swap}}@layer global{:root{--oklch-ad-slate-gray: 204.5897;--oklch-ad-light: 82.7438;--oklch-ad-green: 159.9482;--oklch-ad-dark: 189.3667;--oklch-ad-teal: 193.8062;--oklch-ad-carmin: 10.5416}}@layer global{:root{--oklch-red: 25;--oklch-pink: 350;--oklch-purple: 310;--oklch-violet: 290;--oklch-indigo: 270;--oklch-blue: 240;--oklch-cyan: 210;--oklch-teal: 185;--oklch-green: 145;--oklch-lime: 125;--oklch-yellow: 100;--oklch-orange: 75}}@layer global{auto-grid,.auto-grid{--_min-col-size: var(--min-col-size, 36ch);--_gap: var(--gap, var(--space-xl));display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--_min-col-size),100%),1fr));gap:var(--_gap);>.title{grid-column:1 / -1}}}@layer global{content-grid,.content-grid{--_padding-inline: var(--padding-inline, var(--space-xs-s));--_content-max-width: var(--content-max-width, var(--size-content-3));--_breakout-max-width: var(--breakout-max-width, 900px);--_breakout-size: calc((var(--_breakout-max-width) - var(--_content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--_padding-inline),1fr) [breakout-start] minmax(0,var(--_breakout-size)) [content-start] min(100% - (var(--_padding-inline) * 2),var(--_content-max-width)) [content-end] minmax(0,var(--_breakout-size)) [breakout-end] minmax(var(--_padding-inline),1fr) [full-width-end];>:not(.breakout,.full-width){grid-column:content}.full-width>:not(.breakout,.full-width){grid-column:content}.breakout{grid-column:breakout}.full-width{grid-column:full-width;display:grid}& img.full-width{width:100%;max-height:45vh;object-fit:cover}:is(.content-grid &,content-grid &){grid-column:1 / -1;grid-template-columns:subgrid}}}@layer theme{:root{color-scheme:dark light;--palette-hue: var(--oklch-orange);--palette-hue-rotate-by: 0;--palette-chroma: .89;--gray-chroma: .01;--gray-1: oklch(from var(--color-1) l var(--gray-chroma) h);--gray-2: oklch(from var(--color-2) l var(--gray-chroma) h);--gray-3: oklch(from var(--color-3) l var(--gray-chroma) h);--gray-4: oklch(from var(--color-4) l var(--gray-chroma) h);--gray-5: oklch(from var(--color-5) l var(--gray-chroma) h);--gray-6: oklch(from var(--color-6) l var(--gray-chroma) h);--gray-7: oklch(from var(--color-7) l var(--gray-chroma) h);--gray-8: oklch(from var(--color-8) l var(--gray-chroma) h);--gray-9: oklch(from var(--color-9) l var(--gray-chroma) h);--gray-10: oklch(from var(--color-10) l var(--gray-chroma) h);--gray-11: oklch(from var(--color-11) l var(--gray-chroma) h);--gray-12: oklch(from var(--color-12) l var(--gray-chroma) h);--gray-13: oklch(from var(--color-13) l var(--gray-chroma) h);--gray-14: oklch(from var(--color-14) l var(--gray-chroma) h);--gray-15: oklch(from var(--color-15) l var(--gray-chroma) h);--gray-16: oklch(from var(--color-16) l var(--gray-chroma) h);--primary: var(--color-7);--primary-light: oklch(from var(--primary) calc(l/.8) c h);--primary-dark: oklch(from var(--primary) calc(l*.75) c h);--primary-contrast: var(--gray-1);--text-color-bright: light-dark(var(--gray-15), var(--gray-1));--text-color-bright-contrast: light-dark(var(--gray-1), var(--gray-15));--text-color-1: light-dark(var(--gray-13), var(--gray-3));--text-color-1-contrast: light-dark(var(--gray-4), var(--gray-13));--text-color-2: light-dark(var(--gray-12), var(--gray-4));--text-color-2-contrast: light-dark(var(--gray-4), var(--gray-12));--text-color-3: light-dark(var(--gray-8), var(--gray-7));--text-color-3-contrast: light-dark(var(--gray-6), var(--gray-10));--text-color-bold: light-dark(var(--gray-11), var(--gray-5));--surface-default: light-dark(var(--gray-1), var(--gray-13));--surface-filled: light-dark(var(--gray-3), var(--gray-15));--surface-tonal: light-dark(var(--gray-3), var(--gray-12));--surface-elevated: light-dark(var(--gray-1), var(--gray-12));--shadow-color: light-dark(220 3% 15%, 220 40% 2%);--shadow-strength: light-dark(1%, 10%);--inner-shadow-highlight: light-dark(inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001, inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007);--field-border-color: var(--border-color);--field-border-radius: var(--size-2);--field-border-width: 1px;--field-size: 2.3lh;--field-size-small: 1.9lh;--button-border-radius: var(--size-2);--focus-color: light-dark(var(--primary), var(--primary-light))}.red,.error,del{--palette-hue: var(--oklch-red, 25);--palette-chroma: 1;--palette-hue-rotate-by: 0}.blue,.ok,abbr,dfn{--palette-hue: var(--oklch-blue, 210);--palette-chroma: 1;--palette-hue-rotate-by: 1}.green,.good,ins{--palette-hue: var(--oklch-green, 145);--palette-chroma: 1;--palette-hue-rotate-by: 1}.orange,.warning{--palette-hue: var(--oklch-orange, 75);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(html){--red: oklch(from var(--color-9) l .2 var(--oklch-red));--blue: oklch(from var(--color-10) l .2 var(--oklch-blue));--blue-light: oklch(from var(--color-7) l .2 var(--oklch-blue));--blue-alt: oklch(from var(--color-9) l .2 var(--oklch-blue-alt));--green: oklch(from var(--color-9) l .2 var(--oklch-green));--green-dark: oklch(from var(--color-11) l .2 var(--oklch-green));--green-tinted: oklch(from var(--color-9) l .2 var(--oklch-green));--orange-tinted: oklch(from var(--color-7) l .2 var(--oklch-orange));--brown-light: oklch(from var(--color-8) l .2 var(--oklch-yellow));--brown: oklch(from var(--color-11) l .2 var(--oklch-yellow))}html{--light-bg: oklch(98% .012 88.72 / .95);--dark-bg: oklch(from var(--color-15) l .012 var(--oklch-ad-slate-gray) / .9);--bg: light-dark(var(--light-bg), var(--dark-bg));--bg-gradient: linear-gradient(90deg in oklch, oklch(from var(--bg) calc(l - .025) c h), var(--bg), oklch(from var(--bg) calc(l - .025) c h)), var(--noise-4);background-color:var(--bg);background-image:var(--bg-gradient);background-repeat:repeat;background-size:auto}html{color:var(--text-color-2);&::selection{background-color:oklch(from var(--primary-dark) 40% c h / 1);color:var(--gray-1)}}*:focus-visible{outline-color:var(--text-color-3)}}@layer components{article-card{--_border-width: 1px;--_border-color: oklch(from var(--text-color-2) l c h / .5);font-family:var(--font-serif);display:grid;grid-template-rows:auto 1fr auto;transition:transform .75s var(--ease-bounce-2);@supports (transform: rotate(random(-1deg,1deg))){&.frame.bounce{margin-block-end:2rem;box-shadow:var(--shadow-2);&:nth-child(odd){transform:rotate(calc(1deg*random(-30,-5)*.1)) translate(random(-5px,15px))}&:nth-child(2n){transform:rotate(calc(1deg*random(5,30)*.1)) translate(random(5px,15px))}&:hover{transform:rotate(0)}hr{display:none}}}time,small{font-size:calc(1em / var(--scale-major-second))}hgroup{>p:first-of-type{align-items:center;display:flex;margin:0;&,>*{color:var(--text-color-3)}a:not(:hover){text-decoration:none}a:hover{color:var(--text-color-1)}}p+:is(h1,h2,h3){margin:0}p+:is(h2,h3){font-weight:600}+p{margin-block-start:.5em;&.description{font-size:var(--step-0)}}}hr,hr-dec{margin-block:var(--space-m) var(--space-l)}&:last-child{hr,hr-dec{display:none}}}}@layer components{button,*[role=button]{--_padding-base: var(--padding-base, .8ex);--_bg: var(--bg, transparent);--_border-color: transparent;--_padding-block: var(--_padding-base);--_padding-inline: calc(var(--_padding-base) * var(--ratio-minor-seventh));--_button-border-radius: var(--button-border-radius, var(--radius-3));--_color: var(--color, var(--text-color-2));background:var(--_bg);border-radius:var(--_button-border-radius);border:var(--border-size-1) solid var(--_border-color);color:var(--_color);cursor:pointer;font-size:var(--step--1);font-weight:500;padding:var(--_padding-block) var(--_padding-inline);user-select:none;&:hover{text-decoration:none}&:not([btn-style]),&[btn-style=outline]{&:not([disabled]){&:not(:active,.active):hover{--_color: var(--gray-1);--_bg: light-dark(var(--primary), var(--primary));border-color:var(--primary)}&:hover:active:not(.active){--_color: var(--gray-1);--_bg: light-dark(var(--primary), var(--primary));box-shadow:var(--inner-shadow-3);border-color:var(--primary)}}}&[btn-style=outline]{--_border-color: var(--border-color, var(--gray-9));border-color:var(var(--border-color), var(--gray-9))}&[btn-style=fill]{--_border-color: light-dark(var(--color-7), var(--color-9));--_bg: light-dark(var(--color-7), var(--color-9));color:var(--gray-1);transition:transform .1s var(--ease-in-out-1);&:not([disabled]){&:not(:active,.active):hover{transform:scale(1.05)}}}&[disabled],&:disabled{cursor:not-allowed;opacity:.7}&[btn-size=medium]{--_padding-base: var(--padding-base, .9ex);font-size:var(--step-0);font-weight:500}&[btn-size=large]{--_padding-base: var(--padding-base, 1.1ex);font-size:var(--step-1);font-weight:600}&[btn-form=round]{border-radius:var(--radius-round);aspect-ratio:1 / 1;place-items:center;justify-content:center;padding-block:var(--_padding-base);padding-inline:var(--_padding-base)}&.active{--_bg: light-dark(var(--color-7), var(--color-9));color:var(--gray-3);>a{color:var(--gray-3)}}&:has(a){padding:0;& a{display:flex;padding:var(--_padding-block) var(--_padding-inline)}}}*[role=group]{>*{border-radius:0;&:first-child{border-top-left-radius:var(--_button-border-radius);border-bottom-left-radius:var(--_button-border-radius);border-right:0}&:last-child{border-top-right-radius:var(--_button-border-radius);border-bottom-right-radius:var(--_button-border-radius);border-left:0}}}}@layer components{hr,hr-dec{--_color: light-dark(oklch(from var(--gray-10) l c h / 1), oklch(from var(--gray-4) l c h / .8));--_dec-size: var(--dec-size, var(--step-3));background:radial-gradient(ellipse at center,var(--_color),transparent);border:0;color:oklch(from var(--_color) l c h / .7);height:1px;display:grid;margin-block:var(--space-s-m);overflow:visible;align-items:center;justify-content:center;svg{background-color:var(--bg);background-image:linear-gradient(var(--bg)),var(--noise-4);border-radius:var(--radius-round);aspect-ratio:1;height:var(--_dec-size);width:var(--_dec-size);margin-inline:auto;padding-inline:.3em;margin-top:calc((0px - var(--_dec-size)) / 2)}}hr.subtle{--_color: light-dark(oklch(from var(--gray-10) l c h / .6), oklch(from var(--gray-5) l c h / .3))}}@layer components{a-dropdown,.a-dropdown{display:block;>button{cursor:pointer;display:flex;align-items:center;justify-content:center}menu{background:var(--surface-elevated);border-radius:var(--radius-2);border:var(--border-size-1) solid var(--surface-filled);box-shadow:var(--shadow-2);display:none;font-size:var(--step--1);opacity:0;padding:var(--space-2xs) 0;position-area:bottom;position-try:flip-block,flip-inline,flip-block flip-inline;position:fixed;transition-behavior:allow-discrete;transition-duration:.05s;transition-property:translate,opacity,display,overlay;transition-timing-function:var(--ease-in-1);z-index:var(--layer-3);li{padding:var(--space-2xs) var(--space-xs);min-width:max-content;cursor:pointer;@media(hover:hover){&:hover{background-color:var(--surface-tonal)}}}}&.open{>button{color:var(--primary)}menu{opacity:1;display:block;@starting-style{opacity:0}}}}}@layer components{:where(form){form-group{margin-block:var(--space-2xs)}}:where(input){--_padding-inline: var(--space-2xs);--_padding-block: var(--space-3xs);--_font-size: var(--step--1);border-color:var(--gray-9);border-radius:var(--radius-2);border-style:solid;border-width:var(--border-size-1);font-size:var(--_font-size);text-rendering:auto;-webkit-font-smoothing:antialiased;&[type=text],&[type=url]{padding:var(--_padding-block) var(--_padding-inline);background:var(--surface-elevated)}&.medium{--_font-size: var(--step-0);--_padding-inline: var(--space-xs);--_padding-block: var(--space-2xs)}&.large{--_font-size: var(--step-1);--_padding-inline: var(--space-s);--_padding-block: var(--space-m)}&:where(:has([readonly])){&:before{display:none}:where(input,textarea,select){cursor:not-allowed;*{pointer-events:none}}}&:where(:has([disabled])){&:before{display:none}:where(input,textarea,select){cursor:not-allowed;opacity:.7;*{pointer-events:none}}}}:where(input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]){&.small{input{padding-inline:var(--size-2)}}}:where(input[list]){input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;cursor:pointer;pointer-events:none}}:where(.field:has(input[list]:placeholder-shown),.field:has(input[list]):where(:focus-within,:hover)){&:after{box-sizing:border-box;block-size:0;border-block-start:5px solid;border-inline:5px solid transparent;content:"";display:inline-block;flex-shrink:0;inline-size:0;inset:50% var(--size-3) auto auto;pointer-events:none;position:absolute;translate:0 -50%}}}@layer components{.frame,pre{--_frame-color: var(--frame-color, var(--gray-7));border:1px solid transparent;border-radius:var(--radius-2);background:linear-gradient(oklch(from var(--bg) l c h / 1)) padding-box,linear-gradient(135deg,oklch(from var(--_frame-color) l c h / .5) 15%,oklch(from var(--_frame-color) l c h / .25) 25%,transparent 65%) border-box,linear-gradient(-45deg,oklch(from var(--_frame-color) l c h / .5) 15%,oklch(from var(--_frame-color) l c h / .25) 25%,transparent 65%) border-box}.frame{inline-size:fit-content;padding:.2em;>img{border-radius:var(--radius-2)}}pre{padding:var(--space-s)}.double-frame{--_frame-color: var(--frame-color, var(--gray-8));--_border-radius: var(--radius-2);background:linear-gradient(oklch(from var(--bg) l c h / 1)) padding-box,linear-gradient(135deg,oklch(from var(--_frame-color) l c h / .5) 15%,oklch(from var(--_frame-color) l c h / .25) 25%,transparent 65%) border-box,linear-gradient(-45deg,oklch(from var(--_frame-color) l c h / .5) 15%,oklch(from var(--_frame-color) l c h / .25) 25%,transparent 65%) border-box;border:1px solid transparent;border-radius:var(--_border-radius);>*:not(figcaption,.non-framed,hr,hr-dec){background:linear-gradient(var(--bg)) padding-box,linear-gradient(225deg,oklch(from var(--_frame-color) l c h / .5) 15%,oklch(from var(--_frame-color) l c h / .25) 25%,transparent 65%) border-box,linear-gradient(45deg,oklch(from var(--_frame-color) l c h / .5) 15%,oklch(from var(--_frame-color) l c h / .25) 25%,transparent 65%) border-box;border-color:transparent;border-style:solid;border-width:1px;border-radius:var(--_border-radius);overflow:hidden}}}@layer components{.linkbar{--_block-size: var(--step--1);display:grid;grid-auto-flow:column;gap:var(--space-xs);align-items:center;a{font-size:var(--_block-size);block-size:var(--_block-size);&:hover{color:light-dark(var(--primary),var(--primary-light))}}svg{block-size:var(--_block-size);inline-size:var(--_block-size)}}}@layer components{.linkbox{align-items:center;border-width:2px;column-gap:calc(var(--space-2xs) - .1em);display:inline grid;font-size:var(--step--1);grid-template-columns:auto auto;grid-template-rows:1.1em 1em;line-height:1.1em;margin-inline-end:var(--space-2xs);margin-block-end:var(--space-2xs);vertical-align:top;padding:var(--space-2xs) var(--space-s) calc(var(--space-2xs) + .125em);text-box-trim:trim-both;transition:color .2s var(--ease-in-out-2),background .2s var(--ease-in-out-1);font-family:var(--font-sans);&:has(svg,img){padding-left:var(--space-xs)}small{font-size:var(--step--2)}svg,img{grid-row:1 / -1;max-height:100%;max-width:24px;color:light-dark(var(--gray-12),var(--gray-1))}>i{line-height:1em;grid-row:2 / -1}&:not(:hover){text-decoration:none}&,a{text-decoration:none}&:first-of-type{margin-left:0}&:hover{--_frame-color: light-dark(var(--primary), var(--primary-light));b{color:light-dark(var(--primary),var(--primary-light))}text-decoration:none}&:active{border-color:light-dark(var(--primary),var(--primary-light))}}}@layer components{a,.link{--_bgc: oklch(from var(--primary) l c h / .1);color:inherit;transition:color .1s var(--ease-in-out-1),text-decoration-thickness .1s var(--ease-in-out-1),border-color .1s var(--ease-in-out-1);text-decoration-thickness:clamp(1px,.05em,.1em);text-underline-offset:.2em;text-decoration-line:underline;text-decoration-style:solid;&:hover{text-decoration-thickness:clamp(2px,.1em,4px);text-underline-offset:.2em;text-decoration-color:light-dark(var(--primary),var(--primary-light))}&:visited:not(:hover){color:inherit}&:active{color:light-dark(var(--primary),var(--primary-light))}&:not(:hover,:active){h1 &,h2 &,h3 &,h4 &,h5 &,h6 &{text-decoration:none}}.prose &{:not(:hover){text-decoration-color:inherit}}button &{text-decoration:none}sup &{&:hover{color:var(--primary)}}}}@layer components{perma-link{small{display:flex;align-items:center;gap:var(--space-3xs);svg{font-size:inherit;height:var(--step-0)}}}}@layer components{toc-popover{box-shadow:var(--shadow-3);font-family:var(--font-sans);font-size:var(--step--2);left:0;position:fixed;top:anchor(bottom);transition:display .1s var(--ease-in-out-1);width:min(fit-content,100vw);z-index:var(--layer-top);ul{padding:0}li{list-style:none;padding:var(--space-3xs);a{color:var(--text-color-2);text-decoration-style:dashed;text-decoration-line:underline;&:not(:hover){text-decoration-color:inherit}}}}}@layer components{project-card{display:block;font-size:var(--step-0);font-family:var(--font-serif);hgroup{margin-block-end:var(--space-xs);h2,h3,h4{margin-block-end:0;display:flex;small{font-style:italic;font-size:var(--step-0);text-transform:lowercase;color:var(--text-color-3);font-family:var(--font-showcase);inline-size:auto;margin-inline-start:.25em}}h2{line-height:1.1em}p{font-family:var(--font-showcase);&:first-child{line-height:1.6em;font-size:var(--step--2);margin-block:0}&:not(:first-child){text-transform:capitalize}&:last-child{margin-block:0}}}a{font-family:var(--font-sans)}>p{margin-block:.1em;margin-block:var(--space-3xs) var(--space-s)}}}@layer components{.switchers{display:grid;grid-auto-flow:column;height:calc(var(--space-xl));position:relative;align-content:end;align-items:end;z-index:var(--layer-4);.ribbon{--r: .3em;font-size:1.5rem;color:light-dark(var(--gray-1),var(--gray-3));border-inline:.5em solid #0000;padding:.2em .05em calc(var(--r));clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - .5em) calc(100% - var(--r)),50% 100%,.5em calc(100% - var(--r)),0 100%);background:radial-gradient(50% .2em at top,#000a,#0000) border-box,linear-gradient(var(--_bg),var(--_bg)) padding-box;transition:transform .2s var(--ease-in-3);min-inline-size:62px;fieldset{align-items:center;text-align:center;border:1px dashed oklch(from var(--gray-1) l c h / .667);border-top:0;border-bottom:0;border-radius:0;display:grid;padding:var(--space-2xs) var(--space-3xs);font-size:var(--step-1)}label{color:var(--gray-3);svg{--_border-color: oklch(from var(--primary-dark) 35% c h / 1)}&:hover{color:oklch(from var(--_bg) 90% c h)}}span{padding-block:var(--space-xs) 0}}&:hover{.ribbon{transform:translateY(calc(100% - var(--space-xl)))}}}theme-switcher,lang-switcher{input{display:none}label{&:hover{color:light-dark(var(--primary),var(--primary-light))}}a,span{font-size:var(--step--1);padding-block:var(--space-3xs)}}.ribbon{--_bg: light-dark(var(--primary), var(--primary-dark))}}@layer components{a-tooltip,.a-tooltip{--_bg: var(--bg, var(--surface-elevated));background:transparent;align-items:center;border:0;display:block;display:flex;flex-direction:column;padding:0 0 8px;position-area:block-start;position-try:flip-block,flip-inline,flip-block flip-inline;position:fixed;z-index:var(--layer-5);>.a-tooltip-content{background:var(--_bg);border-radius:var(--radius-2);box-shadow:var(--shadow-3);font-size:.887em;padding:var(--space-3xs) var(--space-2xs)}}}@layer components{alert-card,.alert,blockquote:is(.markdown-alert-tip,.markdown-alert-note,.markdown-alert-important,.markdown-alert-warning,.markdown-alert-caution),:is(.markdown-alert-tip,.markdown-alert-note,.markdown-alert-important,.markdown-alert-warning,.markdown-alert-caution){--_frame-color: var(--frame-color, var(--gray-8));border:1px solid transparent;border-radius:var(--radius-2);background:linear-gradient(oklch(from var(--bg) l c h / 1)) padding-box,linear-gradient(135deg,oklch(from var(--_frame-color) l c h / .5) 15%,oklch(from var(--_frame-color) l c h / .25) 25%,transparent 65%) border-box,linear-gradient(-45deg,oklch(from var(--_frame-color) l c h / .5) 15%,oklch(from var(--_frame-color) l c h / .25) 25%,transparent 65%) border-box;padding:var(--space-s);&:before,&:after{display:none}}blockquote:is(.markdown-alert-tip,.markdown-alert-note,.markdown-alert-important,.markdown-alert-warning,.markdown-alert-caution),:is(.markdown-alert-tip,.markdown-alert-note,.markdown-alert-important,.markdown-alert-warning,.markdown-alert-caution){--_color: light-dark(var(--color-10), var(--color-7));--_frame-color: var(--_color);&:before{display:flex;content:"tip";background:var(--bg);color:light-dark(var(--color-10),var(--color-8));font-size:var(--step--3);font-weight:600;padding-inline:var(--space-3xs);font-family:var(--font-showcase);transform:translate(1em,-1em);transform-origin:top left;letter-spacing:.067ch;text-transform:uppercase;line-height:1.3;justify-self:flex-start;position:absolute;border:1px solid transparent;border-radius:var(--radius-2);background:linear-gradient(oklch(from var(--bg) l c h / 1)) padding-box,linear-gradient(135deg,oklch(from var(--_color) l c h / .5) 15%,oklch(from var(--_color) l c h / .25) 25%,transparent 65%) border-box,linear-gradient(-45deg,oklch(from var(--_color) l c h / .5) 15%,oklch(from var(--_color) l c h / .25) 25%,transparent 65%) border-box}}blockquote.markdown-alert-note,.markdown-alert-note{--palette-hue: var(--oklch-blue);&:before{content:"note"}}blockquote.markdown-alert-important,.markdown-alert-important{--palette-hue: var(--oklch-orange);&:before{content:"important"}}blockquote.markdown-alert-warning,.markdown-alert-warning{--palette-hue: var(--oklch-red);&:before{content:"warning"}}blockquote.markdown-alert-caution,.markdown-alert-caution{--palette-hue: var(--oklch-yellow);&:before{content:"caution"}}blockquote.markdown-alert-tip,.markdown-alert-tip{--palette-hue: var(--oklch-green);&:before{content:"tip"}}}@layer components{pre code{&:before{--_color: light-dark(var(--gray-9), var(--gray-7));background:var(--bg);color:light-dark(var(--gray-8),var(--gray-8));content:attr(data-lang);display:flex;font-family:var(--font-mono);font-size:var(--step--3);font-weight:600;justify-self:flex-start;line-height:1.3;padding-inline:var(--space-3xs);position:absolute;transform-origin:top left;transform:translateY(-2.2em);border:1px solid transparent;border-radius:var(--radius-2);background:linear-gradient(oklch(from var(--bg) l c h / 1)) padding-box,linear-gradient(135deg,oklch(from var(--_color) l c h / .5) 15%,oklch(from var(--_color) l c h / .25) 25%,transparent 65%) border-box,linear-gradient(-45deg,oklch(from var(--_color) l c h / .5) 15%,oklch(from var(--_color) l c h / .25) 25%,transparent 65%) border-box}}pre:has(code){display:flex;flex-direction:column;margin-top:var(--space-m);@media(width<500px){border-left:0;border-radius:0;border-right:0;grid-column:full-width;inline-size:100%}button.code-copy-button{--bg: var(--bg);--border-color: light-dark(var(--color-8), var(--gray-8));--color: light-dark(var(--color-8), var(--gray-6));align-self:flex-end;border-radius:var(--radius-2);font-family:var(--font-mono);font-size:var(--step--3);line-height:1.3;padding-inline:var(--space-3xs);position:absolute;transform:translateY(-2.2em);transition:width .25s var(--ease-in-out-1);box-shadow:var(--shadow-1)}}}html{-webkit-font-smoothing:antialiased;&:has(#dark-theme:checked){color-scheme:dark;& theme-switcher{& theme-indicator{display:none;&[data-theme=dark]{display:block}}}}&:has(#light-theme:checked){color-scheme:light;& theme-switcher{& theme-indicator{display:none;&[data-theme=light]{display:block}}}}&:has(#auto-theme:checked){color-scheme:dark light;& theme-switcher{& theme-indicator{display:none;&[data-theme=auto]{display:block}}}}}:target{scroll-margin-top:var(--space-l)}theme-switcher theme-indicator:not([data-theme=auto]){display:none}del{text-decoration-line:underline;text-underline-offset:-.55ex;text-decoration-skip-ink:none}s{text-decoration-line:underline;text-underline-offset:-.5ex;text-decoration-skip-ink:none}body{display:grid;grid-template-rows:auto 1fr auto;align-items:start;min-block-size:100svb}header{>div{--_padding-block: var(--space-xs);align-items:baseline;display:grid;grid-template-columns:60px 1fr 51px;grid-template-rows:auto auto auto;justify-content:space-between;column-gap:var(--space-2xs);padding-top:var(--_padding-block);grid-template-areas:"left title switch" "sub  sub   sub" "line line  line";.site-title{text-align:center;color:var(--text-color-2);font-family:var(--font-showcase);font-size:var(--step-3);font-weight:300;flex-grow:1;line-height:1em;grid-area:title;margin:0;text-decoration:none;margin-bottom:var(--space-xs);&:hover{color:light-dark(var(--primary),var(--primary-light))}}menu{font-family:var(--font-showcase);font-size:var(--step-0);font-weight:300;grid-area:sub;line-height:1em;padding-bottom:var(--space-s);text-align:center;text-box-trim:trim-start;text-transform:lowercase}.switchers{grid-area:switch;align-self:start;margin-top:calc(0px - var(--_padding-block) - .25vw)}.linkbar{grid-area:left;display:grid;justify-content:flex-start}}hr,hr-dec{--dec-size: var(--step-5);margin:0;padding:0}}top-nav{--_padding-block: var(--space-s);background-color:var(--bg);background-image:var(--bg-gradient);background-repeat:repeat;background-size:auto;container-type:scroll-state;font-family:var(--font-showcase);grid-template-rows:calc(var(--_padding-block) * 2 + 1lh) 1px;overflow:hidden;position:sticky;top:calc((-2 * var(--_padding-block)) + var(--space-2xs));z-index:var(--layer-3);nav{--_gap: var(--space-xs-m);display:grid;grid-template-columns:50px 1fr 50px;grid-template-rows:auto;font-size:var(--step-1);z-index:var(--layer-2);transform:scale(1);>div,>menu{padding-block:var(--space-xs);font-size:var(--step-1);transform:scale(1);align-self:center;@starting-style{padding-block:var(--space-xs);font-size:var(--step-1);transform:scale(1);align-self:center}@supports (container-type: scroll-state){@container scroll-state(stuck){transform:scale(.8);align-self:flex-end;transition:transform .1s var(--ease-out-3),align-self .1s var(--ease-out-3);padding-block:var(--space-3xs);.linkbar{margin-bottom:8px}}}}&.stuck{transform:scale(.8);align-self:flex-end;transition:transform .1s var(--ease-out-3),align-self .1s var(--ease-out-3);.linkbar{margin-bottom:8px}menu,.toc-block{padding-block:var(--space-3xs)}}.insignia{display:flex;align-self:center}toc-popover{justify-self:end;align-self:start}menu{display:grid;gap:var(--_gap);grid-template-columns:1fr 24px 1fr;justify-items:end;width:100%;.insignia+*{justify-self:start}}}.toc-block{display:grid;align-items:center;justify-content:center;justify-self:end;input[type=checkbox]{display:none;+span{opacity:.5;cursor:pointer;transition:opacity .1s var(--ease-in-out-1);display:flex;color:var(--text-color-3);&:hover{color:light-dark(var(--primary-dark),var(--primary-light))}}&:checked+span{opacity:1}}button{background:transparent;border:0;padding:0;margin:4px 0 0;cursor:pointer;display:flex;color:var(--text-color-3);&:hover{color:light-dark(var(--primary-dark),var(--primary-light))}}@media(width<1100px){.toc-checkbox{display:none}.toc-checkbox-floating{display:inline-block}}@media(width>1100px){.toc-checkbox{display:inline-block}.toc-checkbox-floating{display:none}}}& hr{align-self:end;margin:0;padding:0}}main{padding-block:var(--space-m);.section-title{font-family:var(--font-showcase);margin-block:0 var(--space-m);font-weight:200;color:var(--text-color-3)}.section-title+project-card,.section-title+article-card{margin-block-start:0}}footer{margin-top:var(--space-xl);>div{padding:var(--space-2xs) 0 var(--space-l);display:flex;flex-wrap:wrap;column-gap:var(--space-s);row-gap:var(--space-m-l);justify-content:space-between;>*:last-child{justify-self:flex-end}}}.section-title{margin-bottom:var(--space-s-m)}body{&:has(top-nav nav #show-toc:checked){article-toc{isolation:isolate;&:hover{z-index:var(--layer-2)}>ul{opacity:.5;pointer-events:all;position:relative;&:hover{opacity:1}}}}}article-toc{grid-column:content-end / full-width-end;grid-row-start:2;font-size:var(--step--2);font-family:var(--font-sans);display:grid;position:relative;height:0;inset:50px 0 0;container-type:inline-size;position:sticky;>ul{padding:0;max-inline-size:min(var(--size-content-1),100cqw);opacity:0;transition:opacity .1s var(--ease-in-out-1);pointer-events:none;padding-inline-start:var(--space-s);margin-inline-start:var(--space-l-xl);border-left:1px solid var(--text-color-3-contrast);ul{padding-inline-start:1.5ch;padding-block:.25em}&:hover{opacity:1}@container (inline-size < 20ch){pointer-events:none;opacity:0;display:none}li{list-style:none;padding-inline:var(--space-3xs);padding-top:var(--space-3xs);line-height:var(--scale-perfect-fourth);a{color:var(--text-color-2);display:inline-block;&:not(:hover){text-decoration:none}}}}+p{margin-block-start:0}}article{hgroup{margin-block-end:var(--space-l)}.article-title{font-family:var(--font-showcase);margin-block-end:0}figure{z-index:var(--layer-1);@media(width<500px){grid-column:full-width;inline-size:100%;*:not(figcaption){padding:0;box-shadow:none;border-inline-start:none;border-inline-end:none;border-radius:0}figcaption{padding-inline:var(--space-xs-s)}img,picture{max-inline-size:100%;max-block-size:90vh;inline-size:100%}}}pre,pre code{max-inline-size:revert}}.intro{margin-bottom:var(--space-m);font-family:var(--font-serif);line-height:1.6;font-size:var(--step-1)}*:focus-visible{outline-color:var(--text-color-3)}content-grid,.content-grid{--content-max-width: 48ch}auto-grid,.auto-grid{--min-col-size: 350px;align-items:flex-start}