:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--container-prose: 680px;--container-narrow: 880px;--container-default: 1200px;--container-wide: 1440px;--breakpoint-sm: 375px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--text-xs: .64rem;--text-sm: .8rem;--text-875: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5625rem;--text-3xl: 1.953rem;--text-4xl: 2.441rem;--text-5xl: 3.052rem;--text-6xl: 3.815rem;--text-7xl: 4.768rem;--font-display: "Raleway", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--radius-none: 0px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-base: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-color: 220deg 91% 22%;--shadow-sm: 0 1px 2px hsl(var(--shadow-color) / .08), 0 1px 1px hsl(var(--shadow-color) / .05);--shadow-md: 0 2px 4px hsl(var(--shadow-color) / .06), 0 4px 8px hsl(var(--shadow-color) / .08), 0 1px 2px hsl(var(--shadow-color) / .04);--shadow-lg: 0 4px 8px hsl(var(--shadow-color) / .05), 0 8px 20px hsl(var(--shadow-color) / .1), 0 2px 4px hsl(var(--shadow-color) / .04);--shadow-xl: 0 8px 16px hsl(var(--shadow-color) / .06), 0 16px 40px hsl(var(--shadow-color) / .12), 0 4px 8px hsl(var(--shadow-color) / .05);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}:root{--color-page-bg: #FFFFFF;--color-surface: #F4F6FA;--color-surface-2: #E8EDF5;--color-surface-3: #DDE3EE;--color-text-primary: #1D2645;--color-text-secondary: #4B5572;--color-text-muted: #6B7A9E;--color-link: #0B56BE;--color-link-hover: #094499;--color-focus: #0B56BE;--color-blue-500: #0B56BE;--color-navy-900: #052B6D;--color-teal-400: #3DA38B;--color-amber-600: #C47D08;--color-border: #CBD3E6;--color-border-light: #E8EDF5;--color-code-bg: #F4F6FA;--color-code-text: #1D2645;--color-code-border: #CBD3E6;--color-code-header-bg: #E8EDF5;--color-copy-btn: #6B7A9E;--color-copy-btn-hover: #4B5572;--color-admonition-warning-bg: #FFFBEB;--color-admonition-warning-border: #C47D08;--color-admonition-warning-text: #92400E;--color-admonition-info-bg: #F0FDFA;--color-admonition-info-border: #3DA38B;--color-admonition-info-text: #065F56;--color-skip-bg: #0B56BE;--color-skip-text: #FFFFFF;--color-wordmark: #052B6D}[data-theme=dark]{--shadow-color: 220deg 91% 10%;--shadow-sm: 0 1px 2px hsl(var(--shadow-color) / .3), 0 1px 1px hsl(var(--shadow-color) / .2);--shadow-md: 0 2px 4px hsl(var(--shadow-color) / .25), 0 4px 8px hsl(var(--shadow-color) / .3), 0 1px 2px hsl(var(--shadow-color) / .2);--shadow-lg: 0 4px 8px hsl(var(--shadow-color) / .25), 0 8px 20px hsl(var(--shadow-color) / .35), 0 2px 4px hsl(var(--shadow-color) / .2);--shadow-xl: 0 8px 16px hsl(var(--shadow-color) / .28), 0 16px 40px hsl(var(--shadow-color) / .4), 0 4px 8px hsl(var(--shadow-color) / .22);--color-page-bg: #0A0E1A;--color-surface: #111828;--color-surface-2: #1A2238;--color-surface-3: #1E2A45;--color-text-primary: #E8EDF5;--color-text-secondary: #A8B4D0;--color-text-muted: #8A96B0;--color-link: #6AADFF;--color-link-hover: #4D8EE0;--color-focus: #4D8EE0;--color-blue-500: #4D8EE0;--color-navy-900: #6AADFF;--color-teal-400: #5AC4AB;--color-amber-600: #FFB83A;--color-border: #2A3B65;--color-border-light: #1E2A45;--color-code-bg: #0D1117;--color-code-text: #E6EDF3;--color-code-border: #21262D;--color-code-header-bg: #0A0E12;--color-copy-btn: #6B7A9E;--color-copy-btn-hover: #A8B4D0;--color-admonition-warning-bg: #1C1505;--color-admonition-warning-border: #FFB83A;--color-admonition-warning-text: #FFB83A;--color-admonition-info-bg: #051C18;--color-admonition-info-border: #5AC4AB;--color-admonition-info-text: #5AC4AB;--color-skip-bg: #4D8EE0;--color-skip-text: #0A0E1A;--color-wordmark: #FFFFFF}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow-color: 220deg 91% 10%;--shadow-sm: 0 1px 2px hsl(var(--shadow-color) / .3), 0 1px 1px hsl(var(--shadow-color) / .2);--shadow-md: 0 2px 4px hsl(var(--shadow-color) / .25), 0 4px 8px hsl(var(--shadow-color) / .3), 0 1px 2px hsl(var(--shadow-color) / .2);--shadow-lg: 0 4px 8px hsl(var(--shadow-color) / .25), 0 8px 20px hsl(var(--shadow-color) / .35), 0 2px 4px hsl(var(--shadow-color) / .2);--shadow-xl: 0 8px 16px hsl(var(--shadow-color) / .28), 0 16px 40px hsl(var(--shadow-color) / .4), 0 4px 8px hsl(var(--shadow-color) / .22);--color-page-bg: #0A0E1A;--color-surface: #111828;--color-surface-2: #1A2238;--color-surface-3: #1E2A45;--color-text-primary: #E8EDF5;--color-text-secondary: #A8B4D0;--color-text-muted: #8A96B0;--color-link: #6AADFF;--color-link-hover: #4D8EE0;--color-focus: #4D8EE0;--color-blue-500: #4D8EE0;--color-navy-900: #6AADFF;--color-teal-400: #5AC4AB;--color-amber-600: #FFB83A;--color-border: #2A3B65;--color-border-light: #1E2A45;--color-code-bg: #0D1117;--color-code-text: #E6EDF3;--color-code-border: #21262D;--color-code-header-bg: #0A0E12;--color-copy-btn: #6B7A9E;--color-copy-btn-hover: #A8B4D0;--color-admonition-warning-bg: #1C1505;--color-admonition-warning-border: #FFB83A;--color-admonition-warning-text: #FFB83A;--color-admonition-info-bg: #051C18;--color-admonition-info-border: #5AC4AB;--color-admonition-info-text: #5AC4AB;--color-skip-bg: #4D8EE0;--color-skip-text: #0A0E1A;--color-wordmark: #FFFFFF}}@font-face{font-family:Raleway;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Raleway-SemiBold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-SemiBold.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-body);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}img,svg,video,canvas{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);color:var(--color-text-primary)}h1{font-size:clamp(2rem,4vw + 1rem,3.815rem);line-height:1.15;letter-spacing:-.025em}h2{font-size:var(--text-3xl);line-height:1.2;letter-spacing:-.02em}h3{font-size:var(--text-2xl);line-height:1.25;letter-spacing:-.015em}h4{font-size:var(--text-xl);line-height:1.3;letter-spacing:-.01em}h5{font-size:var(--text-lg);line-height:1.35;letter-spacing:-.005em}h6{font-size:var(--text-base);line-height:1.4;letter-spacing:0em}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover);text-decoration:underline}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background-color:var(--color-skip-bg);color:var(--color-skip-text);font-weight:var(--font-semibold);border-radius:var(--radius-md);text-decoration:none;transform:translateY(-200%);transition:transform var(--transition-fast)}.skip-link:focus-visible{transform:translateY(0)}.prose{max-width:var(--container-prose)}.prose p{margin-bottom:var(--space-4)}.prose h2{margin-top:var(--space-10);margin-bottom:var(--space-4)}.prose h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose h4{margin-top:var(--space-6);margin-bottom:var(--space-3)}.prose ul,.prose ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.prose li>ul,.prose li>ol{margin-top:var(--space-2);margin-bottom:0}.prose blockquote{border-left:4px solid var(--color-border);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;font-style:italic;color:var(--color-text-secondary);background-color:var(--color-surface);border-radius:0 var(--radius-md) var(--radius-md) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.prose pre{margin:var(--space-6) 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-code-border)}.prose code:not(pre code){font-family:var(--font-mono);font-size:.875em;background-color:var(--color-surface-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-primary)}.prose table{width:100%;border-collapse:collapse;margin:var(--space-6) 0}.prose th,.prose td{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);text-align:left}.prose th{font-weight:var(--font-semibold);background-color:var(--color-surface)}.prose figure{margin:var(--space-6) 0}.prose figcaption{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-2)}.prose del{text-decoration:line-through;color:var(--color-text-muted)}a[target=_blank]:after{content:" ↗";font-size:.75em;vertical-align:super;color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.container{width:100%;max-width:var(--container-default);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.container-narrow{max-width:var(--container-narrow)}.container-prose{max-width:var(--container-prose)}.container-wide{max-width:var(--container-wide)}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-page-bg);border-bottom:1px solid var(--color-border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:color-mix(in srgb,var(--color-page-bg) 85%,transparent)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.site-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-weight:var(--font-semibold);font-size:var(--text-lg);color:var(--color-wordmark);text-decoration:none;letter-spacing:.05em}.site-logo:hover{text-decoration:none}.site-logo img{height:32px;width:auto}.main-nav{display:none}@media(min-width:768px){.main-nav{display:flex;align-items:center;gap:var(--space-6)}}.nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-2) 0;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.nav-link:hover,.nav-link--active{color:var(--color-text-primary);text-decoration:none}.nav-link--active{border-bottom-color:var(--color-link)}.menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;color:var(--color-text-primary);border-radius:var(--radius-md)}.menu-toggle:hover{background-color:var(--color-surface)}@media(min-width:768px){.menu-toggle{display:none}}.mobile-nav-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:calc(var(--z-overlay) - 1)}.mobile-nav{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background-color:var(--color-page-bg);z-index:var(--z-overlay);padding:var(--space-6);flex-direction:column;gap:var(--space-4)}.mobile-nav.open{display:flex}.mobile-nav .nav-link{font-size:var(--text-lg);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.mobile-nav__search-link{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-link);text-decoration:none;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.mobile-nav__search-link:hover{color:var(--color-link-hover);text-decoration:none}.mobile-nav__search-link svg{width:18px;height:18px}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border-light);padding:var(--space-12) 0 var(--space-8);margin-top:var(--space-16)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-12)}}.footer-section h3{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--space-2)}.footer-section a{color:var(--color-text-secondary);font-size:var(--text-sm)}.footer-section a:hover{color:var(--color-text-primary)}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);flex-wrap:wrap;list-style:none;padding:0}.breadcrumbs li{display:inline-flex;align-items:center;gap:var(--space-2)}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--color-text-muted)}.breadcrumbs a{color:var(--color-text-secondary)}.breadcrumbs a:hover{color:var(--color-link)}.breadcrumbs [aria-current=page]{color:var(--color-text-primary);font-weight:var(--font-medium)}.page-header{margin-bottom:var(--space-8)}.page-header h1{margin-bottom:var(--space-3)}.page-header p{color:var(--color-text-secondary);font-size:var(--text-lg)}.section{padding:var(--space-12) 0}.section+.section{padding-top:0}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.text-center{text-align:center}.flex-center{display:flex;align-items:center;gap:var(--space-2)}.w-full{width:100%}.text-capitalize{text-transform:capitalize}.mr-2{margin-right:var(--space-2)}.loading-fallback{display:flex;align-items:center;justify-content:center;min-height:200px}.loading-fallback:after{content:"";width:32px;height:32px;border:3px solid var(--color-gray-200);border-top-color:var(--color-link);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-fallback:after{animation:none;border-top-color:var(--color-gray-400)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-weight:600;font-size:var(--text-875);letter-spacing:.03em;line-height:1;border-radius:var(--radius-base);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.button--primary{background:var(--color-link);color:#fff}.button--primary:hover{background:var(--color-navy-900)}.button--secondary{background:transparent;color:var(--color-link);border-color:var(--color-link)}.button--secondary:hover{background:var(--color-link);color:#fff}.button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.post-card{display:block;padding:var(--space-6);background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:box-shadow var(--transition-fast),transform var(--transition-fast);text-decoration:none;color:inherit}.post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none;color:inherit}.post-card--article{border-left:4px solid var(--color-teal-400)}.post-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--color-text-primary)}.post-card__meta{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.post-card__description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.post-list{display:flex;flex-direction:column;gap:var(--space-4)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8)}.pagination__button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.pagination__button:hover:not(:disabled){background-color:var(--color-surface-2);color:var(--color-text-primary);text-decoration:none}.pagination__button--active{background-color:var(--color-link);color:#fff;border-color:var(--color-link)}.pagination__button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination__button--ellipsis{cursor:default}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-teal-400);background-color:color-mix(in srgb,var(--color-teal-400) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-teal-400) 25%,transparent);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-fast)}.tag:hover{background-color:color-mix(in srgb,var(--color-teal-400) 20%,transparent);text-decoration:none}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tag-cloud__item{display:inline-flex;align-items:baseline;gap:var(--space-1)}.tag-cloud__name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-link);text-decoration:none}.tag-cloud__name:hover{text-decoration:underline}.tag-cloud__count{font-size:var(--text-xs);color:var(--color-text-muted)}.admonition{padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:4px solid}.admonition .title{font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.admonition--warning{background-color:var(--color-admonition-warning-bg);border-left-color:var(--color-admonition-warning-border);color:var(--color-admonition-warning-text)}.admonition--info{background-color:var(--color-admonition-info-bg);border-left-color:var(--color-admonition-info-border);color:var(--color-admonition-info-text)}.code-block{position:relative;margin:var(--space-6) 0;border-radius:var(--radius-lg);border:1px solid var(--color-code-border);overflow:hidden}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background-color:var(--color-code-header-bg);border-bottom:1px solid var(--color-code-border)}.code-block__lang{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.code-block__copy{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-copy-btn);transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.code-block__copy:hover{color:var(--color-copy-btn-hover);background-color:var(--color-surface);border-color:var(--color-code-border)}.code-block__copy:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.code-block__copy svg{width:16px;height:16px}.code-block__copy.copied{color:var(--color-teal-400)}.code-block pre{background-color:var(--color-code-bg);color:var(--color-code-text);padding:var(--space-4) var(--space-6);margin:0;overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.code-block code{font-family:inherit}.search-bar{position:relative;max-width:480px}.search-bar__input{width:100%;padding:var(--space-3) var(--space-4);padding-left:var(--space-10);font-size:var(--text-base);font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar__input:focus{outline:none;border-color:var(--color-link);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-link) 20%,transparent)}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-2);background-color:var(--color-page-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;z-index:var(--z-dropdown)}.search-result-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item--active{background-color:var(--color-surface-2);text-decoration:none}.search-result-item__type{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-teal-400);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);background-color:color-mix(in srgb,var(--color-teal-400) 10%,transparent);border-radius:var(--radius-sm);margin-top:2px}.search-result-item__content{flex:1;min-width:0}.search-result-item__title{display:block;font-weight:var(--font-medium);margin-bottom:var(--space-1)}.search-result-item__excerpt{display:block;font-size:var(--text-sm);color:var(--color-text-secondary)}.search-result-type-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-right:var(--space-2)}.search-result-type-badge--article{color:var(--color-teal-400);background-color:color-mix(in srgb,var(--color-teal-400) 10%,transparent)}.search-result-type-badge--blog{color:var(--color-link);background-color:color-mix(in srgb,var(--color-link) 10%,transparent)}.search-result-type-badge--page{color:var(--color-text-secondary);background-color:color-mix(in srgb,var(--color-text-secondary) 10%,transparent)}.reading-time{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.theme-toggle svg{width:20px;height:20px}.search-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.search-toggle:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.search-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.search-toggle svg{width:20px;height:20px}.search-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:var(--z-modal);animation:fadeIn var(--transition-normal) ease-out}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-modal) + 1);display:flex;justify-content:center;align-items:flex-start;padding:var(--space-4);padding-top:15vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:767px){.search-overlay{padding:64px 0 0}}.search-overlay__inner{width:100%;max-width:560px;max-height:calc(100vh - 15vh - var(--space-8));background-color:var(--color-page-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);overflow:hidden;animation:slideDown var(--transition-normal) ease-out;display:flex;flex-direction:column}@media(max-width:767px){.search-overlay__inner{max-width:100%;max-height:calc(100vh - 64px);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:none}}.search-overlay__input-wrapper{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.search-overlay__icon{flex-shrink:0;color:var(--color-text-muted)}.search-overlay__input{flex:1;padding:var(--space-3) 0;font-size:var(--text-lg);font-family:var(--font-body);color:var(--color-text-primary);background:none;border:none;outline:none}.search-overlay__input::placeholder{color:var(--color-text-muted)}.search-overlay__kbd{flex-shrink:0;padding:var(--space-1) var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:767px){.search-overlay__kbd{display:none}}.search-overlay__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.search-overlay__close:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.search-overlay__close:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.search-overlay__close svg{width:18px;height:18px}@media(max-width:767px){.search-overlay__close{width:40px;height:40px}}.search-overlay__results{flex:1;overflow-y:auto;overscroll-behavior:contain;min-height:0}.search-overlay__results::-webkit-scrollbar{width:6px}.search-overlay__results::-webkit-scrollbar-track{background:transparent}.search-overlay__results::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.search-overlay__results::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.search-overlay__result{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:var(--color-text-primary);transition:background-color var(--transition-fast)}.search-overlay__result:hover,.search-overlay__result--active{background-color:var(--color-surface-2);text-decoration:none;color:var(--color-text-primary)}.search-overlay__result--active{background-color:var(--color-surface)}.search-overlay__result:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.search-overlay__result-type{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-teal-400);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);background-color:color-mix(in srgb,var(--color-teal-400) 10%,transparent);border-radius:var(--radius-sm);margin-top:2px}.search-overlay__result-content{flex:1;min-width:0}.search-overlay__result-title{display:block;font-weight:var(--font-medium);font-size:var(--text-base);margin-bottom:var(--space-1)}.search-overlay__result-excerpt{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-overlay__empty{padding:var(--space-8) var(--space-4);text-align:center}.search-overlay__empty p{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.search-overlay__empty p:first-child{font-weight:var(--font-medium);color:var(--color-text-primary)}.search-overlay__empty-hint{font-size:var(--text-sm)}.search-overlay__empty-hint a{color:var(--color-link)}.search-overlay__hint{padding:var(--space-6) var(--space-4);text-align:center}.search-overlay__hint p{color:var(--color-text-muted);font-size:var(--text-sm)}.search-overlay__hint-text{margin-bottom:var(--space-4)}.search-overlay__suggestions{margin-top:var(--space-4)}.search-overlay__suggestions-label{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}.search-overlay__suggestion-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.search-overlay__suggestion-tag{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-link);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.search-overlay__suggestion-tag:hover{background-color:var(--color-surface-2);border-color:var(--color-link);text-decoration:none;color:var(--color-link-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.search-overlay-backdrop,.search-overlay__inner{animation:none}}.gist-embed{margin:var(--space-6) 0}.gist-embed iframe{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.not-found{text-align:center;padding:var(--space-24) var(--space-4)}.not-found__code{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-link);margin-bottom:var(--space-4)}.not-found__message{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.hero{padding:var(--space-16) 0 var(--space-12)}.hero__headshot{width:180px;height:180px;border-radius:var(--radius-full);object-fit:cover;margin:0 auto var(--space-6);border:4px solid var(--color-surface-2)}@media(min-width:768px){.hero__headshot{width:220px;height:220px}}@media(min-width:1024px){.hero__headshot{width:260px;height:260px}}.hero__title{margin-bottom:var(--space-4)}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.contact-list{list-style:none;padding:0}.contact-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--text-base)}.contact-list li:last-child{border-bottom:none}.thanks-message{text-align:center;padding:var(--space-16) 0}.thanks-message p{font-size:var(--text-xl);color:var(--color-text-secondary)}.share-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.share-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.share-button:hover{color:var(--color-text-primary);background-color:var(--color-surface-2);border-color:var(--color-link);text-decoration:none}.share-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.share-button svg{flex-shrink:0}@media(max-width:480px){.share-button__label{display:none}.share-button{padding:var(--space-2)}}@media print{.site-header,.site-footer,.theme-toggle,.menu-toggle,.search-toggle,.search-overlay,.search-overlay-backdrop,.mobile-nav,.search-bar,.pagination,.skip-link{display:none!important}body{color:#000;background:#fff}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}a[href^="/"]:after{content:""}.page-content{padding:0}.container{max-width:100%;padding:0}pre,blockquote,table,figure,.admonition{page-break-inside:avoid}h1,h2,h3,h4,h5,h6{page-break-after:avoid}pre{white-space:pre-wrap;word-wrap:break-word;border:1px solid #ccc;padding:1em}}