.signal-field:where(.astro-b2vqcq74){touch-action:pan-y;min-width:0;position:relative;overflow:hidden}.signal-field:where(.astro-b2vqcq74) canvas:where(.astro-b2vqcq74){width:100%;height:100%;display:block}.signal-field--hero:where(.astro-b2vqcq74){min-height:34rem}.signal-field--footer:where(.astro-b2vqcq74){min-height:7rem}@media (width<=64rem){.signal-field:where(.astro-b2vqcq74){display:none}}.site-footer:where(.astro-nns7i3if){margin-top:var(--space-section);border-top:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text-muted)}.site-footer__inner:where(.astro-nns7i3if){min-height:13rem;padding-block:var(--space-7);grid-template-columns:minmax(20rem,1fr) minmax(17rem,.9fr) auto;align-items:center;gap:clamp(1.5rem,4vw,4rem);font-size:.86rem;display:grid}nav:where(.astro-nns7i3if){justify-content:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}nav:where(.astro-nns7i3if) a:where(.astro-nns7i3if),nav:where(.astro-nns7i3if) button:where(.astro-nns7i3if){color:var(--color-text);cursor:pointer;background:0 0;border:0;padding:0;font-weight:750;text-decoration:none}nav:where(.astro-nns7i3if) a:where(.astro-nns7i3if):hover,nav:where(.astro-nns7i3if) button:where(.astro-nns7i3if):hover{color:var(--color-accent)}.build-status:where(.astro-nns7i3if){color:var(--color-text-muted);font:650 .7rem/1.4 var(--font-mono);align-items:center;gap:.45rem;display:flex}.build-status:where(.astro-nns7i3if)>span:where(.astro-nns7i3if){background:var(--color-knowledge);width:.6rem;height:.6rem;box-shadow:0 0 0 .24rem color-mix(in srgb, var(--color-knowledge) 18%, transparent);border-radius:50%}@media (width<=72rem){.site-footer__inner:where(.astro-nns7i3if){grid-template-columns:minmax(18rem,1fr) auto}.site-footer__inner:where(.astro-nns7i3if) .signal-field--footer{display:none}}@media (width<=42rem){.site-footer__inner:where(.astro-nns7i3if){grid-template-columns:1fr;justify-content:center;align-items:flex-start}nav:where(.astro-nns7i3if){justify-content:flex-start}}.site-header:where(.astro-fzpbxy5g){z-index:30;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 92%, transparent);backdrop-filter:blur(16px);position:relative}.site-header__inner:where(.astro-fzpbxy5g){min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.brand:where(.astro-fzpbxy5g){color:var(--color-text);flex:none;align-items:center;gap:.7rem;display:inline-flex}.brand__mark:where(.astro-fzpbxy5g){background:var(--color-accent-strong);color:#fffaf1;width:2.4rem;height:2.4rem;font:800 .9rem/1 var(--font-mono);cursor:pointer;transition:transform var(--transition-medium), background var(--transition-medium);border:0;border-radius:50%;place-items:center;display:grid;transform:rotate(-5deg)}.brand__mark:where(.astro-fzpbxy5g):hover,.brand__mark:where(.astro-fzpbxy5g):focus-visible{transform:rotate(5deg)scale(1.05)}.brand__text:where(.astro-fzpbxy5g){color:var(--color-text);letter-spacing:-.03em;font-weight:850;line-height:1;text-decoration:none;display:grid}.brand:where(.astro-fzpbxy5g) small:where(.astro-fzpbxy5g){color:var(--color-text-muted);font:500 .6rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem}.site-header__actions:where(.astro-fzpbxy5g){align-items:center;gap:var(--space-2);display:flex}.header-search:where(.astro-fzpbxy5g){border:0;border-bottom:1px solid var(--color-border-strong);min-height:2.8rem;color:var(--color-text);font:750 .74rem/1 var(--font-mono);cursor:pointer;background:0 0;align-items:center;gap:.6rem;padding-inline:.4rem;display:inline-flex}.header-search:where(.astro-fzpbxy5g) kbd:where(.astro-fzpbxy5g){color:var(--color-text-muted);font:inherit}nav:where(.astro-fzpbxy5g){padding:0}ul:where(.astro-fzpbxy5g){gap:var(--space-4);margin:0;padding:0;list-style:none;display:flex}nav:where(.astro-fzpbxy5g) a:where(.astro-fzpbxy5g){color:var(--color-text-muted);transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:2px solid #0000;padding:.65rem .08rem .5rem;font-size:.85rem;font-weight:700;text-decoration:none;display:block}nav:where(.astro-fzpbxy5g) a:where(.astro-fzpbxy5g):hover{border-color:var(--color-border-strong);color:var(--color-text)}nav:where(.astro-fzpbxy5g) a:where(.astro-fzpbxy5g)[aria-current=page]{border-color:var(--color-accent);color:var(--color-text)}.menu-toggle:where(.astro-fzpbxy5g){border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:2.7rem;min-height:2.7rem;color:var(--color-text);font:700 .72rem/1 var(--font-mono);cursor:pointer}.theme-toggle:where(.astro-fzpbxy5g){z-index:45;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:3rem;min-height:3rem;color:var(--color-text);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);place-items:center;padding:0;display:grid;position:fixed;bottom:2.5rem;right:1rem}.theme-toggle:where(.astro-fzpbxy5g):hover{border-color:var(--color-border-strong);background:var(--color-accent-soft);transform:translateY(-.2rem)}.theme-toggle:where(.astro-fzpbxy5g)[aria-pressed=true]{background:color-mix(in srgb, var(--color-experiment) 18%, var(--color-surface))}.theme-toggle__icon:where(.astro-fzpbxy5g){transition:opacity var(--transition-fast), transform var(--transition-fast);grid-area:1/1;place-items:center;line-height:0;display:grid}.theme-toggle__icon--sun:where(.astro-fzpbxy5g),.theme-toggle:where(.astro-fzpbxy5g)[data-theme-state=dark] .theme-toggle__icon--moon:where(.astro-fzpbxy5g){opacity:0;transform:scale(.75)rotate(-18deg)}.theme-toggle__icon--moon:where(.astro-fzpbxy5g),.theme-toggle:where(.astro-fzpbxy5g)[data-theme-state=dark] .theme-toggle__icon--sun:where(.astro-fzpbxy5g){opacity:1;transform:scale(1)rotate(0)}.logo-toast:where(.astro-fzpbxy5g){z-index:50;top:calc(var(--header-height) + var(--space-3));border:1px solid var(--color-experiment);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-float);font:750 .75rem/1.2 var(--font-mono);margin:0;padding:.65rem 1rem;position:fixed;left:50%;transform:translate(-50%)}.menu-toggle:where(.astro-fzpbxy5g){padding-inline:1rem;display:none}.nav-search:where(.astro-fzpbxy5g){display:none}@media (width<=64rem){.site-header__inner:where(.astro-fzpbxy5g){padding-right:calc(var(--space-page) + 3.5rem)}.header-search:where(.astro-fzpbxy5g){display:none}.menu-toggle:where(.astro-fzpbxy5g){display:block}nav:where(.astro-fzpbxy5g){top:calc(100% + .5rem);right:var(--space-page);left:var(--space-page);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);background:var(--color-surface);box-shadow:var(--shadow-soft);display:none;position:absolute}nav:where(.astro-fzpbxy5g)[data-open]{display:block}nav:where(.astro-fzpbxy5g) ul:where(.astro-fzpbxy5g){gap:var(--space-2) var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}nav:where(.astro-fzpbxy5g) a:where(.astro-fzpbxy5g){text-align:center}.nav-search:where(.astro-fzpbxy5g){border-top:1px solid var(--color-border);padding-top:var(--space-2);grid-column:1/-1;display:block}.nav-search:where(.astro-fzpbxy5g) button:where(.astro-fzpbxy5g){border-radius:var(--radius-sm);background:var(--color-accent-soft);width:100%;min-height:2.8rem;color:var(--color-text);cursor:pointer;border:0;font-weight:750}}@media (width<=34rem){.brand:where(.astro-fzpbxy5g) small:where(.astro-fzpbxy5g){display:none}nav:where(.astro-fzpbxy5g) ul:where(.astro-fzpbxy5g){grid-template-columns:repeat(2,1fr)}.theme-toggle:where(.astro-fzpbxy5g){right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom))}}.command-palette:where(.astro-oqgw6c2e){border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);width:min(48rem,100% - 2rem);max-height:min(46rem,100dvh - 2rem);padding:var(--space-5);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-float);overflow:auto}.command-palette:where(.astro-oqgw6c2e)::backdrop{backdrop-filter:blur(5px);background:#30251f7a}.command-palette__topbar:where(.astro-oqgw6c2e){justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.command-palette:where(.astro-oqgw6c2e) h2:where(.astro-oqgw6c2e){margin-top:.2rem;font-size:clamp(1.55rem,4vw,2.5rem)}.command-palette:where(.astro-oqgw6c2e) form:where(.astro-oqgw6c2e) button:where(.astro-oqgw6c2e){border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);min-width:3rem;min-height:2.5rem;color:var(--color-text-muted);font:700 .72rem/1 var(--font-mono);cursor:pointer}.command-palette__search:where(.astro-oqgw6c2e){gap:var(--space-2);margin-top:var(--space-5);color:var(--color-text-muted);font:700 .68rem/1 var(--font-mono);text-transform:uppercase;display:grid}.command-palette__search:where(.astro-oqgw6c2e) input:where(.astro-oqgw6c2e){border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);width:100%;color:var(--color-text);font:650 1rem/1.3 var(--font-sans);padding:.9rem 1rem}.command-palette__section-label:where(.astro-oqgw6c2e){color:var(--color-accent-strong);font:750 .65rem/1.3 var(--font-mono);letter-spacing:.08em}.command-palette__quick:where(.astro-oqgw6c2e),.command-palette__results:where(.astro-oqgw6c2e){margin-top:var(--space-4)}.command-palette__quick:where(.astro-oqgw6c2e)[data-querying] nav:where(.astro-oqgw6c2e) a:where(.astro-oqgw6c2e)[hidden]{display:none}.command-palette:where(.astro-oqgw6c2e) nav:where(.astro-oqgw6c2e),.command-palette__result-list:where(.astro-oqgw6c2e){gap:var(--space-2);margin-top:var(--space-2);display:grid}.command-palette:where(.astro-oqgw6c2e) nav:where(.astro-oqgw6c2e) a:where(.astro-oqgw6c2e),.command-palette__result-list:where(.astro-oqgw6c2e) a:where(.astro-oqgw6c2e){gap:.2rem var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);grid-template-columns:minmax(6rem,.3fr) minmax(0,1fr);padding:.8rem 1rem;text-decoration:none;display:grid}.command-palette:where(.astro-oqgw6c2e) nav:where(.astro-oqgw6c2e) a:where(.astro-oqgw6c2e):hover,.command-palette:where(.astro-oqgw6c2e) nav:where(.astro-oqgw6c2e) a:where(.astro-oqgw6c2e):focus-visible,.command-palette__result-list:where(.astro-oqgw6c2e) a:where(.astro-oqgw6c2e):hover,.command-palette__result-list:where(.astro-oqgw6c2e) a:where(.astro-oqgw6c2e):focus-visible{border-color:var(--color-blog);background:color-mix(in srgb, var(--color-blog) 9%, var(--color-surface))}.command-palette:where(.astro-oqgw6c2e) nav:where(.astro-oqgw6c2e) span:where(.astro-oqgw6c2e),.command-palette__result-list:where(.astro-oqgw6c2e) small:where(.astro-oqgw6c2e){color:var(--color-text-muted);font-size:.84rem}.command-palette__result-list:where(.astro-oqgw6c2e) small:where(.astro-oqgw6c2e){text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}.command-palette__results-heading:where(.astro-oqgw6c2e){justify-content:space-between;gap:var(--space-4);display:flex}.command-palette__results-heading:where(.astro-oqgw6c2e) :where(.astro-oqgw6c2e)[role=status]{color:var(--color-text-muted);font:650 .66rem/1.3 var(--font-mono)}.command-result__type:where(.astro-oqgw6c2e){color:var(--color-blog-ink);font:750 .66rem/1.3 var(--font-mono)}.command-palette__empty:where(.astro-oqgw6c2e){margin-block:var(--space-6);color:var(--color-text-muted);text-align:center}.command-palette__hint:where(.astro-oqgw6c2e){margin:var(--space-4) 0 0;color:var(--color-text-muted);font:650 .7rem/1.4 var(--font-mono);text-align:center}.command-palette:where(.astro-oqgw6c2e) kbd:where(.astro-oqgw6c2e){border:1px solid var(--color-border);background:var(--color-bg);border-radius:.3rem;padding:.12rem .3rem}@media (width<=32rem){.command-palette:where(.astro-oqgw6c2e) nav:where(.astro-oqgw6c2e) a:where(.astro-oqgw6c2e),.command-palette__result-list:where(.astro-oqgw6c2e) a:where(.astro-oqgw6c2e){grid-template-columns:1fr}.command-palette__result-list:where(.astro-oqgw6c2e) small:where(.astro-oqgw6c2e){grid-column:1}}:root{color-scheme:light;--font-display:"Segoe UI Variable Display", "PingFang SC", "Microsoft YaHei", sans-serif;--font-sans:"Segoe UI Variable Text", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"Cascadia Code", "JetBrains Mono", Consolas, monospace;--color-bg:#fff7e8;--color-surface:#fffaf1;--color-surface-strong:#f5ead7;--color-text:#30251f;--color-text-muted:#6d625a;--color-border:#dfd0bd;--color-border-strong:#b9a78f;--color-project:#ef7657;--color-status:#f3bd4d;--color-knowledge:#7fa27a;--color-blog:#67a7b3;--color-experiment:#a78bc3;--color-personal:#eaa0a8;--color-knowledge-ink:#4f714b;--color-blog-ink:#2f7683;--color-experiment-ink:#745594;--color-accent:var(--color-project);--color-accent-strong:#b5432f;--color-accent-soft:#ffe0d5;--color-yellow:var(--color-status);--color-blue:#337a8f;--color-blue-soft:#dceff1;--color-purple:#7654a6;--color-purple-soft:#ebe3f5;--color-green:#557a5a;--color-green-soft:#e0ebdf;--color-pink:#d66f87;--color-focus:#337a8f;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:6rem;--space-section:clamp(4rem, 9vw, 8rem);--space-page:clamp(1rem, 4vw, 4rem);--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.5rem;--radius-xl:2.25rem;--radius-pill:999px;--shadow-soft:0 8px 24px #3a271812;--shadow-float:0 18px 44px #3a27181f;--shadow-card:var(--shadow-soft);--page-width:88rem;--article-width:46rem;--header-height:5.5rem;--duration-instant:.12s;--duration-fast:.18s;--duration-smooth:.32s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-soft:cubic-bezier(.22, 1, .36, 1);--transition-fast:var(--duration-fast) var(--ease-out);--transition-smooth:var(--duration-smooth) var(--ease-soft);--transition-medium:var(--transition-smooth)}:root[data-theme=dark]{color-scheme:dark;--color-bg:#211a16;--color-surface:#2b221d;--color-surface-strong:#392b24;--color-text:#fff7eb;--color-text-muted:#c8baad;--color-border:#4c3b31;--color-border-strong:#756052;--color-accent:#ff765d;--color-accent-strong:#ff9b86;--color-accent-soft:#5a2a22;--color-yellow:#f6c950;--color-blue:#6bb1c1;--color-blue-soft:#233f46;--color-purple:#b69ad8;--color-purple-soft:#3d304c;--color-green:#8fb596;--color-green-soft:#2d4432;--color-pink:#ef9caf;--color-project:#ff8368;--color-status:#f6c950;--color-knowledge:#8fb596;--color-blog:#78bdc9;--color-experiment:#b69ad8;--color-personal:#ef9caf;--color-knowledge-ink:#9bc398;--color-blog-ink:#87cbd6;--color-experiment-ink:#c3a8e1;--color-focus:#78c1d0;--shadow-soft:0 8px 24px #0000002e;--shadow-float:0 18px 44px #00000047}:root[data-experiment-theme=true]{--color-bg:#fff0e5;--color-surface:#fff8ef;--color-surface-strong:#f0e5f4;--color-accent:var(--color-experiment);--color-accent-strong:var(--color-experiment-ink);--color-accent-soft:#ebe3f5;--color-focus:var(--color-experiment-ink)}:root[data-theme=dark][data-experiment-theme=true]{--color-bg:#241b2a;--color-surface:#30243a;--color-surface-strong:#3e2d47;--color-accent:#c4a2e1;--color-accent-strong:#e0c8f3;--color-accent-soft:#4a3558;--color-focus:#d2b6eb}body{color:var(--color-text);font-family:var(--font-sans);text-rendering:optimizelegibility;font-size:1rem;line-height:1.72}h1,h2,h3,h4{color:var(--color-text);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-weight:720;line-height:1.08}h1{font-size:clamp(2.8rem,7.2vw,7.25rem)}h2{font-size:clamp(2rem,4.3vw,4.4rem)}h3{font-size:clamp(1.25rem,2vw,1.65rem)}h4{letter-spacing:-.015em;font-size:1.05rem}p{margin:0}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}code,pre{font-family:var(--font-mono)}.display-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:700}.page-shell{width:min(calc(100% - (2 * var(--space-page))), var(--page-width));margin-inline:auto}.page-main{min-height:calc(100vh - var(--header-height) - 9rem);padding-block:var(--space-7) var(--space-9)}.stack{gap:var(--space-5);display:grid}.stack-lg{gap:var(--space-8);display:grid}.stack-xl{gap:var(--space-section);display:grid}.section{gap:var(--space-6);display:grid}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-strong);display:flex}.section-heading>:first-child{max-width:48rem}.editorial-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);display:grid}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.article-shell{width:min(100%, var(--article-width))}.article-layout{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(1rem,2vw,2rem);display:grid}@media (width<=64rem){.page-main{padding-top:var(--space-6)}.article-layout{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (width<=42rem){.section-heading{flex-direction:column;align-items:start}.stack-lg{gap:var(--space-7)}}.eyebrow{color:var(--color-accent-strong);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:750}.lede{max-width:46rem;color:var(--color-text-muted);font-size:clamp(1.04rem,1.8vw,1.28rem)}.button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.button{border:1px solid var(--color-accent-strong);border-radius:var(--radius-pill);background:var(--color-accent-strong);color:#fff;min-height:3rem;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:.65rem 1.25rem;font-weight:720;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.button:active{transform:translateY(0)scale(.98)}.button.secondary{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}.button.secondary:hover{border-color:var(--color-text);background:var(--color-surface)}.text-link{min-height:2.75rem;color:var(--color-text);text-decoration-color:var(--color-accent);align-items:center;font-weight:700;display:inline-flex}.content-card{align-content:space-between;gap:var(--space-6);border-top:1px solid var(--color-border-strong);min-height:13rem;padding:var(--space-5) var(--space-2) var(--space-4);transition:color var(--transition-fast), transform var(--transition-fast);text-decoration:none;display:grid}.content-card:hover{color:var(--color-accent-strong);transform:translateY(-3px)}.content-card p{max-width:38rem;color:var(--color-text-muted)}.content-card__meta{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.78rem}.content-card__action{font-weight:700}.content-card--yellow{border-top-color:var(--color-yellow)}.content-card--blue{border-top-color:var(--color-blue)}.content-card--purple{border-top-color:var(--color-purple)}.content-card--green{border-top-color:var(--color-green)}.content-card--yellow:hover{color:#9b6900}.content-card--blue:hover{color:var(--color-blue)}.content-card--purple:hover{color:var(--color-purple)}.content-card--green:hover{color:var(--color-green)}.empty-state{border-block:1px solid var(--color-border);padding:var(--space-6) 0;color:var(--color-text-muted)}.tag-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-mono);padding:.32rem .7rem;font-size:.77rem;font-weight:650;text-decoration:none}.prose{gap:1.2rem;font-size:1.02rem;display:grid}.prose>*{min-width:0}.prose :where(h2,h3,h4){overflow-wrap:anywhere;margin-top:1.8em;scroll-margin-top:7rem}.prose :where(h2){font-size:clamp(1.8rem,3.2vw,2.8rem)}.prose :where(h3){font-size:clamp(1.35rem,2.3vw,1.8rem)}.prose :where(p,li){color:var(--color-text-muted)}.prose :where(a){color:var(--color-accent-strong)}.prose :where(img){border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.prose :where(pre){border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:100%;padding:var(--space-4);overflow-x:auto}.prose :where(blockquote){--callout-color:var(--color-yellow);margin:var(--space-3) 0;border-left:4px solid var(--callout-color);padding:var(--space-3) var(--space-5);background:color-mix(in srgb, var(--callout-color) 12%, transparent)}.prose :where(blockquote:has(.tech-callout__marker)){border-block:1px solid color-mix(in srgb, var(--callout-color) 34%, var(--color-border));border-right:1px solid color-mix(in srgb, var(--callout-color) 34%, var(--color-border))}.prose :where(blockquote:has([data-tech-callout=problem]),blockquote:has([data-tech-callout=bug]),blockquote:has([data-tech-callout=failure]),blockquote:has([data-tech-callout=danger])){--callout-color:var(--color-accent)}.prose :where(blockquote:has([data-tech-callout=environment]),blockquote:has([data-tech-callout=info]),blockquote:has([data-tech-callout=note])){--callout-color:var(--color-blog)}.prose :where(blockquote:has([data-tech-callout=conclusion]),blockquote:has([data-tech-callout=success]),blockquote:has([data-tech-callout=validation])){--callout-color:var(--color-knowledge)}.prose :where(blockquote:has([data-tech-callout=solution]),blockquote:has([data-tech-callout=tip])){--callout-color:var(--color-experiment)}.prose :where(blockquote:has([data-tech-callout=limitations]),blockquote:has([data-tech-callout=caution]),blockquote:has([data-tech-callout=warning]),blockquote:has([data-tech-callout=diagnosis])){--callout-color:var(--color-yellow)}.prose :where(.tech-callout__marker){display:none}.prose :where(blockquote:has(.tech-callout__marker) strong){color:var(--color-text)}.prose :where(table){border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose :where(th,td){border-bottom:1px solid var(--color-border);min-width:8rem;padding:var(--space-2) var(--space-3);text-align:left}.prose :where(hr){border:0;border-top:1px solid var(--color-border);width:100%}.category-dot{background:var(--category-color,var(--color-accent));border-radius:50%;flex:none;width:.65rem;height:.65rem}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);scroll-behavior:smooth}body{background:var(--color-bg);transition:background var(--transition-smooth), color var(--transition-smooth);margin:0;overflow-x:hidden}:root[data-experiment-theme=true] body{background-image:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--color-personal) 22%, transparent), transparent 24rem), radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--color-blog) 20%, transparent), transparent 26rem);background-attachment:fixed}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{color:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{background:var(--color-accent-soft)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link:where(.astro-z4jru4n3){z-index:100;top:var(--space-3);left:var(--space-3);border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-bg);padding:.65rem 1rem;font-weight:750;position:fixed;transform:translateY(-180%)}.skip-link:where(.astro-z4jru4n3):focus{transform:translateY(0)}