:root{--font-sans:"Plus Jakarta Sans",system-ui,sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.8rem);--text-sm:clamp(0.875rem,0.8rem + 0.35vw,0.95rem);--text-base:clamp(1rem,0.95rem + 0.25vw,1.0625rem);--text-lg:clamp(1.125rem,1rem + 0.5vw,1.25rem);--text-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--text-2xl:clamp(1.5rem,1.25rem + 1.25vw,2rem);--text-3xl:clamp(2rem,1.5rem + 2.5vw,3rem);--text-4xl:clamp(2.5rem,2rem + 2.5vw,3.5rem);--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-caps:0.08em;--color-terracotta-50:#fef7f4;--color-terracotta-100:#fdeee8;--color-terracotta-200:#fad9cc;--color-terracotta-300:#f5b89e;--color-terracotta-400:#e88a5c;--color-terracotta-500:#d96a3a;--color-terracotta-600:#c45429;--color-terracotta-700:#a34322;--color-terracotta-800:#863921;--color-terracotta-900:#6f311e;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-300:#fcd34d;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-stone-50:#fafaf9;--color-stone-100:#f5f5f4;--color-stone-200:#e7e5e4;--color-stone-300:#d6d3d1;--color-stone-400:#a8a29e;--color-stone-500:#78716c;--color-stone-600:#57534e;--color-stone-700:#44403c;--color-stone-800:#292524;--color-stone-900:#1c1917;--color-stone-950:#0f0e0d;--color-bg:var(--color-stone-50);--color-bg-subtle:#fdfcfb;--color-surface:#ffffff;--color-surface-raised:#ffffff;--color-text:var(--color-stone-900);--color-text-secondary:var(--color-stone-600);--color-text-muted:var(--color-stone-500);--color-accent:var(--color-terracotta-600);--color-accent-hover:var(--color-terracotta-700);--color-accent-subtle:var(--color-terracotta-50);--color-border:var(--color-stone-200);--color-border-subtle:var(--color-stone-100);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(28,25,23,0.04);--shadow-md:0 4px 12px rgba(28,25,23,0.06);--shadow-lg:0 8px 24px rgba(28,25,23,0.08);--shadow-xl:0 16px 48px rgba(28,25,23,0.1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--transition-fast:150ms var(--ease-out-quart);--transition-base:200ms var(--ease-out-quart);--transition-slow:300ms var(--ease-out-expo);--content-width:720px;--content-width-wide:960px;--measure:65ch;--page-padding-inline:clamp(var(--space-4),5vw,var(--space-6));--page-padding-block:clamp(var(--space-8),8vw,var(--space-12));--nextra-primary-hue:18;--nextra-primary-saturation:70%}[data-theme=dark],html.dark{--color-bg:var(--color-stone-950);--color-bg-subtle:var(--color-stone-900);--color-surface:var(--color-stone-900);--color-surface-raised:var(--color-stone-800);--color-text:var(--color-stone-100);--color-text-secondary:var(--color-stone-300);--color-text-muted:var(--color-stone-400);--color-accent:var(--color-terracotta-400);--color-accent-hover:var(--color-terracotta-300);--color-accent-subtle:rgba(232,138,92,0.1);--color-border:var(--color-stone-700);--color-border-subtle:var(--color-stone-800);--shadow-sm:0 1px 2px rgba(28,25,23,0.25);--shadow-md:0 4px 12px rgba(28,25,23,0.35);--shadow-lg:0 8px 24px rgba(28,25,23,0.45);--shadow-xl:0 16px 48px rgba(28,25,23,0.55)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-terracotta-200);color:var(--color-stone-900)}[data-theme=dark] ::selection,html.dark ::selection{background:var(--color-terracotta-700);color:var(--color-stone-100)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}.nx-bg-white[\.9]{background:rgba(250,250,249,.95)!important;border-bottom:1px solid var(--color-border-subtle);contain:layout style}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){@media (hover:hover),(min-width:768px){.nx-bg-white[\.9]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}}[data-theme=dark] .nx-bg-white[\.9],html.dark .nx-bg-white[\.9]{background:rgba(15,14,13,.95)!important;border-bottom-color:var(--color-border-subtle)}header[data-pagefind-ignore=all]{justify-content:space-between}.blog-brand{display:inline-flex;align-items:baseline;gap:var(--space-1);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-text);text-decoration:none;order:-1;margin-right:auto;min-height:44px;padding-block:var(--space-1)}.blog-brand-accent,.blog-brand-main{font-size:var(--text-lg)}.blog-brand-accent{color:var(--color-accent)}.nx-bg-primary-500,button[class*=primary]{background:var(--color-accent)!important;border-radius:var(--radius-md);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.nx-bg-primary-500:hover{background:var(--color-accent-hover)!important}.nx-bg-primary-500:active{transform:scale(.98)}.nx-bg-primary-500:disabled,button:disabled,button[class*=primary]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.nx-text-primary-600,a[href].nx-text-primary-600{color:var(--color-accent)!important}.nx-text-primary-600:hover,a[href].nx-text-primary-600:hover{color:var(--color-accent-hover)!important}.nx-rounded-2xl{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:var(--color-surface);border-radius:var(--radius-xl);contain:layout paint style}[data-theme=dark] .nx-rounded-2xl,html.dark .nx-rounded-2xl{border-color:var(--color-border);box-shadow:var(--shadow-md)}.nx-rounded-2xl,.nx-rounded-xl{border-radius:var(--radius-xl)}footer{border-top:1px solid var(--color-border)}footer,footer a{color:var(--color-text-muted)}footer a:hover{color:var(--color-accent)}.x\:prose,[class*=prose],article{color:var(--color-text);contain:layout style}.x\:prose li,.x\:prose p,[class*=prose] li,[class*=prose] p{max-width:var(--measure);text-wrap:pretty}.x\:prose a,[class*=prose] a{text-decoration:underline;-webkit-text-decoration-color:var(--color-terracotta-300);text-decoration-color:var(--color-terracotta-300);text-underline-offset:.2em;text-decoration-thickness:1px}.x\:prose a:hover,[class*=prose] a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.x\:prose code,[class*=prose] code{background:var(--color-stone-100);border-radius:var(--radius-sm);padding:.15em .35em;font-size:.9em}[data-theme=dark] .x\:prose code,html.dark [class*=prose] code{background:var(--color-stone-800)}.nx-prose blockquote,[class*=prose] blockquote{border-left:3px solid var(--color-terracotta-400);background:var(--color-accent-subtle);padding:var(--space-4) var(--space-5);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-block:var(--space-6)}.nx-prose hr,[class*=prose] hr{border-color:var(--color-border)}.nx-prose h2,.nx-prose h3,[class*=prose] h2,[class*=prose] h3{scroll-margin-top:var(--space-24)}.posts-page{max-width:var(--content-width);margin:0 auto;padding:var(--page-padding-block) var(--page-padding-inline) var(--space-16);contain:layout style}.posts-page .posts-header{margin-bottom:var(--space-8)}.posts-page .posts-header h1{font-size:var(--text-4xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-2);letter-spacing:var(--tracking-tight)}.posts-page .posts-header p{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.posts-page .tags-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.posts-page .tag-pill{font-size:var(--text-xs);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-full);text-decoration:none;border:1px solid var(--color-border);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:600;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.posts-page .tag-pill:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.posts-page .posts-grid{display:flex;flex-direction:column;gap:var(--space-6)}.posts-page .posts-grid>article,.posts-page .posts-grid>div{border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);content-visibility:auto;contain-intrinsic-size:auto 200px}.posts-page .posts-grid>article:hover,.posts-page .posts-grid>div:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tag-page{max-width:var(--content-width);margin:0 auto;padding:var(--page-padding-block) var(--page-padding-inline) var(--space-16);contain:layout style}.tag-page h1{font-size:var(--text-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-6);letter-spacing:var(--tracking-tight)}.tag-page .posts-list{display:flex;flex-direction:column;gap:var(--space-6)}.tag-page .posts-list>article,.tag-page .posts-list>div{border-radius:var(--radius-xl);overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 200px}.tag-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.tag-back{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding-block:var(--space-2);transition:color var(--transition-fast)}.tag-back:hover{color:var(--color-accent)}.nextra-tag{background:var(--color-surface)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important;box-shadow:none!important;text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:border-color var(--transition-fast),color var(--transition-fast)}.nextra-tag:hover{color:var(--color-accent)!important;border-color:var(--color-accent)!important}.nx-text-sm{font-size:var(--text-sm)}.nx-leading-relaxed{line-height:var(--leading-relaxed)}.nx-transition-colors{transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.nx-shadow-md,.nx-shadow-sm{box-shadow:var(--shadow-md)!important}.nx-px-4{padding-left:var(--space-6);padding-right:var(--space-6)}.nx-max-w-2xl{max-width:var(--content-width)}.nx-mt-8{margin-top:var(--space-10)}.skip-to-content{position:absolute;top:-100%;left:50%;transform:translateX(-50%);z-index:9999;padding:var(--space-4) var(--space-6);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-accent);border-radius:var(--radius-md);font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-lg);transition:top var(--transition-fast)}.skip-to-content:focus{top:var(--space-4);outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}[role=button]:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 4px var(--color-accent-subtle)}.tag-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.blog-brand:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-sm)}.tag-back:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (forced-colors:active){.empty-state-action,.skip-to-content,.tag-pill{border:2px solid}:focus-visible{outline:3px solid Highlight;outline-offset:2px}}.posts-page .posts-grid>article,.posts-page .posts-grid>div,.tag-page .posts-list>article,.tag-page .posts-list>div{min-width:0;overflow:hidden}.tag-pill{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.posts-page .posts-header h1,.tag-page h1{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.posts-page,.tag-page{overflow-x:hidden;max-width:100%}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.empty-state-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-base);margin-bottom:var(--space-6);max-width:400px;margin-inline:auto;color:var(--color-text-secondary)}.empty-state-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-accent);color:white;border-radius:var(--radius-md);text-decoration:none;font-weight:500;min-height:44px;min-width:44px;transition:background var(--transition-fast),transform var(--transition-fast)}.empty-state-action:hover{background:var(--color-accent-hover);color:white}.empty-state-action:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width:767px){.posts-page .posts-header{margin-bottom:var(--space-6)}.posts-page .posts-header h1{font-size:var(--text-3xl)}.tag-page h1{font-size:var(--text-2xl)}.posts-page .posts-grid,.tag-page .posts-list{gap:var(--space-4)}.posts-page .tags-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:calc(var(--page-padding-inline) * -1);padding-inline:var(--page-padding-inline);padding-block:var(--space-2);margin-bottom:var(--space-6)}.posts-page .tags-row::-webkit-scrollbar{display:none}.posts-page .tag-pill{flex-shrink:0;scroll-snap-align:start}.empty-state{padding:var(--space-8) var(--space-4)}.empty-state-icon{font-size:var(--text-3xl)}.nx-prose blockquote,[class*=prose] blockquote{padding:var(--space-3) var(--space-4);margin-block:var(--space-4)}}@media (min-width:768px) and (max-width:1023px){.posts-page,.tag-page{max-width:var(--content-width-wide)}.posts-page .tags-row{gap:var(--space-3)}}@media (min-width:1024px){.posts-page,.tag-page{padding-inline:var(--space-8)}.posts-page .posts-header{margin-bottom:var(--space-10)}}@media (hover:none){.posts-page .posts-grid>article:hover,.posts-page .posts-grid>div:hover{transform:none;box-shadow:var(--shadow-sm)}.posts-page .posts-grid>article:active,.posts-page .posts-grid>div:active{transform:scale(.98);box-shadow:var(--shadow-md)}.posts-page .tag-pill:hover{border-color:var(--color-border);color:var(--color-text-secondary);background:var(--color-surface)}.posts-page .tag-pill:active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.empty-state-action:hover{background:var(--color-accent)}.empty-state-action:active{background:var(--color-accent-hover);transform:scale(.98)}.tag-back:hover{color:var(--color-text-muted)}.tag-back:active{color:var(--color-accent)}}@media (max-height:500px) and (orientation:landscape){.posts-page,.tag-page{padding-block:var(--space-6)}.posts-page .posts-header,.tag-header{margin-bottom:var(--space-4)}.empty-state{padding-block:var(--space-6)}.skip-to-content:focus{top:var(--space-2)}}@media (min-width:1440px){.posts-page,.tag-page{max-width:var(--content-width)}}@media print{.blog-brand,.skip-to-content,.tag-back{display:none}.posts-page,.tag-page{padding:var(--space-4);max-width:100%}body{background:white;color:black}}