@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400;1,9..40,500&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap";:root{--color-bg: #1a1a1e;--color-bg-raised: #232328;--color-text: #d4d0c8;--color-text-bright: #f0ede6;--color-accent: #e8a84b;--color-accent-hover: #f0c06a;--color-border: #333338;--color-hover: #2a2a30;--color-muted: #908c84;--color-sidebar-bg: #141418;--font-heading: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--max-width: 820px;--spacing-unit: 1rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:18px;line-height:1.7;font-weight:400;color:var(--color-text);background:var(--color-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:256px 256px}.layout{display:flex;min-height:100vh}#sidebar{width:260px;background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);position:fixed;left:0;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.sidebar-header{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 1.5);border-bottom:1px solid var(--color-border)}.site-title{font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:var(--color-text-bright);text-decoration:none;display:block;letter-spacing:-.02em}.site-title:hover{color:var(--color-accent);text-decoration:none}#nav{flex:1;padding:calc(var(--spacing-unit) * 1.25) var(--spacing-unit)}#nav-links{list-style:none;padding-left:0}#nav-links li{margin-bottom:0;list-style-type:none}#nav-links a{display:block;padding:.4rem .75rem;color:var(--color-text);text-decoration:none;font-family:var(--font-body);font-size:.95rem;font-weight:400;border-radius:4px;transition:color .2s ease,background .2s ease}#nav-links a:hover{background:var(--color-hover);color:var(--color-text-bright)}#nav-links a.active{background:var(--color-hover);color:var(--color-accent);font-weight:500}#nav-links .nav-group{margin-bottom:calc(var(--spacing-unit) * 1.75)}#nav-links .nav-group-title{font-family:var(--font-heading);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);padding:.5rem .75rem .25rem;margin-bottom:.1rem}#nav-links .nav-group ul{padding-left:0;margin-bottom:0;list-style:none}#nav-links .nav-item{margin-bottom:.05rem}#nav-links .nav-item.nested{padding-left:calc(var(--spacing-unit) * .5)}#nav-links .nav-item.nested a{font-size:.92rem}main{flex:1;margin-left:260px;padding:calc(var(--spacing-unit) * 4) calc(var(--spacing-unit) * 5);max-width:calc(var(--max-width) + var(--spacing-unit) * 10);min-height:calc(100vh - 100px)}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main>*{animation:contentFadeIn .4s ease-out both}main>*:nth-child(1){animation-delay:.03s}main>*:nth-child(2){animation-delay:.06s}main>*:nth-child(3){animation-delay:.09s}main>*:nth-child(4){animation-delay:.12s}main>*:nth-child(5){animation-delay:.14s}main>*:nth-child(n+6){animation-delay:.16s}#site-footer{margin-left:260px;padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 5);border-top:1px solid var(--color-border);background:var(--color-bg);max-width:calc(var(--max-width) + var(--spacing-unit) * 10)}#site-footer p{margin:0;font-size:.85rem;color:var(--color-muted);text-align:center}#site-footer a{color:var(--color-accent);text-decoration:none;border-bottom:none;transition:color .2s ease}#site-footer a:hover{color:var(--color-accent-hover);text-decoration:none}h1{font-family:var(--font-heading);font-size:2.6rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.15;color:var(--color-text-bright);letter-spacing:-.03em}h2{font-family:var(--font-heading);font-size:1.85rem;font-weight:700;margin-top:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 1.25);line-height:1.25;color:var(--color-text-bright);letter-spacing:-.02em}h2:before{content:"";display:block;width:36px;height:2px;background:var(--color-accent);margin-bottom:calc(var(--spacing-unit) * 1)}h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;margin-top:calc(var(--spacing-unit) * 2.5);margin-bottom:calc(var(--spacing-unit) * .75);color:var(--color-text-bright);letter-spacing:-.01em}h4{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;margin-top:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * .5);color:var(--color-text-bright)}p{margin-bottom:calc(var(--spacing-unit) * 1.5)}p+p{margin-top:calc(var(--spacing-unit) * .5)}br+br{display:block;content:"";margin-top:var(--spacing-unit)}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover);text-decoration:underline}ul,ol{margin-bottom:var(--spacing-unit);padding-left:calc(var(--spacing-unit) * 1.5)}li{margin-bottom:calc(var(--spacing-unit) * .5)}ul ul,ol ol{margin-top:calc(var(--spacing-unit) * .5);margin-bottom:0}code{font-family:var(--font-mono);font-size:.85em;background:var(--color-bg-raised);padding:.2em .45em;border-radius:3px;border:1px solid var(--color-border);color:var(--color-accent)}pre{background:var(--color-bg-raised);padding:calc(var(--spacing-unit) * 1.25);border-radius:6px;overflow-x:auto;margin-bottom:calc(var(--spacing-unit) * 1.5);border:1px solid var(--color-border)}pre code{background:none;padding:0;border:none;color:var(--color-text);font-size:.88em}blockquote{border-left:3px solid var(--color-accent);padding-left:calc(var(--spacing-unit) * 1.5);margin:calc(var(--spacing-unit) * 1.5) 0;color:var(--color-text);font-size:1rem;line-height:1.7}hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-border) 20%,var(--color-accent) 50%,var(--color-border) 80%,transparent 100%);margin:calc(var(--spacing-unit) * 3) 0;opacity:.5}strong{font-weight:600;color:var(--color-text-bright)}.loading{text-align:center;padding:calc(var(--spacing-unit) * 3);color:var(--color-muted)}.error{padding:var(--spacing-unit);background:#e8a84b14;border:1px solid var(--color-accent);border-radius:6px;color:var(--color-accent)}.link-preview{position:absolute;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:6px;padding:calc(var(--spacing-unit) * .85);max-width:400px;font-size:.9rem;line-height:1.5;box-shadow:0 8px 24px #0000004d;z-index:1000;pointer-events:none}[data-tooltip]{position:relative;cursor:help;border-bottom:1px dotted var(--color-accent)}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-text-bright);color:var(--color-bg);padding:.5rem .75rem;border-radius:4px;font-size:.85rem;white-space:nowrap;z-index:1000;margin-bottom:.5rem}img{max-width:100%;height:auto;border-radius:4px;margin:calc(var(--spacing-unit) * 1.5) 0;display:block}.linkedin-link{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}.linkedin-link:hover{text-decoration:none}.linkedin-icon{width:26px;height:22px;margin:0 0 -1px;border-radius:2px;display:inline-block;vertical-align:baseline}.external-link-icon{width:14px;height:14px;margin:0;display:inline-block;vertical-align:middle;opacity:.7}iframe{max-width:100%;border-radius:6px;margin:var(--spacing-unit) 0}.mermaid{display:flex;justify-content:center;margin:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * -2);padding:calc(var(--spacing-unit) * 2);overflow-x:auto;background:#ffffff05;border-radius:8px;border:1px solid var(--color-border)}.mermaid svg{max-width:100%;height:auto}pre:has(.language-mermaid),pre.mermaid{background:transparent!important;padding:0;border:none}.language-mermaid{background:transparent!important}.menu-toggle{display:none;position:fixed;top:1rem;right:1rem;z-index:1001;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:6px;padding:.75rem;cursor:pointer;width:44px;height:44px;flex-direction:column;justify-content:space-around;align-items:stretch;box-shadow:0 2px 12px #0000004d}.menu-toggle span{display:block;height:2px;background:var(--color-text);transition:all .3s ease;border-radius:2px}.menu-toggle:hover{background:var(--color-hover)}.menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:768px){.menu-toggle{display:flex}#sidebar{position:fixed;left:-100%;top:0;width:280px;height:100vh;background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);transition:left .3s ease;z-index:999}#sidebar.open{left:0;box-shadow:4px 0 24px #0006}.layout{flex-direction:column}main{margin-left:0;padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 1.25);padding-top:calc(var(--spacing-unit) * 4)}#site-footer{margin-left:0;padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 1.25);max-width:100%}h1{font-size:2rem}h2{font-size:1.5rem}.link-preview{max-width:calc(100vw - 2rem)}.mermaid{margin-left:0;margin-right:0}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:998}.sidebar-overlay.open{display:block}.resource-cards{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 1.25);margin-bottom:calc(var(--spacing-unit) * 2)}@media(min-width:600px){.resource-cards{grid-template-columns:repeat(2,1fr)}}.resource-card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:6px;padding:calc(var(--spacing-unit) * 1.25);text-decoration:none;color:var(--color-text);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;display:block}a.resource-card:hover{border-color:var(--color-accent);transform:translateY(-2px);text-decoration:none;box-shadow:0 6px 20px #e8a84b0f}.resource-card:has(.resource-card-header:hover){border-color:var(--color-accent)}.resource-card-header{display:flex;gap:calc(var(--spacing-unit) * .75);align-items:flex-start;text-decoration:none;color:var(--color-text)}a.resource-card-header:hover{text-decoration:none}.resource-logo{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;flex-shrink:0}.resource-info{flex:1;min-width:0}.resource-name{font-family:var(--font-heading);font-weight:600;font-size:1rem;margin-bottom:.25rem;color:var(--color-text-bright)}.resource-card:hover .resource-name{color:var(--color-accent)}.resource-desc{font-size:.85rem;color:var(--color-muted);line-height:1.5}.resource-featured{margin-top:calc(var(--spacing-unit) * .75);padding-top:calc(var(--spacing-unit) * .75);border-top:1px solid var(--color-border)}.featured-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:.5rem;font-weight:600}.resource-featured ul{margin:0;padding-left:calc(var(--spacing-unit) * 1.25)}.resource-featured li{font-size:.85rem;margin-bottom:.25rem}.resource-featured li:last-child{margin-bottom:0}.resource-featured a{color:var(--color-accent)}.resource-featured a:hover{color:var(--color-accent-hover)}.video-card{padding:var(--spacing-unit)}.video-card .resource-name a{color:var(--color-text-bright)}.video-card:hover .resource-name a{color:var(--color-accent)}::selection{background:#e8a84b40;color:var(--color-text-bright)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}