/*!_variables.css*/:root{--bg-lch:100% 0 0;--bg:oklch(var(--bg-lch));--accent-bg-lch:99% 0.01 240;--accent-bg:oklch(var(--accent-bg-lch));--text-lch:20% 0 0;--text:oklch(var(--text-lch));--text-light-lch:42% 0 0;--text-light:oklch(var(--text-light-lch));--border-lch:91% 0.02 240;--border:oklch(var(--border-lch));--accent-lch:47% 0.16 240;--accent:oklch(var(--accent-lch));--accent-light-lch:82% 0.12 240;--accent-light:oklch(var(--accent-light-lch));--code-lch:45% 0.17 300;--code:oklch(var(--code-lch));--preformatted-lch:18% 0 0;--preformatted:oklch(var(--preformatted-lch));--marked-lch:86% 0.24 95;--marked:oklch(var(--marked-lch));--disabled-lch:95% 0 0;--disabled:oklch(var(--disabled-lch));--sidebar-width:320px;--max-content-width:1880px;--max-main-width:1100px;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-xl:1em;--radius-full:50%;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-smooth:cubic-bezier(0.4, 0, 0.2, 1);--glass-bg-lch:96% 0 0;--glass-bg:oklch(var(--glass-bg-lch) / 0.5);--blur-md:blur(7px) saturate(150%);--blur-xl:blur(15px) saturate(180%)}@media(prefers-color-scheme:dark){:root{--bg-lch:20% 0 0;--accent-bg-lch:28% 0 0;--text-lch:87% 0 0;--text-light-lch:70% 0 0;--border-lch:48% 0 0;--accent-lch:80% 0.20 45;--accent-light-lch:70% 0.20 45;--code-lch:70% 0.24 350;--preformatted-lch:82% 0 0;--marked-lch:86% 0.16 95;--disabled-lch:12% 0 0;--glass-bg-lch:25% 0 0;--glass-bg:oklch(var(--glass-bg-lch) / 0.5)}}/*!_base.css*/*{box-sizing:border-box}html{font-family:barlow,system-ui,sans-serif;scroll-behavior:smooth}@view-transition{navigation: auto;
}::view-transition-old(main-content),::view-transition-new(main-content){animation-duration:.27s;animation-delay:.03s;animation-timing-function:var(--transition-smooth)}::view-transition-old(main-content){animation-name:slide-out}::view-transition-new(main-content){animation-name:slide-in}::view-transition-old(root),::view-transition-new(root),::view-transition-old(sidebar),::view-transition-new(sidebar){animation:none}@keyframes slide-out{to{opacity:0}}@keyframes slide-in{from{opacity:0}}@media(prefers-reduced-motion:reduce){::view-transition-old(main-content),::view-transition-new(main-content){animation-duration:.01s;animation-delay:0s;animation-name:none}}body{color:var(--text);background-color:var(--bg);font-size:1rem;line-height:1.6;margin:0;position:relative;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;&.search-open { overflow: hidden; } &::before { content: ''; position: fixed; left: max(0px, calc((100vw - var(--max-content-width)) / 2)); top: 0; width: var(--sidebar-width); height: 100vh; filter: blur(10px); z-index: 0; pointer-events: none; }}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400;margin-top:var(--space-2xl);margin-bottom:var(--space-lg)}h1{font-size:2em}h2{font-size:1.7818em}h3{font-size:1.5874em}h4{font-size:1.4142em}h5{font-size:1.2599em}h6{font-size:1.1225em}:is(h1,h2,h3,h4,h5,h6)+p:not(.subtitle){margin-top:var(--space-sm)}p{margin:var(--space-lg)0;max-width:80ch;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;hanging-punctuation:first last;& + p { margin-top: var(--space-xl); }}.subtitle{font-size:1.2599em;color:var(--text-light);margin-top:var(--space-sm);margin-bottom:var(--space-2xl);font-weight:400;line-height:1.4;max-width:80ch}a{color:var(--accent);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.15em;text-decoration-skip-ink:auto;transition:text-decoration-thickness var(--transition-fast),text-underline-offset var(--transition-fast);&:hover { text-decoration-thickness:0.12em; text-underline-offset:0.2em; }}.inline-icon{display:inline-block;vertical-align:middle;margin-right:var(--space-sm)}@media(prefers-color-scheme:dark){body::before{background-image:radial-gradient(circle at 50% 30%,oklch(var(--accent-lch)/.12) 0%,transparent 60%),radial-gradient(circle at 50% 70%,oklch(var(--accent-lch)/.08) 0%,transparent 60%)}}@media(prefers-color-scheme:light){body::before{background-image:radial-gradient(circle at 50% 30%,oklch(var(--accent-lch)/.08) 0%,transparent 60%),radial-gradient(circle at 50% 70%,oklch(var(--accent-lch)/.05) 0%,transparent 60%)}pre{background:var(--accent-bg);box-shadow:0 1px 3px oklch(var(--text-lch)/.06),0 0 0 1px oklch(var(--text-lch)/.03);code { color: var(--preformatted); }}}table.kbd-shortcuts td:first-child{font-family:sf mono,monaco,inconsolata,consolas,monospace;font-size:.875em;background:var(--accent-bg);color:var(--code);padding:var(--space-md);border-radius:var(--radius-sm)}ul,ol{padding-left:0;margin:var(--space-xl)0;max-width:100%}ul{list-style-type:none}li{margin:var(--space-sm)0;padding-left:0;& > :is(ul, ol) { margin-top: var(--space-sm); margin-bottom: var(--space-sm); padding-left: var(--space-xl); }}code{background:var(--accent-bg);color:var(--code);padding:.15em .4em;border-radius:var(--radius-sm);font-family:sf mono,monaco,inconsolata,consolas,monospace;font-size:.875em;font-feature-settings:normal}pre{background:var(--accent-bg);padding:var(--space-xl);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-2xl)0;box-shadow:0 1px 3px oklch(var(--text-lch)/.08),0 0 0 1px oklch(var(--text-lch)/.04);line-height:1.5;max-width:100%;code { background: none; color: var(--preformatted); padding: 0; font-size: 0.875rem; }}mark{background:var(--marked);color:var(--text);padding:.1rem var(--space-xs)}em{font-style:italic}strong{font-weight:600}blockquote{margin:var(--space-2xl)0;padding:var(--space-lg)var(--space-xl);background:linear-gradient(to right,oklch(var(--accent-lch)/.08) 0%,transparent 100%);border-radius:var(--radius-md);font-style:italic;color:var(--text-light);max-width:80ch;position:relative;&::before { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(to bottom,var(--accent),oklch(var(--accent-lch)/0.5)); border-radius:var(--radius-sm) 0 0 var(--radius-sm); } p { margin:var(--space-md) 0; }}hr{border:none;height:2px;background:linear-gradient(to right,transparent,oklch(var(--text-lch)/.1),transparent);margin:var(--space-3xl)0;max-width:100%}dl{margin:var(--space-xl)0}dt{font-weight:600;margin-top:var(--space-xl);&:first-child { margin-top:0; }}dd{margin-left:0;margin-top:var(--space-xs);color:var(--text-light)}table{border-collapse:collapse;width:100%;margin:var(--space-xl)0;position:relative;z-index:1}th,td{text-align:left;padding:var(--space-md);position:relative;&::after { content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:linear-gradient(to right,transparent,oklch(var(--text-lch)/0.08),transparent); }}th{background:var(--accent-bg);font-weight:600}tr:hover{background:var(--accent-bg)}/*!_components.css*/.overlay{position:fixed;inset:0;background:oklch(var(--bg-lch)/.8);backdrop-filter:var(--blur-md)}.label-small{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);display:block}.icon{display:inline-block;width:20px;height:20px;background-color:gray;mask-size:contain;mask-repeat:no-repeat;mask-position:center;vertical-align:middle;margin-right:var(--space-sm)}.icon-github{mask-image:url('data:image/svg+xml;utf8,<svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>')}.icon-linkedin{mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>')}.icon-stackoverflow{mask-image:url('data:image/svg+xml;utf8,<svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17.36 20.2v-5.36h1.79V22H3v-7.16h1.79v5.36h12.57zM6.77 14.32l8.8 1.84.37-1.76-8.8-1.84-.37 1.76zm1.16-4.23 8.14 3.8.76-1.63-8.14-3.8-.76 1.63zm2.26-4.02 6.9 5.76 1.15-1.37-6.9-5.76-1.15 1.37zm4.45-4.07-1.44 1.07 5.37 7.2 1.44-1.07-5.37-7.2zM6.58 18.41h8.95v-1.79H6.58v1.79z"/></svg>')}.icon-bluesky{mask-image:url('data:image/svg+xml;utf8,<svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"/></svg>')}.icon-gmail{mask-image:url('data:image/svg+xml;utf8,<svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z"/></svg>')}.icon-x{mask-image:url('data:image/svg+xml;utf8,<svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg>')}.icon-teams{mask-image:url(data:image/svg+xml;utf8,%3Csvg%20viewBox=%220%200%2048%2048%22%20fill=%22currentcolor%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M21.9999%2020h12c3.3137.0%206%202.6863%206%206V36c0%203.3137-2.6863%206-6%206-3.3137.0-6-2.6863-6-6V26c0-3.3137-2.6863-6-6-6z%22/%3E%3Cpath%20d=%22M7.99988%2024c0-3.3137%202.68632-6%206.00002-6h8c3.3137.0%206%202.6863%206%206V36c0%203.3137%202.6863%206%206%206L17.9998%2041.9999c-5.5228.0-9.99992-4.4771-9.99992-10V24z%22/%3E%3Cpath%20d=%22M32.9999%2018c2.7614.0%205-2.2386%205-5s-2.2386-5-5-5c-2.7614.0-5%202.2386-5%205s2.2386%205%205%205z%22/%3E%3Cpath%20d=%22M17.9999%2016c3.3137.0%206-2.6863%206-6%200-3.31371-2.6863-6-6-6s-6%202.68629-6%206c0%203.3137%202.6863%206%206%206z%22/%3E%3Crect%20x=%224%22%20y=%2223%22%20width=%2216%22%20height=%2216%22%20rx=%223.25%22/%3E%3Cpath%20d=%22M15.4792%2028.1054H13.0321v7.466H10.9673v-7.466H8.52014V26.4286H15.4792v1.6768z%22%20fill=%22%23fff%22/%3E%3C/svg%3E)}.win-key{display:inline-block;width:.95em;height:.95em;vertical-align:-.1em;margin:0 .05em;background-color:currentColor;mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M14.687 16.75h16.309v14.246l-16.12-2.251zM1.004 16.75h12.184v11.81l-12.184-1.69zM14.687 3.44l16.309-2.436v14.246h-16.309zM1.004 5.314l12.184-1.686v11.81h-12.184z"/></svg>');mask-size:contain;mask-repeat:no-repeat;mask-position:center;vertical-align:middle}.gday-btn{background:0 0;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;text-decoration:none;transition:color var(--transition-fast)}.gday-btn:hover,.gday-btn:focus{color:var(--accent)}.gday-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.wave-hand{display:inline-block;transform-origin:70% 70%}@media(prefers-reduced-motion:no-preference){.wave-hand.waving{animation:wave 1s ease-in-out 2}}@keyframes wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(14deg)}40%,80%{transform:rotate(-8deg)}}.resource-explorer{ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: var(--space-lg); margin-bottom: 0; } li { margin: 0; min-width: 0; } a { display: block; padding-block: var(--space-sm); } strong { display: block; } a span { display: block; color: var(--text-light); font-size: 0.95rem; margin-top: var(--space-sm); }}.resource-search{display:flex;justify-content:space-between;gap:var(--space-lg);width:100%;padding:var(--space-lg);font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer}.resource-search:hover{border-color:var(--accent)}.resource-dates{color:var(--text-light);font-size:.9rem;margin-bottom:var(--space-xl)}.mobile-home-title a{color:var(--text);text-decoration:none}.home-content{max-width:80ch}.home-content a{text-decoration:none}.home-content :is(p,li) a{font-weight:600}.home-content a:is(:hover,:focus-visible){text-decoration:underline}.resource-explorer a span{font-weight:400}.home-content .resource-explorer a:is(:hover,:focus-visible){text-decoration:none}.home-content .resource-explorer a:is(:hover,:focus-visible) strong{text-decoration:underline}/*!_layout.css*/.layout-container{display:flex;min-height:100vh;max-width:var(--max-content-width);margin:0 auto;position:relative;z-index:2}.sidebar{width:var(--sidebar-width);background:var(--bg);padding:var(--space-2xl)var(--space-xl);position:fixed;left:max(0px,calc((100vw - var(--max-content-width))/2));top:0;bottom:0;height:100vh;overflow-y:auto;z-index:10;box-shadow:1px 0 oklch(var(--text-lch)/.06);view-transition-name:sidebar;scrollbar-width:thin;scrollbar-color:oklch(var(--text-lch)/.2)transparent;&::-webkit-scrollbar { width:8px; } &::-webkit-scrollbar-track { background:transparent; } &::-webkit-scrollbar-thumb { background:oklch(var(--text-lch)/0.2); border-radius:var(--radius-sm); &:hover { background:oklch(var(--text-lch)/0.3); } }}.sidebar-header{text-align:center;padding-bottom:var(--space-xl);margin-bottom:var(--space-xl);position:relative;&::after { content:''; position:absolute; bottom:0; left:var(--space-lg); right:var(--space-lg); height:1px; background:linear-gradient(to right,transparent,oklch(var(--text-lch)/0.1),transparent); } .site-title { margin:0 0 var(--space-lg) 0; font-size:1.5rem; font-weight:600; a { text-decoration:none; color:var(--text); &:hover { color:var(--accent); } } } .bio { font-size:0.95rem; color:var(--text-light); margin-bottom:0; line-height:1.5; }}.main-container{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-width:0;align-items:center;background:linear-gradient(to top left,var(--bg),var(--accent-bg));position:relative;z-index:1;& > * { width: 100%; } &::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='500' height='500' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E"); opacity: 0.4; mix-blend-mode: overlay; z-index: -1; pointer-events: none; }}main{padding:calc(var(--space-2xl) + 20px)var(--space-3xl)var(--space-2xl);max-width:var(--max-main-width);align-self:flex-start;flex:1;position:relative;z-index:2;view-transition-name:main-content}footer{padding:var(--space-2xl)var(--space-3xl);background:linear-gradient(to top,oklch(var(--accent-bg-lch)/.3),transparent);box-shadow:0 -1px oklch(var(--text-lch)/.06);color:var(--text-light);font-size:.95rem;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2xl);position:relative;z-index:2;p { margin: var(--space-sm) 0; } a { color: var(--text-light); &:hover { color: var(--accent); } }}/*!_nav.css*/.sidebar-nav{ul { list-style: none; padding: 0; margin: 0; } li { margin: 0; } & > ul > li { margin-bottom: var(--space-md); } a { text-decoration: none; color: var(--text); display: block; padding: var(--space-sm) var(--space-xs); border-radius: var(--radius-sm); transition: color var(--transition-fast), transform var(--transition-fast), background var(--transition-fast); &:hover { color: var(--accent); transform: translateX(3px); } &:focus-visible { outline: none; background: oklch(var(--accent-lch) / 0.15); color: var(--accent); } &.active, &:active { color: var(--accent); font-weight: 600; background: oklch(var(--accent-lch) / 0.1); } } .nav-header { display: flex; align-items: center; position: relative; a { flex: 1; padding-right: 0; &.active { color: var(--accent); } } } .submenu-toggle { position: absolute; right: 0; top: 0; bottom: 0; background: none; border: none; width: 32px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background var(--transition-fast), color var(--transition-fast); flex-shrink: 0; border-radius: var(--radius-sm); &::after { content: '▼'; color: var(--text-light); font-size: 0.9em; transition: transform var(--transition-fast), color var(--transition-fast); line-height: 1; } &[aria-expanded="true"]::after { transform: rotate(180deg); } &:hover { background: oklch(var(--accent-bg-lch) / 0.5); } &:focus-visible { outline: none; background: oklch(var(--accent-lch) / 0.15); &::after { color: var(--accent); } } } .submenu { max-height: 0; overflow: hidden; transition: max-height var(--transition-medium); margin: 0; padding: 0; a { padding-right: 40px; padding-left: var(--space-xl); } .submenu a { padding-right: 40px; padding-left: var(--space-3xl); } } .nav-item-with-submenu.submenu-open > .submenu { max-height: 2000px; margin: 0; padding: 0; background: oklch(var(--accent-bg-lch) / 0.5); } span { display: block; padding: 0.3rem 0; color: var(--text); font-weight: 600; }}.profile-image{display:block;text-align:center;margin-bottom:var(--space-lg);img { width: 120px; height: 120px; border-radius: var(--radius-full); object-fit: cover; box-shadow: 0 0 0 3px oklch(var(--text-lch) / 0.1), 0 2px 8px oklch(var(--text-lch) / 0.1); transition: box-shadow var(--transition-medium), transform var(--transition-medium); } &:hover img { box-shadow: 0 0 0 3px oklch(var(--accent-lch) / 0.3), 0 4px 12px oklch(var(--text-lch) / 0.15); transform: scale(1.05); }}.contact-links{display:flex;gap:var(--space-md);list-style:none;margin:0;padding:0;li { margin: 0; } a { padding: var(--space-xs); display: flex; align-items: center; justify-content: center; border-radius: var(--radius-lg); transition: background var(--transition-fast), opacity var(--transition-fast); text-decoration: none; opacity: 0.5; &:hover { background: var(--accent-bg); opacity: 1; } } img { display: block; transition: filter var(--transition-fast); }}@media(prefers-color-scheme:dark){.profile-image:hover img{box-shadow:0 0 20px oklch(var(--accent-lch)/.3)}.contact-links img{filter:brightness(0)invert(1)}.contact-links a:hover img{filter:brightness(0)saturate(100%)invert(69%)sepia(72%)saturate(3330%)hue-rotate(334deg)brightness(101%)contrast(96%)}}@media(prefers-color-scheme:light){.profile-image:hover img{box-shadow:0 0 20px oklch(var(--accent-lch)/.2)}.contact-links a:hover img{filter:brightness(0)saturate(100%)invert(23%)sepia(85%)saturate(2531%)hue-rotate(203deg)brightness(93%)contrast(101%)}}nav.breadcrumbs{position:sticky;top:0;padding:var(--space-xl)var(--space-3xl);background:linear-gradient(to bottom,var(--bg),oklch(var(--accent-bg-lch)/.5));backdrop-filter:var(--blur-md);box-shadow:0 1px oklch(var(--text-lch)/.06),inset 0 1px oklch(var(--bg-lch)/.5),inset 0 -1px 2px oklch(var(--text-lch)/.03);font-size:.875rem;z-index:100;ol { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-sm); } li { display: flex; align-items: center; margin: 0; &::before { content: '→'; margin-right: var(--space-sm); color: var(--text-light); } &:first-child::before { content: none; } } a { color: oklch(var(--text-lch) / 0.6); text-decoration: none; transition: color var(--transition-fast), mix-blend-mode var(--transition-fast); mix-blend-mode: multiply; img, svg { vertical-align: middle; display: inline-block; opacity: 0.6; transition: opacity var(--transition-fast), fill var(--transition-fast), mix-blend-mode var(--transition-fast); mix-blend-mode: inherit; } &:hover { color: oklch(var(--text-lch) / 0.95); text-decoration: underline; mix-blend-mode: normal; svg { opacity: 0.95; fill: currentColor; } } } @media (prefers-color-scheme: dark) { a { mix-blend-mode: screen; } }}/*!_search.css*/.search-link{background:0 0;border:none;text-decoration:none;color:var(--text);display:block;padding:var(--space-sm)var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast);cursor:pointer;font:inherit;text-align:left;width:100%;&:hover { color:var(--accent); transform:translateX(3px); } &:focus-visible { outline:none; background:oklch(var(--accent-lch)/0.15); color:var(--accent); }}.search-modal{position:fixed;inset:0;z-index:9999;display:flex;justify-content:flex-end;&[hidden] { display: none; }}.search-modal-overlay{position:absolute}.search-modal-content{position:relative;width:100%;max-width:600px;height:100vh;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;box-shadow:-2px 0 30px oklch(var(--text-lch)/.15),-1px 0 oklch(var(--text-lch)/.1);@media(max-width:1024px){max-width: none; box-shadow: none;}}.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid oklch(var(--text-lch)/.1)}.search-modal-title{font-size:1.5874em;margin:0;font-weight:600}.search-modal-close{background:0 0;border:none;font-size:2em;line-height:1;color:var(--text-light);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast);&:hover { background:var(--accent-bg); color:var(--text); }}#search{padding:var(--space-xl);overflow-y:auto;flex:1;--pagefind-ui-primary:var(--accent);--pagefind-ui-text:var(--text);--pagefind-ui-background:var(--bg);--pagefind-ui-border:oklch(var(--text-lch) / 0.1);--pagefind-ui-tag:var(--accent-bg);scrollbar-width:thin;scrollbar-color:oklch(var(--text-lch)/.2)transparent;&::-webkit-scrollbar { width:8px; } &::-webkit-scrollbar-track { background:transparent; } &::-webkit-scrollbar-thumb { background:oklch(var(--text-lch)/0.2); border-radius:var(--radius-sm); &:hover { background:oklch(var(--text-lch)/0.3); } } .pagefind-ui__form { position:relative; &::before { display:none!important; } } .pagefind-ui__search-input { background:oklch(var(--accent-bg-lch)/0.4); border:none; border-radius:var(--radius-lg); color:var(--text); font-family:inherit; font-size:18px!important; padding:var(--space-md) var(--space-lg) var(--space-md) var(--space-md); width:100%; transition:background var(--transition-fast),box-shadow var(--transition-fast); box-shadow:inset 0 1px 2px oklch(var(--text-lch)/0.05),0 1px 0 oklch(var(--bg-lch)/0.5); touch-action:manipulation; &::placeholder { color:var(--text-light); opacity:0.6; } &:focus { outline:none; background:oklch(var(--accent-bg-lch)/0.6); box-shadow:inset 0 1px 3px oklch(var(--text-lch)/0.08),0 2px 8px oklch(var(--accent-lch)/0.1); } } .pagefind-ui__search-clear { position:absolute!important; right:var(--space-md)!important; top:var(--space-md)!important; transform:none!important; opacity:0.6; transition:opacity var(--transition-fast),background var(--transition-fast); width:36px!important; height:36px!important; padding:0!important; background:var(--accent-bg); border:none; border-radius:var(--radius-md); font-size:0!important; display:flex; align-items:center; justify-content:center; &::before { content:'×'; font-size:1.75rem; line-height:1; color:var(--text); display:block; } &:hover { opacity:1; background:oklch(var(--accent-bg-lch)/0.6); } } .pagefind-ui__result-image,.pagefind-ui__result-thumb { display:none!important; } .pagefind-ui__results { margin-top:var(--space-md); } .pagefind-ui__result { background:oklch(var(--accent-bg-lch)/0.3); border:none; border-radius:var(--radius-md); margin-bottom:var(--space-sm); padding:var(--space-md); transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast); box-shadow:0 1px 3px oklch(var(--text-lch)/0.04); &:hover { background:oklch(var(--accent-bg-lch)/0.5); box-shadow:0 2px 8px oklch(var(--accent-lch)/0.08); transform:translateY(-1px); } } .pagefind-ui__result-link { text-decoration:none; } .pagefind-ui__result-title { color:var(--accent); font-weight:600; font-size:0.95rem; } @media (prefers-color-scheme:dark) { .pagefind-ui__result-title { color:var(--text); } } .pagefind-ui__result-excerpt { color:var(--text-light); font-size:0.85rem; margin-top:var(--space-xs); line-height:1.4; } .pagefind-ui__result-excerpt mark,.pagefind-ui__result-title mark { background:var(--accent); color:var(--bg); padding:0.1em 0.2em; border-radius:var(--radius-sm); font-weight:600; } .pagefind-ui__message { color:var(--text-light); font-size:0.85rem; padding:var(--space-md); }}/*!_keyboard-help.css*/.keyboard-help-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;&[hidden] { display: none; }}.keyboard-help-overlay{position:absolute}.keyboard-help-content{position:relative;width:90%;max-width:500px;background:var(--bg);border-radius:var(--radius-lg);box-shadow:0 8px 32px oklch(var(--text-lch)/.2),0 0 0 1px oklch(var(--text-lch)/.1);overflow:hidden}.keyboard-help-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid oklch(var(--text-lch)/.1);background:oklch(var(--accent-bg-lch)/.3)}.keyboard-help-header h2{font-size:1.5874em;margin:0;font-weight:600}.keyboard-help-close{background:0 0;border:none;font-size:2em;line-height:1;color:var(--text-light);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast);&:hover { background:var(--accent-bg); color:var(--text); } &:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }}.keyboard-help-body{padding:var(--space-xl);max-height:70vh;overflow-y:auto}.keyboard-shortcuts-list{display:grid;gap:var(--space-md);margin:0}.shortcut-item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);align-items:center;padding:var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast);&:hover { background:oklch(var(--accent-bg-lch)/0.3); } dt { display:flex; gap:var(--space-xs); margin:0; } dd { margin:0; color:var(--text); }}kbd{display:inline-block;padding:.25em .5em;font-family:ui-monospace,cascadia code,source code pro,Menlo,Consolas,dejavu sans mono,monospace;font-size:.875em;line-height:1;color:var(--text);background:oklch(var(--accent-bg-lch)/.5);border:1px solid oklch(var(--text-lch)/.2);border-radius:var(--radius-sm);box-shadow:0 1px oklch(var(--text-lch)/.1),inset 0 1px oklch(var(--bg-lch)/.5);min-width:1.5em;text-align:center}/*!_content.css*/.toc,.related-resources{background:var(--glass-bg);border-top:1px solid oklch(var(--text-lch)/.06);padding:var(--space-3xl);margin:var(--space-3xl)calc(-1 * var(--space-3xl))calc(-1 * var(--space-2xl));h2 { font-size: 1.2599em; font-weight: 400; margin-top: 0; margin-bottom: var(--space-xl); color: var(--text); }}.toc{margin:calc(-1 * var(--space-3xl))calc(-1 * var(--space-lg))var(--space-xl);padding:var(--space-xl)var(--space-lg);h2 { text-transform: none; letter-spacing: normal; } @media (min-width: 1025px) { position: sticky; top: calc(var(--space-3xl) + var(--space-2xl)); float: right; width: 280px; margin: 0 0 var(--space-xl) var(--space-2xl); padding: var(--space-xl); backdrop-filter: var(--blur-xl); border: 1px solid oklch(var(--text-lch) / 0.06); border-radius: var(--radius-lg); box-shadow: 0 2px 8px oklch(var(--text-lch) / 0.03), 0 8px 24px oklch(var(--text-lch) / 0.02), inset 0 1px 0 oklch(100% 0 0 / 0.8); max-height: calc(100vh - 7rem); overflow-y: auto; z-index: 10; scrollbar-width: thin; scrollbar-color: oklch(var(--text-lch) / 0.15) transparent; &::-webkit-scrollbar { width: 6px; } &::-webkit-scrollbar-track { background: transparent; } &::-webkit-scrollbar-thumb { background: oklch(var(--text-lch) / 0.15); border-radius: var(--radius-sm); &:hover { background: oklch(var(--text-lch) / 0.25); } } h2 { font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-light); margin: 0 0 var(--space-md) 0; } } @media (min-width: 1025px) and (prefers-color-scheme: dark) { box-shadow: 0 2px 8px oklch(0% 0 0 / 0.2), 0 8px 24px oklch(0% 0 0 / 0.1), inset 0 1px 0 oklch(100% 0 0 / 0.08); border-color: oklch(var(--text-lch) / 0.06); } ul { list-style: none; padding-left: var(--space-lg); margin: 0; } nav > ul { padding-left: 0; } li { margin: var(--space-xs) 0; &::before { content: '·'; margin-right: var(--space-md); color: var(--text-light); opacity: 0.4; } } nav > ul > li::before { content: none; } a { color: var(--text); text-decoration: none; font-size: 0.9rem; transition: color var(--transition-fast); &:hover { color: var(--accent); } &.active { color: var(--accent); font-weight: 600; } }}.related-resources,.recently-updated{ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: var(--space-xl); } li { margin: 0; display: flex; flex-direction: column; } .related-category { margin-bottom: var(--space-xs); text-decoration: none; transition: opacity var(--transition-fast); &:hover { opacity: 0.7; } } a:not(.related-category) { color: var(--accent); font-weight: 500; font-size: 1rem; text-decoration: none; transition: text-decoration var(--transition-fast); &:hover { text-decoration: underline; } } .related-subtitle, .update-subtitle { color: var(--text-light); font-size: 0.9rem; margin-top: var(--space-xs); line-height: 1.4; }}.resource-cta{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid oklch(var(--text-lch)/.06);color:var(--text-light);font-size:.9rem;a { color: var(--accent); }}/*!_mobile.css*/.mobile-menu-toggle{display:none;position:fixed;top:.5625rem;right:var(--space-lg);z-index:1001;background:0 0;border:none;border-radius:var(--radius-md);width:44px;height:44px;padding:10px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;span { display: block; width: 24px; height: 2px; background: var(--text); border-radius: var(--radius-sm); }}.mobile-home-title{display:none}@media(max-width:1024px){html{scroll-padding-top:80px}body{font-size:1rem;&::before { display:none; filter:none; }}h1{font-size:1.7818em}h2{font-size:1.5874em}h3{font-size:1.4142em}h4{font-size:1.2599em}h5{font-size:1.1225em}h6{font-size:1em}.sidebar-header .bio{display:none}.profile-image img{width:80px;height:80px}.mobile-home-title,nav.breadcrumbs{position:sticky;top:0;z-index:100;background:linear-gradient(to bottom,oklch(var(--bg-lch)/.8),oklch(var(--bg-lch)/.5));backdrop-filter:var(--blur-md);box-shadow:0 1px oklch(var(--text-lch)/.06),inset 0 1px oklch(var(--bg-lch)/.5),inset 0 -1px 2px oklch(var(--text-lch)/.03);padding:.875rem var(--space-lg);padding-right:4rem;min-height:60px;display:flex;align-items:center}.mobile-home-title{display:block;margin:calc(-1 * var(--space-xl))calc(-1 * var(--space-lg))var(--space-3xl);font-size:1.25rem;line-height:1.5;cursor:pointer}nav.breadcrumbs{margin:calc(-1 * var(--space-xl))calc(-1 * var(--space-lg))0}.mobile-menu-toggle{display:flex}.sidebar-overlay{z-index:500;opacity:0;pointer-events:none}.sidebar{visibility:hidden;width:var(--sidebar-width);position:fixed;left:calc(-1 * var(--sidebar-width));top:0;height:100vh;padding:var(--space-xl)var(--space-lg);z-index:501;overflow-y:auto;background:oklch(var(--bg-lch)/.7);box-shadow:inset -1px 0 oklch(var(--bg-lch)/.5),inset 1px 0 2px oklch(var(--text-lch)/.03)}.main-container{margin-left:0}.layout-container{flex-direction:column}main{padding:0 var(--space-lg)var(--space-xl);margin:0}:is(header.subnav,footer){padding-left:var(--space-lg);padding-right:var(--space-lg)}footer{flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center;.contact-links { align-self: stretch; justify-content: center; }}header.subnav nav{gap:var(--space-lg)}.menu-active{.sidebar { visibility: visible; left: 0; box-shadow: 2px 0 30px -4px oklch(var(--accent-lch) / 0.08), 2px 0 15px -2px oklch(var(--accent-lch) / 0.05), inset -1px 0 0 oklch(var(--bg-lch) / 0.5), inset 1px 0 2px oklch(var(--text-lch) / 0.03); } .sidebar-overlay { opacity: 1; pointer-events: auto; } .mobile-menu-toggle { span:nth-child(1) { transform: translateY(7px) rotate(45deg); } span:nth-child(2) { opacity: 0; } span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } }}.transitions-enabled{.sidebar { transition: left var(--transition-fast); } .sidebar-overlay { transition: opacity var(--transition-medium); } .mobile-menu-toggle span { transition: transform var(--transition-fast), opacity var(--transition-fast); }}body .related-resources{padding:var(--space-xl)var(--space-lg);margin:var(--space-3xl)calc(-1 * var(--space-lg))calc(-1 * (var(--space-xl) + var(--space-2xl)))}}/*!_a11y.css*/a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-links{position:absolute;z-index:10000;top:0;left:0;right:0}.skip-link{position:absolute;top:-100px;left:var(--space-lg);right:var(--space-lg);z-index:9999;padding:var(--space-sm)var(--space-lg);background:var(--accent);color:var(--bg);text-decoration:none;border-radius:var(--radius-md);font-weight:600;&:focus { top:calc(3 * var(--space-lg)); } &:visited,&:focus { color:var(--bg); } &:nth-child(2):focus { left:var(--space-lg); } &:nth-child(3):focus { left:var(--space-lg); } &:focus ~ .keyboard-hint { opacity:1; visibility:visible; transition:opacity var(--transition-fast),visibility 0s 0s; }}.keyboard-hint{position:absolute;top:var(--space-xs);left:var(--space-xs);right:var(--space-xs);z-index:9999;padding:var(--space-sm)var(--space-lg);background:oklch(var(--text-lch)/.9);color:var(--bg);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility 0s .2s;pointer-events:none;kbd { background: oklch(var(--bg-lch) / 0.2); border-color: oklch(var(--bg-lch) / 0.3); color: var(--bg); padding: 0.2em 0.4em; font-size: 0.9em; }}@media(prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-medium:0s}html{scroll-behavior:auto}@view-transition{navigation: none;
    }*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.sidebar-nav a:hover,.profile-image:hover img{transform:none}.skip-link:focus{transition:none}}