:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--max-width: 42rem;--max-width-wide: 52rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--radius: .375rem;--line-height: 1.65;--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1a1a1a;--color-muted: #5c5c5c;--color-border: #e5e5e5;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--header-avatar-size: 3rem;--header-avatar-overflow: 1.125rem;--header-padding-y: .7rem;--header-nav-link-pad: calc(var(--header-padding-y) * 1.5 - var(--header-avatar-overflow));--header-nav-indicator: 3px}@media(prefers-color-scheme:dark){:root{--color-bg: #111111;--color-surface: #1a1a1a;--color-text: #ededed;--color-muted: #a3a3a3;--color-border: #2e2e2e;--color-accent: #60a5fa;--color-accent-hover: #93c5fd}}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);font-size:1.0625rem;line-height:var(--line-height);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;display:flex;flex-direction:column}img,video,iframe{max-width:100%;height:auto}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:2px}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4{line-height:1.25;font-weight:600}h1{font-size:1.75rem;margin:0 0 var(--space-md)}h2{font-size:1.35rem;margin:var(--space-xl) 0 var(--space-md)}h3{font-size:1.125rem;margin:var(--space-lg) 0 var(--space-sm)}p{margin:0 0 var(--space-md)}ul,ol{margin:0 0 var(--space-md);padding-left:1.35rem}.site-header{position:relative;z-index:10;background:var(--color-bg)}.site-header__inner{max-width:var(--max-width-wide);margin:0 auto;padding:var(--header-padding-y) var(--space-lg);border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md)}.site-title{display:inline-flex;align-items:center;gap:var(--space-sm);line-height:1;font-size:1.0625rem;font-weight:600;color:var(--color-text);text-decoration:none}.site-title__avatar{position:relative;flex-shrink:0;width:var(--header-avatar-size);height:var(--header-avatar-size)}.site-title__image{position:absolute;left:0;bottom:calc(-1 * var(--header-avatar-overflow));width:var(--header-avatar-size);height:var(--header-avatar-size);border-radius:50%;object-fit:cover;border:2px solid var(--color-bg);box-shadow:0 1px 4px #0000001a}.site-title__name{transform:translateY(var(--header-avatar-overflow))}.site-title:hover{color:var(--color-accent)}.site-header__inner>nav{transform:translateY(var(--header-avatar-overflow))}.site-nav{display:flex;gap:var(--space-lg);list-style:none;margin:0;padding:0}.site-nav a{position:relative;display:inline-block;color:var(--color-muted);text-decoration:none;font-size:.9375rem;font-weight:500}.site-nav a:hover{color:var(--color-text)}.site-nav a[aria-current=page]{position:relative;z-index:1;color:var(--color-text);font-weight:700;padding-bottom:calc(var(--header-nav-link-pad) + var(--header-nav-indicator) * 2);margin-bottom:calc(var(--header-nav-link-pad) - var(--header-nav-indicator));border-bottom:var(--header-nav-indicator) solid var(--color-text)}@media(max-width:40rem){.site-header__inner{--header-nav-link-pad: var(--header-padding-y);row-gap:calc(var(--header-avatar-overflow) + var(--space-sm));align-items:flex-start}.site-header__inner>nav{transform:none;width:100%}.site-nav a[aria-current=page]{padding-bottom:calc(var(--header-nav-link-pad) + var(--header-nav-indicator));margin-bottom:calc(-1 * var(--header-nav-link-pad) - 1px);border-bottom:var(--header-nav-indicator) solid var(--color-text)}}.site-main{flex:1;max-width:var(--max-width-wide);margin:0 auto;padding:var(--space-xl) var(--space-lg);width:100%}.site-main--narrow{max-width:var(--max-width)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-lg);text-align:center;font-size:.875rem;color:var(--color-muted)}.site-footer__cc-icon{max-width:1em;max-height:1em;margin-left:.2em;vertical-align:-.125em}.page-cards{display:flex;flex-direction:column;gap:var(--space-lg)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius) * 2);padding:var(--space-lg);box-shadow:0 1px 2px #0000000a}.card>:last-child{margin-bottom:0}.card>h1:first-child,.card>h2:first-child{margin-top:0}.card .about-nav{margin-bottom:0;padding-bottom:0;border-bottom:none}.card .post-list li:last-child{border-bottom:none;padding-bottom:0}.intro__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.intro__image{width:3rem;height:3rem;border-radius:50%;object-fit:cover;flex-shrink:0}.intro__header h1{margin:0}.cta{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-size:1.0625rem;font-weight:500;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius) * 2);text-decoration:none;box-shadow:0 1px 2px #0000000a;transition:border-color .15s ease,color .15s ease}.cta:hover{color:var(--color-accent);border-color:var(--color-muted)}.cta__icon{flex-shrink:0;width:1.125rem;height:1.125rem}.section-title{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:0 0 var(--space-md)}.post-list{list-style:none;margin:0;padding:0}.post-list li{border-bottom:1px solid var(--color-border);padding:var(--space-md) 0}.post-list li:first-child{padding-top:0}.post-list__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-muted);margin-bottom:var(--space-xs)}.badge{display:inline-block;font-size:.8125rem;font-weight:500;line-height:1;padding:.35rem .65rem;border-radius:9999px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.badge--with-icon{display:inline-flex;align-items:center;gap:.35rem}.badge--with-icon [data-icon]{font-size:1em;flex-shrink:0}.post-list__title{font-size:1.125rem;font-weight:600;margin:0 0 var(--space-xs)}.post-list__title a{color:var(--color-text);text-decoration:none}.post-list__title a:hover{color:var(--color-accent)}.post-list__desc{font-size:.9375rem;color:var(--color-muted);margin:0}.social-links{display:flex;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);list-style:none;margin:0;padding:0}.social-links a{display:inline-flex;align-items:center;gap:.35rem;font-size:.9375rem}.social-links a [data-icon]{font-size:1.1em;flex-shrink:0}.prose{max-width:var(--max-width)}.prose img{display:block;margin:var(--space-lg) auto;border-radius:var(--radius)}.prose pre{overflow-x:auto;padding:var(--space-md);border-radius:var(--radius);border:1px solid var(--color-border);font-size:.875rem;line-height:1.5}.prose code{font-size:.875em}.prose blockquote{margin:var(--space-lg) 0;padding-left:var(--space-md);border-left:3px solid var(--color-border);color:var(--color-muted)}.prose table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;font-size:.9375rem}.prose th,.prose td{border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);text-align:left}.post-header{margin-bottom:var(--space-xl)}.post-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-muted)}.about-layout{--about-scroll-offset: 85px;display:flex;flex-direction:column;gap:var(--space-lg)}.about-layout .page-cards>.card[id]{scroll-margin-top:var(--about-scroll-offset)}@media(prefers-reduced-motion:no-preference){html:has(.about-layout){scroll-behavior:smooth}}.about-nav-sentinel{height:1px;margin-bottom:-1px;pointer-events:none}.about-nav-wrap{--about-nav-sticky-top: var(--space-sm);position:sticky;top:var(--about-nav-sticky-top);z-index:5;padding:var(--space-md);transition:box-shadow .3s ease}.about-nav-wrap.card.is-stuck{box-shadow:0 4px 20px #0000001a}@media(prefers-color-scheme:dark){.about-nav-wrap.card.is-stuck{box-shadow:0 4px 20px #0006}}@media(prefers-reduced-motion:reduce){.about-nav-wrap{transition:none}}.about-nav{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);font-size:.875rem}.about-nav a{color:var(--color-muted);text-decoration:none;font-weight:400;transition:color .2s ease}.about-nav a:hover,.about-nav a.is-active{color:var(--color-text)}.about-nav a.is-active{font-weight:600}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}