@font-face{font-family:Lato;font-display:swap;src:url(/fonts/Lato-Regular.ttf) format("truetype"),local("Segoe UI"),local("Helvetica Neue"),local("Arial")}:root{--dark-blue: rgb(1, 36, 102);--light-blue: rgb(0, 122, 204);--primary-white: rgb(245 247 250);--off-white: rgb(238, 238, 238);--gray: rgb(85 85 85);--dark-shadow: rgb(85 85 85);--primary-black: rgb(30, 30, 30);--definitely-off-white: rgb(221, 218, 214);--definitely-primary-white: rgb(245 247 250);--definitely-primary-black: rgb(30, 30, 30);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-7: 56px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 15px 25px rgba(0, 0, 0, .15), 0 5px 10px rgba(0, 0, 0, .05);--font-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-base: clamp(1rem, .9rem + .5vw, 1.125rem);--font-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--font-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--font-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--font-3xl: clamp(2rem, 1.7rem + 1.5vw, 2.5rem);--drop-shadow: drop-shadow(0 0 2px #000) drop-shadow(0 0 2px #000) drop-shadow(0 0 2px #000);--fallback-gradient: linear-gradient( 45deg, hsl(0deg 0% 0%) 0%, hsl(219deg 100% 5%) 8%, hsl(219deg 100% 10%) 17%, hsl(219deg 97% 15%) 25%, hsl(219deg 98% 20%) 33%, hsl(213deg 97% 27%) 42%, hsl(207deg 96% 34%) 50%, hsl(200deg 95% 40%) 58%, hsl(194deg 94% 60%) 67%, hsl(200deg 95% 40%) 75%, hsl(207deg 96% 34%) 83%, hsl(219deg 98% 20%) 92%, hsl(219deg 100% 5%) 100%);--fallback-gradient-header: linear-gradient( 45deg, hsl(219deg 100% 18%) 0%, hsl(219deg 100% 22%) 8%, hsl(219deg 100% 26%) 17%, hsl(219deg 97% 30%) 25%, hsl(219deg 98% 34%) 33%, hsl(213deg 97% 38%) 42%, hsl(207deg 96% 42%) 50%, hsl(200deg 95% 48%) 58%, hsl(194deg 94% 62%) 67%, hsl(200deg 95% 48%) 75%, hsl(207deg 96% 42%) 83%, hsl(219deg 98% 34%) 92%, hsl(219deg 100% 22%) 100% )}[data-theme=dark]{--dark-blue: rgb(143, 198, 254);--light-blue: rgb(238, 238, 238);--primary-white: rgb(20, 20, 20);--off-white: rgb(20, 20, 20);--gray: rgb(178, 172, 162);--dark-shadow: rgb(35 35 35);--primary-black: rgb(230 230 230)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--dark-blue: rgb(143, 198, 254);--light-blue: rgb(238, 238, 238);--primary-white: rgb(20, 20, 20);--off-white: rgb(20, 20, 20);--gray: rgb(178, 172, 162);--dark-shadow: rgb(35 35 35);--primary-black: rgb(230 230 230)}}[data-theme=dark]{.logoimg.apple{filter:invert(1)}.logoimg.linux{filter:drop-shadow(0 0 1px var(--primary-black)) drop-shadow(0 0 1px var(--primary-black))}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){.logoimg.apple{filter:invert(1)}.logoimg.linux{filter:drop-shadow(0 0 1px var(--primary-black)) drop-shadow(0 0 1px var(--primary-black))}}}.skip-nav{position:absolute;top:-40px;left:0;background:var(--dark-blue);color:var(--primary-white);padding:var(--space-1) var(--space-2);text-decoration:none;z-index:10000;border-radius:var(--radius-sm)}.skip-nav:focus{top:0}html{display:flex;font-size:var(--font-base);height:100%}body{display:flex;flex-direction:column;flex-grow:1;background:var(--primary-white);background-color:var(--primary-white);font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--primary-black);overflow:hidden;margin:0;padding:0;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}h1{font-size:var(--font-2xl);color:var(--dark-blue);margin-bottom:var(--space-2)}h2{font-size:var(--font-xl);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-2);line-height:1.6}a,a:visited{text-decoration:none;color:var(--dark-blue);transition:color .2s ease}a:hover{color:var(--light-blue)}button,a,input,select,textarea,[role=button],[tabindex]:not([tabindex="-1"]){min-height:44px;min-width:44px}@media(pointer:fine){button,a,input,select,textarea,[role=button],[tabindex]:not([tabindex="-1"]){min-height:auto;min-width:auto}}.article{display:flex;flex-direction:column;align-items:center;flex-grow:1;max-width:1000px;margin:auto;padding:var(--space-3)}.article h1{padding-bottom:var(--space-3);align-self:flex-start}.article p,.article span,.article a{max-width:1000px;line-height:1.6;width:100%}.article p,.article span{color:var(--primary-black)}@supports (container-type: inline-size){.container{container-type:inline-size}@container (min-width: 768px){.container-responsive{grid-template-columns:repeat(2,1fr)}}@container (min-width: 1024px){.container-responsive{grid-template-columns:repeat(3,1fr)}}}.interactive{transition:transform .2s ease,box-shadow .2s ease}.interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;animation:fadeInUp .6s ease forwards}.animate-on-scroll.in-view{animation-play-state:running}.theme-transition-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.theme-transition-overlay.active{opacity:1}@supports (view-transition-name: root){::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}}@media(max-width:768px){:root{--space-1: 6px;--space-2: 12px;--space-3: 18px;--space-4: 24px;--space-5: 30px;--space-6: 36px;--space-7: 42px;--space-8: 48px}}