:root{color-scheme:light;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-muted: #f1f5f9;--color-surface-elevated: #ffffff;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-soft: #dbeafe;--color-on-accent: #ffffff;--color-cyan: #0891b2;--color-green: #059669;--color-warm: #d97706;--color-danger: #dc2626;--color-rust: #b45309;--color-ui: #7c3aed;--color-code-bg: #f8fafc;--color-code-border: #e2e8f0;--color-code-text: #0f172a;--color-code-inline-bg: #f1f5f9;--color-code-inline-text: #0f172a;--color-selection-bg: #dbeafe;--color-selection-text: #0f172a;--color-focus-ring: rgba(37, 99, 235, 0.35);--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 20px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--border: 1px solid var(--color-border);--font-sans: "IBM Plex Sans", Satoshi, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "IBM Plex Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.75;--shadow-sm: 0 1px 2px rgb(15 23 42 / 0.04);--shadow-md: 0 4px 16px rgb(15 23 42 / 0.06);--shadow-lg: 0 12px 32px rgb(15 23 42 / 0.10);--content-width: 1100px;--prose-width: 720px;--header-height: 60px;--transition: 160ms ease}[data-theme=dark]{color-scheme:dark;--color-bg: #0b1020;--color-surface: #111827;--color-surface-muted: #172033;--color-surface-elevated: #1a2336;--color-text: #e5e7eb;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #263244;--color-accent: #7aa2f7;--color-accent-hover: #9abdfb;--color-accent-soft: rgba(122, 162, 247, 0.14);--color-on-accent: #0b1020;--color-cyan: #7dcfff;--color-green: #9ece6a;--color-warm: #e0af68;--color-danger: #f7768e;--color-rust: #e0af68;--color-ui: #bb9af7;--color-code-bg: #111827;--color-code-border: #263244;--color-code-text: #e5e7eb;--color-code-inline-bg: #172033;--color-code-inline-text: #e5e7eb;--color-selection-bg: rgba(122, 162, 247, 0.35);--color-selection-text: #ffffff;--color-focus-ring: rgba(122, 162, 247, 0.45);--shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);--shadow-md: 0 4px 16px rgb(0 0 0 / 0.5);--shadow-lg: 0 12px 32px rgb(0 0 0 / 0.6)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0b1020;--color-surface: #111827;--color-surface-muted: #172033;--color-surface-elevated: #1a2336;--color-text: #e5e7eb;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #263244;--color-accent: #7aa2f7;--color-accent-hover: #9abdfb;--color-accent-soft: rgba(122, 162, 247, 0.14);--color-on-accent: #0b1020;--color-cyan: #7dcfff;--color-green: #9ece6a;--color-warm: #e0af68;--color-danger: #f7768e;--color-rust: #e0af68;--color-ui: #bb9af7;--color-code-bg: #111827;--color-code-border: #263244;--color-code-text: #e5e7eb;--color-code-inline-bg: #172033;--color-code-inline-text: #e5e7eb;--color-selection-bg: rgba(122, 162, 247, 0.35);--color-selection-text: #ffffff;--color-focus-ring: rgba(122, 162, 247, 0.45);--shadow-sm: 0 1px 2px rgb(0 0 0 / 0.4);--shadow-md: 0 4px 16px rgb(0 0 0 / 0.5);--shadow-lg: 0 12px 32px rgb(0 0 0 / 0.6)}}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;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{min-height:100vh;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg,video,canvas{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul[role=list],ol[role=list]{list-style:none;padding:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}html{font-family:var(--font-sans);font-size:100%}body{background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);display:flex;flex-direction:column;transition:background-color var(--transition),color var(--transition)}main{flex:1 0 auto}a{color:var(--color-accent);transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4{font-weight:700;line-height:var(--leading-tight);letter-spacing:-.01em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl);font-weight:600;line-height:var(--leading-snug)}h3{font-size:var(--text-lg);font-weight:600}small{font-size:var(--text-sm)}hr{border:none;border-top:var(--border);margin:var(--space-7) 0}.skip-link{position:absolute;left:var(--space-3);top:-100px;z-index:1000;background:var(--color-accent);color:var(--color-on-accent);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);transition:top var(--transition)}.skip-link:focus{top:var(--space-3);color:var(--color-on-accent)}.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border:var(--border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:1;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.btn:hover{background:var(--color-surface-muted);color:var(--color-text);border-color:color-mix(in srgb, var(--color-text-muted) 40%, var(--color-border))}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-on-accent)}.btn--ghost{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--color-text-secondary)}.btn--ghost:hover{background:var(--color-surface-muted);border-color:rgba(0,0,0,0);color:var(--color-text)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-4);border:var(--border);border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--text-xs);font-family:var(--font-mono);line-height:1.5;transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.tag:hover{color:var(--color-text);border-color:var(--color-text-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-3);list-style:none;padding:0;margin:0}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent)}.container{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:var(--space-6)}@media (min-width: 768px){.container{padding-inline:var(--space-7)}}.section{padding-block:var(--space-8)}.section--tight{padding-block:var(--space-7)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap}.section-head h2{font-size:var(--text-2xl)}.section-head .more-link{font-size:var(--text-sm);font-weight:600;white-space:nowrap}.grid{display:grid;gap:var(--space-6)}.grid--cards{grid-template-columns:1fr}@media (min-width: 640px){.grid--cards{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.grid--cards-3{grid-template-columns:repeat(3, 1fr)}}.page-header{padding-block:var(--space-8) var(--space-6);border-bottom:var(--border);margin-bottom:var(--space-7)}.page-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.page-header p{color:var(--color-text-muted);max-width:var(--prose-width);font-size:var(--text-lg)}@media (min-width: 768px){.page-header h1{font-size:2.25rem}}.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb, var(--color-bg) 85%, rgba(0,0,0,0));backdrop-filter:saturate(180%) blur(10px);border-bottom:var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);height:var(--header-height)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-text)}.brand:hover{color:var(--color-text)}.brand__mark{display:block;width:32px;height:32px;border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0}.nav{display:none;align-items:center;gap:var(--space-1)}.nav__link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;transition:background-color var(--transition),color var(--transition)}.nav__link:hover{color:var(--color-text);background:var(--color-surface-muted)}.nav__link[aria-current=page]{color:var(--color-accent);background:var(--color-accent-soft)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-sm);color:var(--color-text-muted);border:1px solid rgba(0,0,0,0);transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.icon-btn:hover{color:var(--color-text);background:var(--color-surface-muted)}.icon-btn svg{width:18px;height:18px}.search-trigger{display:inline-flex;align-items:center;gap:var(--space-3);height:38px;padding-inline:var(--space-4);border:var(--border);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--text-sm);transition:background-color var(--transition),color var(--transition)}.search-trigger:hover{color:var(--color-text);background:var(--color-surface-muted)}.search-trigger svg{width:16px;height:16px}.search-trigger .search-trigger__kbd{display:none;margin-left:var(--space-3)}kbd{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px var(--space-2);border:var(--border);border-radius:6px;background:var(--color-bg);color:var(--color-text-muted);box-shadow:var(--shadow-sm)}.nav-toggle{display:inline-grid}.mobile-nav{display:none;border-top:var(--border);background:var(--color-bg);padding:var(--space-5) 0 var(--space-6)}.mobile-nav[data-open=true]{display:block}.mobile-nav .nav__link{display:block;font-size:var(--text-base);padding:var(--space-4) var(--space-4)}@media (min-width: 800px){.nav{display:flex}.nav-toggle{display:none}.mobile-nav{display:none !important}.search-trigger .search-trigger__kbd{display:inline-flex}}.site-footer{flex-shrink:0;border-top:var(--border);margin-top:var(--space-9);padding-block:var(--space-7);background:var(--color-surface-muted)}.site-footer__inner{display:flex;flex-direction:column;gap:var(--space-6)}.site-footer__brand{display:flex;flex-direction:column;gap:var(--space-3);max-width:38ch}.site-footer__brand .brand{font-size:var(--text-base)}.site-footer__tagline{color:var(--color-text-muted);font-size:var(--text-sm)}.site-footer__cols{display:flex;flex-wrap:wrap;gap:var(--space-7);justify-content:space-between}.footer-social{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.footer-nav{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--space-6)}@media (min-width: 640px){.footer-nav{grid-template-columns:repeat(4, minmax(0, 1fr))}}.footer-nav__title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.footer-nav__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.footer-nav__col a{color:var(--color-text-secondary);font-size:var(--text-sm)}.footer-nav__col a:hover{color:var(--color-accent)}.footer-bottom{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;align-items:center;padding-top:var(--space-6);border-top:var(--border);color:var(--color-text-muted);font-size:var(--text-sm)}.footer-bottom a{color:var(--color-text-muted)}.footer-bottom a:hover{color:var(--color-text)}@media (min-width: 768px){.site-footer__inner{flex-direction:row;justify-content:space-between;align-items:flex-start}}.hero{position:relative;padding-block:var(--space-9) var(--space-8);border-bottom:var(--border)}.hero::before{content:"";position:absolute;inset:-60px 0 auto 0;height:460px;background:radial-gradient(60% 70% at 50% 0%, var(--color-accent-soft), rgba(0,0,0,0) 70%);opacity:.6;pointer-events:none;z-index:0}.hero>.container{position:relative;z-index:1}.hero__eyebrow{margin-bottom:var(--space-5)}.hero__title{font-size:clamp(2rem,5vw,3rem);line-height:1.08;letter-spacing:-.03em;max-width:18ch;margin-bottom:var(--space-6)}.hero__title .accent{color:var(--color-accent)}.hero__lead{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:56ch;line-height:var(--leading-normal);margin-bottom:var(--space-7)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.featured-block{display:grid;gap:var(--space-6)}@media (min-width: 1024px){.featured-block{grid-template-columns:1fr}}.home-section+.home-section{border-top:var(--border)}.card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border:var(--border);border-radius:var(--radius-lg);background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);height:100%}.card:hover{border-color:color-mix(in srgb, var(--color-text-muted) 40%, var(--color-border));box-shadow:var(--shadow-md)}.post-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.post-card__meta .dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.post-card__title{font-size:var(--text-xl);line-height:var(--leading-snug);font-weight:600}.post-card__title a{color:var(--color-text)}.post-card__title a:hover{color:var(--color-accent)}.post-card__excerpt{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal);margin-top:calc(-1*var(--space-1))}.post-card__footer{margin-top:auto}.featured-card{display:grid;gap:var(--space-5);padding:var(--space-7);border:var(--border);border-radius:var(--radius-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}.featured-card .eyebrow{color:var(--color-warm)}.featured-card .post-card__title{font-size:var(--text-2xl)}.featured-card__excerpt{color:var(--color-text-secondary);font-size:var(--text-base);max-width:60ch}.topic-card{--topic-color: var(--color-accent);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border:var(--border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition)}.topic-card:hover{color:var(--color-text);border-color:color-mix(in srgb, var(--topic-color) 45%, var(--color-border));box-shadow:var(--shadow-md)}.topic-card[data-topic=java]{--topic-color: var(--color-warm)}.topic-card[data-topic=cloud]{--topic-color: var(--color-warm)}.topic-card[data-topic=rust]{--topic-color: var(--color-rust)}.topic-card[data-topic=devops]{--topic-color: var(--color-green)}.topic-card[data-topic=search]{--topic-color: var(--color-cyan)}.topic-card[data-topic=security]{--topic-color: var(--color-danger)}.topic-card[data-topic=ui]{--topic-color: var(--color-ui)}.topic-card__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--topic-color) 14%, rgba(0,0,0,0));color:var(--topic-color)}.topic-card__icon svg{width:20px;height:20px}.topic-card__name{font-size:var(--text-lg);font-weight:600}.topic-card__desc{color:var(--color-text-muted);font-size:var(--text-sm)}.project-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.project-card__name{font-size:var(--text-lg);font-weight:600}.project-card__name a{color:var(--color-text)}.project-card__name a:hover{color:var(--color-accent)}.project-card__desc{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.status-badge{flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:var(--border);color:var(--color-text-muted);white-space:nowrap}.status-badge[data-status=Active]{color:var(--color-green);border-color:color-mix(in srgb, var(--color-green) 35%, rgba(0,0,0,0));background:color-mix(in srgb, var(--color-green) 10%, rgba(0,0,0,0))}.status-badge[data-status=Experiment]{color:var(--color-warm);border-color:color-mix(in srgb, var(--color-warm) 35%, rgba(0,0,0,0));background:color-mix(in srgb, var(--color-warm) 10%, rgba(0,0,0,0))}.status-badge[data-status=Learning]{color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 35%, rgba(0,0,0,0));background:color-mix(in srgb, var(--color-accent) 10%, rgba(0,0,0,0))}.stack-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.stack-badge{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text-secondary)}.container--narrow{max-width:56rem}.blog-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--space-6)}.blog-toolbar .more-link{display:inline-flex;align-items:center;gap:var(--space-2)}.blog-tags{margin-top:var(--space-8);padding-top:var(--space-7);border-top:var(--border)}.tag__count{margin-left:var(--space-2);padding-left:var(--space-2);border-left:var(--border);color:var(--color-text-muted)}.archive__year{display:flex;align-items:baseline;gap:var(--space-4);margin:var(--space-8) 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border);font-size:var(--text-2xl)}.archive__year:first-child{margin-top:var(--space-4)}.archive__count{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;color:var(--color-text-muted)}.archive__list{list-style:none;margin:0 0 var(--space-6);padding:0}.archive__item{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.archive__date{flex-shrink:0;width:4.5rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.archive__link{flex:1 1 auto;font-weight:500;color:var(--color-text)}.archive__link:hover{color:var(--color-accent)}.archive__cat{flex-shrink:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width: 480px){.archive__item{flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.archive__cat{width:100%}}.article-layout{display:grid;gap:var(--space-7);align-items:start}@media (min-width: 1024px){.article-layout{grid-template-columns:minmax(0, 1fr) 220px}.article-layout--no-toc{grid-template-columns:minmax(0, 1fr)}}.article{min-width:0;max-width:var(--prose-width);margin-inline:auto;width:100%}.article-header{margin-bottom:var(--space-7)}.article-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-5)}.article-header__meta .dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.article-header h1{font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.15;margin-bottom:var(--space-5)}.article-header__desc{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-normal)}.article-header__tags{margin-top:var(--space-6)}.prose{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}.prose>*+*{margin-top:var(--space-6)}.prose h2,.prose h3,.prose h4{margin-top:var(--space-8);scroll-margin-top:calc(var(--header-height) + var(--space-5))}.prose h2{font-size:var(--text-2xl);padding-bottom:var(--space-3);border-bottom:var(--border)}.prose h3{font-size:var(--text-xl)}.prose h4{font-size:var(--text-lg)}.prose p,.prose li{overflow-wrap:break-word}.prose a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb, var(--color-accent) 45%, rgba(0,0,0,0))}.prose a:hover{text-decoration-color:var(--color-accent)}.prose ul,.prose ol{padding-left:var(--space-6)}.prose li+li{margin-top:var(--space-3)}.prose li::marker{color:var(--color-text-muted)}.prose img{border-radius:var(--radius-lg);border:var(--border);margin-inline:auto}.prose figure{margin-block:var(--space-7)}.prose figcaption{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.prose blockquote{margin-block:var(--space-7);padding:var(--space-5) var(--space-6);border-left:3px solid var(--color-accent);background:var(--color-surface-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-secondary)}.prose blockquote p{margin-top:0}.prose blockquote>*+*{margin-top:var(--space-4)}.prose a.zola-anchor{text-decoration:none;color:var(--color-text-muted);opacity:0;padding-inline:var(--space-3);transition:opacity var(--transition)}.prose h2:hover a.zola-anchor,.prose h3:hover a.zola-anchor,.prose h4:hover a.zola-anchor{opacity:1}.prose .table-wrap{overflow-x:auto;border:var(--border);border-radius:var(--radius-lg)}.prose table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.prose th,.prose td{padding:var(--space-4) var(--space-5);text-align:left;border-bottom:var(--border)}.prose thead th{background:var(--color-surface-muted);font-weight:600}.prose tbody tr:last-child td{border-bottom:none}.prose .footnote-definition{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.prose .footnote-definition p{margin-top:0}.prose .footnote-definition-label{font-family:var(--font-mono)}.article-nav{display:grid;gap:var(--space-5);margin-top:var(--space-8);padding-top:var(--space-7);border-top:var(--border)}@media (min-width: 640px){.article-nav{grid-template-columns:1fr 1fr}}.article-nav__link{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition),background-color var(--transition)}.article-nav__link:hover{border-color:var(--color-text-muted);background:var(--color-surface)}.article-nav__link.is-next{text-align:right;align-items:flex-end}.article-nav__dir{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.article-nav__title{font-weight:600;color:var(--color-text)}.related{margin-top:var(--space-8);padding-top:var(--space-7);border-top:var(--border)}.read-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--color-accent);z-index:200;transition:width 80ms linear}.toc{display:none}@media (min-width: 1024px){.toc{display:block;position:sticky;top:calc(var(--header-height) + var(--space-6));font-size:var(--text-sm);max-height:calc(100vh - var(--header-height) - var(--space-8));overflow-y:auto}}.toc__title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.toc__list{list-style:none;padding:0;margin:0;border-left:var(--border)}.toc__list .toc__list{border-left:none;padding-left:var(--space-5)}.toc__link{display:block;padding:var(--space-2) var(--space-5);margin-left:-1px;border-left:2px solid rgba(0,0,0,0);color:var(--color-text-muted);line-height:var(--leading-snug)}.toc__link:hover{color:var(--color-text)}.toc__link.is-active{color:var(--color-accent);border-left-color:var(--color-accent)}.toc-mobile{margin-bottom:var(--space-7);border:var(--border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}@media (min-width: 1024px){.toc-mobile{display:none}}.toc-mobile summary{cursor:pointer;padding:var(--space-4) var(--space-5);font-weight:600;font-size:var(--text-sm);list-style:none;display:flex;align-items:center;justify-content:space-between}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile[open] summary{border-bottom:var(--border)}.toc-mobile .toc__list{border-left:none;padding:var(--space-4) var(--space-5)}.callout{display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6);border:var(--border);border-left-width:3px;border-radius:var(--radius-sm);background:var(--color-surface-muted);margin-block:var(--space-6)}.callout p{margin-top:0}.callout>div>*+*{margin-top:var(--space-3)}.callout__icon{flex-shrink:0}.callout--note{border-left-color:var(--color-accent)}.callout--tip{border-left-color:var(--color-green)}.callout--warning{border-left-color:var(--color-warm)}.callout--danger{border-left-color:var(--color-danger)}.callout--architecture{border-left-color:var(--color-accent)}.callout--definition{border-left-color:var(--color-cyan)}.breadcrumbs{margin-bottom:var(--space-6);font-size:var(--text-sm)}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);list-style:none;padding:0;margin:0}.breadcrumbs li{display:inline-flex;align-items:center;gap:var(--space-3)}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a:hover{color:var(--color-accent)}.breadcrumbs [aria-current=page]{color:var(--color-text-secondary)}.breadcrumbs__sep{color:var(--color-text-muted);opacity:.6}.answer-box{margin-block:var(--space-6);padding:var(--space-5) var(--space-6);border:1px solid color-mix(in srgb, var(--color-accent) 35%, var(--color-border));border-radius:var(--radius-md);background:var(--color-accent-soft)}.answer-box>*+*{margin-top:var(--space-3)}.answer-box p{margin-top:0}.answer-box__label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);margin-bottom:var(--space-3)}.answer-box__label svg{width:14px;height:14px}.takeaways{margin-block:var(--space-6);padding:var(--space-5) var(--space-6);border:var(--border);border-left:3px solid var(--color-green);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.takeaways ul{margin:0;padding-left:var(--space-6)}.takeaways li+li{margin-top:var(--space-2)}.takeaways__title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.pros-cons{display:grid;gap:var(--space-5);margin-block:var(--space-6)}@media (min-width: 640px){.pros-cons{grid-template-columns:1fr 1fr}}.pros-cons__col{padding:var(--space-5) var(--space-6);border:var(--border);border-radius:var(--radius-md);background:var(--color-surface)}.pros-cons__col ul{margin:0;padding-left:var(--space-6)}.pros-cons__col li+li{margin-top:var(--space-2)}.pros-cons__col--pro{border-top:3px solid var(--color-green)}.pros-cons__col--con{border-top:3px solid var(--color-warm)}.pros-cons__title{font-weight:600;margin-bottom:var(--space-3)}.faq{margin-top:var(--space-8);padding-top:var(--space-7);border-top:var(--border)}.faq h2{margin-bottom:var(--space-5)}.faq__item{border:var(--border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:var(--space-4);overflow:hidden}.faq__item summary{cursor:pointer;padding:var(--space-4) var(--space-5);font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.faq__item summary::after{content:"+";color:var(--color-text-muted);font-family:var(--font-mono)}.faq__item summary::-webkit-details-marker{display:none}.faq__item[open] summary{border-bottom:var(--border)}.faq__item[open] summary::after{content:"−"}.faq__answer{padding:var(--space-5);color:var(--color-text-secondary)}.faq__answer p{margin:0}.prose :not(pre)>code{padding:.12rem .35rem;border:1px solid var(--color-code-border);border-radius:.375rem;background:var(--color-code-inline-bg);color:var(--color-code-inline-text);font-family:var(--font-mono);font-size:.9em;white-space:break-spaces;word-break:break-word}.code-block{position:relative;margin:var(--space-6) 0;border:1px solid var(--color-code-border);border-radius:var(--radius-lg);background:var(--color-code-bg);overflow:hidden;box-shadow:var(--shadow-sm)}.code-block__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);border-bottom:1px solid var(--color-code-border);background:var(--color-surface-muted);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.code-block__lang{display:inline-flex;align-items:center;gap:var(--space-3);text-transform:uppercase;letter-spacing:.04em}.code-block__dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.code-block[data-kind=terminal] .code-block__dot{background:var(--color-green)}.code-block[data-kind=config] .code-block__dot{background:var(--color-warm)}.code-block__name{color:var(--color-text-secondary);text-transform:none;letter-spacing:0}.code-block__copy{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);padding:.25rem .5rem;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.code-block__copy svg{width:13px;height:13px}.code-block__copy:hover{color:var(--color-accent);border-color:var(--color-accent)}.code-block__copy:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.code-block__copy.is-copied{color:var(--color-green);border-color:color-mix(in srgb, var(--color-green) 40%, rgba(0,0,0,0))}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.65;background:var(--color-code-bg);color:var(--color-code-text);border:1px solid var(--color-code-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;tab-size:4}pre.z-code{background:var(--color-code-bg)}pre code{display:block;min-width:max-content;font-family:inherit;font-size:inherit;background:none;padding:0;border:none;color:inherit;white-space:pre}.code-block>pre{margin:0;border:0;border-radius:0;box-shadow:none}.code-block[data-kind=terminal] .code-block__lang{color:var(--color-green)}pre table td:nth-of-type(1){text-align:right;user-select:none;opacity:.5;padding-right:var(--space-5)}pre mark,pre table td{background:none}pre mark{display:block;background:var(--color-accent-soft);margin-inline:calc(-1*var(--space-6));padding-inline:var(--space-6)}.search-modal{position:fixed;inset:0;z-index:500;display:none;padding:var(--space-7) var(--space-5);align-items:flex-start;justify-content:center}.search-modal[data-open=true]{display:flex}.search-modal__backdrop{position:fixed;inset:0;background:rgba(9,9,11,.5);backdrop-filter:blur(2px)}.search-modal__panel{position:relative;width:100%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;background:var(--color-surface);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.search-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:var(--border)}.search-modal__header .eyebrow{display:flex;align-items:center;gap:var(--space-3)}.search-modal__body{padding:var(--space-5);overflow-y:auto}.search-empty{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-7) 0}.pagefind-ui{--pagefind-ui-scale: 0.9;--pagefind-ui-primary: var(--color-accent);--pagefind-ui-text: var(--color-text);--pagefind-ui-background: var(--color-surface);--pagefind-ui-border: var(--color-border);--pagefind-ui-tag: var(--color-surface-muted);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: 8px;--pagefind-ui-image-border-radius: 8px;--pagefind-ui-font: var(--font-sans)}.pagefind-ui__search-input{background:var(--color-surface-muted);color:var(--color-text)}.pagefind-ui__search-input::placeholder{color:var(--color-text-muted)}.pagefind-ui__search-input:focus{border-color:var(--color-accent);outline:3px solid var(--color-focus-ring);outline-offset:1px}.pagefind-ui__result{border-top:var(--border)}.muted{color:var(--color-text-muted)}.mono{font-family:var(--font-mono)}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap}.pagination__link{display:inline-flex;align-items:center;gap:var(--space-2);min-width:40px;height:40px;padding-inline:var(--space-4);justify-content:center;border:var(--border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-sm);font-weight:500;transition:background-color var(--transition),border-color var(--transition)}.pagination__link:hover{background:var(--color-surface-muted)}.pagination__link[aria-current=page]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.pagination__link[aria-disabled=true]{opacity:.4;pointer-events:none}.empty-state{text-align:center;padding:var(--space-9) var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted)}.taxo-grid{display:flex;flex-wrap:wrap;gap:var(--space-4)}.taxo-chip{display:inline-flex;align-items:baseline;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:var(--border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:500;transition:border-color var(--transition),background-color var(--transition)}.taxo-chip:hover{border-color:var(--color-text-muted);background:var(--color-surface)}.taxo-chip .count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.about-grid{display:grid;gap:var(--space-7)}@media (min-width: 900px){.about-grid{grid-template-columns:minmax(0, 1fr) 280px}}.about-aside{display:flex;flex-direction:column;gap:var(--space-6)}.about-card{padding:var(--space-6);border:var(--border);border-radius:var(--radius-lg);background:var(--color-surface)}.about-card h3{font-size:var(--text-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.about-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-sm)}.no-js .nav-toggle{display:none}