:root{--theme-name:"Default";--theme-version:"1.0.0";--theme-author:"Kyle Blank Rollins";--color-primary:#2d2d2d;--color-primary-hover:#1a1a1a;--color-primary-active:#000;--color-primary-subtle:#f5f5f5;--color-on-surface:#2d2d2d;--color-on-surface-hover:#1a1a1a;--color-on-surface-active:#000;--color-secondary:#4a4a4a;--color-secondary-hover:#616161;--color-secondary-active:#757575;--color-secondary-subtle:#f8f8f8;--color-accent:#06c;--color-accent-hover:#0052a3;--color-accent-active:#004080;--color-accent-subtle:#e6f2ff;--color-success:#22c55e;--color-success-hover:#16a34a;--color-success-subtle:#dcfce7;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-subtle:#fef3c7;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-subtle:#fecaca;--color-info:#3b82f6;--color-info-hover:#2563eb;--color-info-subtle:#dbeafe;--color-accent-strong:#06c;--color-success-strong:#167d3c;--color-warning-strong:#956006;--color-error-strong:#b51010;--color-info-strong:#0a5ce1;--color-background:#fff;--color-background-secondary:#f8f9fa;--color-background-tertiary:#e9ecef;--color-surface:#fff;--color-surface-hover:#f8f9fa;--color-surface-active:#e9ecef;--color-text:#212529;--color-text-secondary:#6c757d;--color-text-tertiary:#adb5bd;--color-text-inverse:#fff;--color-text-disabled:#ced4da;--color-border:#dee2e6;--color-border-secondary:#e9ecef;--color-border-strong:#adb5bd;--color-border-interactive:#06c;--color-shadow-light:#0000000d;--color-shadow:#0000001a;--color-shadow-strong:#00000026;--color-shadow-dark:#00000040;--shadow-xs:0 1px 2px 0 var(--color-shadow-light);--shadow-sm:0 1px 3px 0 var(--color-shadow), 0 1px 2px -1px var(--color-shadow-light);--shadow-md:0 4px 6px -1px var(--color-shadow), 0 2px 4px -2px var(--color-shadow-light);--shadow-lg:0 10px 15px -3px var(--color-shadow-strong), 0 4px 6px -4px var(--color-shadow);--font-family-primary:"valkyrie_b", Georgia, Cambria, "Times New Roman", serif;--font-family-heading:"valkyrie_b_caps", Georgia, Cambria, "Times New Roman", serif;--font-family-mono:"IBM Plex Mono", "Cascadia Code", Monaco, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3rem;--font-size-5xl:3.5rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-spacing-tight:-.01em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--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-2xs:var(--space-1);--space-xs:var(--space-2);--space-sm:var(--space-4);--space-md:var(--space-6);--space-lg:var(--space-8);--space-xl:var(--space-12);--space-2xl:var(--space-16);--content-max-width:1200px;--content-narrow:800px;--content-wide:1600px;--sidebar-width:280px;--header-height:80px;--footer-height:120px;--radius-sm:.25rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--input-padding-x:var(--space-4);--input-padding-y:var(--space-3);--input-border-radius:var(--radius);--input-border-width:1px;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--duration-slower:.5s;--easing-ease:ease;--easing-ease-in:ease-in;--easing-ease-out:ease-out;--easing-ease-in-out:ease-in-out;--transition-fast:var(--duration-fast) var(--easing-ease);--transition-normal:var(--duration-normal) var(--easing-ease);--transition-slow:var(--duration-slow) var(--easing-ease);--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-color:var(--color-on-surface);--focus-ring-style:solid;--shadow-focus:0 0 0 var(--focus-ring-width) var(--focus-ring-color);--animation-duration:var(--duration-normal);--animation-easing:var(--easing-ease)}[data-color-scheme=dark]{--color-background:#0f172a;--color-background-secondary:#1e293b;--color-background-tertiary:#334155;--color-surface:#1e293b;--color-surface-hover:#334155;--color-surface-active:#475569;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-inverse:#0f172a;--color-text-disabled:#64748b;--color-border:#334155;--color-border-secondary:#475569;--color-border-strong:#64748b;--color-primary:#e2e8f0;--color-primary-hover:#f8fafc;--color-primary-active:#fff;--color-primary-subtle:#334155;--color-on-surface:#e2e8f0;--color-on-surface-hover:#f8fafc;--color-on-surface-active:#fff;--color-secondary:#94a3b8;--color-secondary-hover:#cbd5e1;--color-secondary-active:#e2e8f0;--color-secondary-subtle:#1e293b;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accent-active:#93c5fd;--color-accent-subtle:#1e3a8a;--color-success:#10b981;--color-success-hover:#34d399;--color-success-subtle:#064e3b;--color-warning:#f59e0b;--color-warning-hover:#fbbf24;--color-warning-subtle:#78350f;--color-error:#f87171;--color-error-hover:#fca5a5;--color-error-subtle:#7f1d1d;--color-info:#60a5fa;--color-info-hover:#93c5fd;--color-info-subtle:#1e3a8a;--color-accent-strong:#84b1f9;--color-success-strong:#12ce90;--color-warning-strong:#f7ad32;--color-error-strong:#fa9797;--color-info-strong:#78b3fb;--color-shadow-light:#0000004d;--color-shadow:#0006;--color-shadow-strong:#0009;--color-shadow-dark:#000c}@media (prefers-reduced-motion:reduce){:root{--animation-duration:0s;--transition-fast:0s;--transition-normal:0s;--transition-slow:0s}}@media (prefers-contrast:high){:root{--color-border:var(--color-text);--color-border-secondary:var(--color-text-secondary);--focus-ring-width:3px}}[data-theme=base]{--theme-name:"Basic Blue";--theme-version:"1.0.0";--color-primary:#e2e8f0;--color-primary-hover:#cbd5e1;--color-primary-active:#94a3b8;--color-primary-subtle:#f8fafc;--color-on-surface:#1e40af;--color-on-surface-hover:#1e3a8a;--color-on-surface-active:#172554;--color-secondary:#94a3b8;--color-secondary-hover:#64748b;--color-secondary-active:#475569;--color-secondary-subtle:#f1f5f9;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-active:#1d4ed8;--color-accent-subtle:#eff6ff;--color-success:#22c55e;--color-success-hover:#16a34a;--color-success-subtle:#dcfce7;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-subtle:#fef3c7;--color-error:#ef4444;--color-error-hover:#dc2626;--color-error-subtle:#fecaca;--color-info:#3b82f6;--color-info-hover:#2563eb;--color-info-subtle:#dbeafe;--color-accent-strong:#0b63f1;--color-success-strong:#167d3c;--color-warning-strong:#956006;--color-error-strong:#b51010;--color-info-strong:#0a5ce1;--color-background:#fff;--color-background-secondary:#f8f9fa;--color-background-tertiary:#e9ecef;--color-surface:#fff;--color-surface-hover:#f8f9fa;--color-surface-active:#e9ecef;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-inverse:#f8fafc;--color-text-disabled:#94a3b8;--color-border:#e2e8f0;--color-border-secondary:#f1f5f9;--color-border-strong:#cbd5e1;--color-border-interactive:#3b82f6;--color-shadow-light:#0000000d;--color-shadow:#0000001a;--color-shadow-strong:#00000026;--color-shadow-dark:#00000040;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-primary-light:linear-gradient(90deg, #e2e8f01a 0%, #94a3b81a 50%, #3b82f61a 100%);--gradient-accent:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);--gradient-surface:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-hover) 100%)}[data-theme=base][data-color-scheme=dark]{--color-background:#0f172a;--color-background-secondary:#1e293b;--color-background-tertiary:#334155;--color-surface:#1e293b;--color-surface-hover:#334155;--color-surface-active:#475569;--color-text:#e2e8f0;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-inverse:#0f172a;--color-text-disabled:#64748b;--color-primary:#1e293b;--color-primary-hover:#0f172a;--color-primary-active:#020617;--color-primary-subtle:#334155;--color-on-surface:#bfdbfe;--color-on-surface-hover:#dbeafe;--color-on-surface-active:#eff6ff;--color-secondary:#334155;--color-secondary-hover:#475569;--color-secondary-active:#64748b;--color-secondary-subtle:#1e293b;--color-accent:#1e40af;--color-accent-hover:#1d4ed8;--color-accent-active:#2563eb;--color-accent-subtle:#1e3a8a;--color-success:#10b981;--color-success-hover:#34d399;--color-success-subtle:#064e3b;--color-warning:#f59e0b;--color-warning-hover:#fbbf24;--color-warning-subtle:#78350f;--color-error:#f87171;--color-error-hover:#fca5a5;--color-error-subtle:#7f1d1d;--color-info:#60a5fa;--color-info-hover:#93c5fd;--color-info-subtle:#1e3a8a;--color-accent-strong:#9aaeee;--color-success-strong:#12ce90;--color-warning-strong:#f7ad32;--color-error-strong:#fa9797;--color-info-strong:#78b3fb;--color-border:#334155;--color-border-secondary:#475569;--color-border-strong:#64748b;--color-shadow-light:#0000004d;--color-shadow:#0006;--color-shadow-strong:#0009;--color-shadow-dark:#000c;--font-weight-normal:450;--font-size-base:1.0625rem;--line-height-normal:1.6;--line-height-relaxed:1.7;--letter-spacing-normal:.01em;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-primary-light:linear-gradient(90deg, #1e293b1a 0%, #3341551a 50%, #1e40af1a 100%);--gradient-accent:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);--gradient-surface:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-hover) 100%)}.gradient-bar{background:var(--gradient-primary)}.gradient-bar-light{background:var(--gradient-primary-light)}.gradient-accent{background:var(--gradient-accent)}.gradient-surface{background:var(--gradient-surface)}[data-theme=canney-valley]{--theme-name:"Canney Valley";--theme-version:"1.0.0";--theme-author:"Kyle Blank Rollins";--color-primary:#81c784;--color-primary-hover:#66bb6a;--color-primary-active:#4caf50;--color-primary-subtle:#e8f5e9;--color-on-surface:#1b5e20;--color-on-surface-hover:#14481a;--color-on-surface-active:#0d3d14;--color-secondary:#a5d6a7;--color-secondary-hover:#81c784;--color-secondary-active:#66bb6a;--color-secondary-subtle:#f1f8e9;--color-accent:#cab3bf;--color-accent-hover:#b39dac;--color-accent-active:#9c8799;--color-accent-subtle:#faf7f9;--color-success:#68b96b;--color-success-hover:#5aa65d;--color-success-active:#4d8850;--color-success-subtle:#f0f8f0;--color-warning:#e5a933;--color-warning-hover:#d4951f;--color-warning-active:#c2810c;--color-warning-subtle:#fdf6e8;--color-error:#f44336;--color-error-hover:#e53935;--color-error-active:#d32f2f;--color-error-subtle:#ffebee;--color-info:#66ab68;--color-info-hover:#5a9a5c;--color-info-active:#4d8850;--color-info-subtle:#f0f8f0;--color-accent-strong:#8d6278;--color-success-strong:#397b3b;--color-warning-strong:#916612;--color-error-strong:#d1190b;--color-info-strong:#437944;--color-background:#f4f5f2;--color-background-secondary:#eef0ec;--color-background-tertiary:#e8eae6;--color-surface:#fbfcf9;--color-surface-hover:#f4f5f2;--color-surface-active:#eef0ec;--color-text:#263238;--color-text-secondary:#546e7a;--color-text-tertiary:#78909c;--color-text-inverse:#f4f5f2;--color-text-disabled:#b0bec5;--color-border:#c8e6c9;--color-border-secondary:#e8f5e9;--color-border-strong:#81c784;--color-border-interactive:#cab3bf;--color-shadow-light:#2632380d;--color-shadow:#2632381a;--color-shadow-strong:#26323826;--color-shadow-dark:#26323840;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-primary-light:linear-gradient(90deg, #81c78433 2%, #cab3bf33 50%, #a5d6a733 98%);--gradient-accent:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);--gradient-surface:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-hover) 100%)}[data-theme=canney-valley][data-color-scheme=dark]{--color-background:#1c2420;--color-background-secondary:#263238;--color-background-tertiary:#37474f;--color-surface:#263238;--color-surface-hover:#37474f;--color-surface-active:#455a64;--color-text:#ecf4ec;--color-text-secondary:#b2d5b3;--color-text-tertiary:#839097;--color-text-inverse:#263238;--color-text-disabled:#546e7a;--color-primary:#2e7d32;--color-primary-hover:#1b5e20;--color-primary-active:#0d3d14;--color-primary-subtle:#4caf50;--color-on-surface:#a5d6a7;--color-on-surface-hover:#c8e6c9;--color-on-surface-active:#e8f5e9;--color-secondary:#263238;--color-secondary-hover:#37474f;--color-secondary-active:#455a64;--color-secondary-subtle:#37474f;--color-accent:#6d4c5a;--color-accent-hover:#4a2c37;--color-accent-active:#2d1a23;--color-accent-subtle:#5d3043;--color-accent-strong:#c1a6b1;--color-success:#479a4a;--color-success-hover:#5fb562;--color-success-subtle:#204622;--color-success-strong:#72be75;--color-info:#539855;--color-info-hover:#6eb070;--color-info-subtle:#244625;--color-info-strong:#83bb84;--color-warning:#b47f17;--color-warning-hover:#e19f1d;--color-warning-subtle:#523a0a;--color-warning-strong:#e2a11f;--color-error:#f54c40;--color-error-hover:#f77a71;--color-error-subtle:#7f0f07;--color-error-strong:#f99089;--color-border:#455a64;--color-border-secondary:#546e7a;--color-border-strong:#78909c;--color-shadow-light:#0000004d;--color-shadow:#0006;--color-shadow-strong:#0009;--color-shadow-dark:#000c;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-primary-light:linear-gradient(90deg, #2e7d3233 2%, #6d4c5a33 50%, #26323833 98%);--gradient-accent:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);--gradient-surface:linear-gradient(180deg, var(--color-surface) 0%, var(--color-surface-hover) 100%)}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Thin.woff2)format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/IBMPlexSans-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-ExtraLight.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:valkyrie_b;font-style:normal;font-weight:400;font-stretch:100%;font-display:auto;src:url(/fonts/valkyrie_b_regular.woff2)format("woff2")}@font-face{font-family:valkyrie_b;font-style:italic;font-weight:400;font-stretch:100%;font-display:auto;src:url(/fonts/valkyrie_b_italic.woff2)format("woff2")}@font-face{font-family:valkyrie_b;font-style:normal;font-weight:700;font-stretch:100%;font-display:auto;src:url(/fonts/valkyrie_b_bold.woff2)format("woff2")}@font-face{font-family:valkyrie_b_caps;font-style:normal;font-weight:400;font-stretch:100%;font-display:auto;src:url(/fonts/valkyrie_b_caps_regular.woff2)format("woff2")}@font-face{font-family:valkyrie_b_caps;font-style:normal;font-weight:700;font-stretch:100%;font-display:auto;src:url(/fonts/valkyrie_b_caps_bold.woff2)format("woff2")}html,.root{font-family:var(--font-family-primary);font-size:18px;line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.article{font-family:var(--font-family-primary);font-size:1rem;line-height:var(--line-height-normal);margin:auto}h1,h2{font-family:var(--font-family-heading)}h3,h4,h5{font-family:var(--font-family-primary)}h1,.h1{margin-top:0;margin-bottom:1.81rem;font-size:3rem;line-height:3.63rem}h2,.h2{margin-top:.98rem;margin-bottom:.98rem;font-size:2rem;line-height:2.95rem}h3,.h3{margin-top:1.27778rem;margin-bottom:0;font-size:1.61111rem;line-height:2.55556rem}h4,.h4,h5,.h5{margin-top:1.27778rem;margin-bottom:0;font-size:1rem;line-height:1.27778rem}p,ul,ol,pre,table,blockquote{margin-top:0;margin-bottom:1.27778rem}ul ul,ol ol,ul ol,ol ul{margin-top:0;margin-bottom:0}hr,.hr{border:1px solid;margin:-1px 0}b,i,strong,em,small,code{line-height:0}sub,sup{vertical-align:baseline;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}a{color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong);text-underline-offset:.15em;transition:color var(--transition-normal), text-decoration-color var(--transition-normal);text-decoration-thickness:1px}a:hover{color:var(--color-on-surface-hover);text-decoration-color:currentColor}.ui-label{font-family:var(--font-family-heading);font-size:var(--font-size-base)}.eyebrow,.meta{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);letter-spacing:.02em;color:var(--color-text-secondary)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-xs)}a.meta{color:var(--color-text-secondary);-webkit-text-decoration-color:var(--color-border-strong);text-decoration-color:var(--color-border-strong)}a.meta:hover{color:var(--color-text)}@media (max-width:768px){h1,.h1{margin-bottom:1.2rem;font-size:2.25rem;line-height:2.3rem}h2,.h2{margin-top:.8rem;margin-bottom:.8rem;font-size:1.5rem;line-height:1.6rem}h3,.h3{margin-top:1rem;font-size:1.3rem;line-height:1.4rem}h4,.h4,h5,.h5{margin-top:1rem;line-height:1.1rem}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html{color:var(--color-text);background:var(--color-background)}body{min-height:100vh;letter-spacing:var(--letter-spacing-normal);background:0 0;flex-direction:column;margin:0;padding:0;display:flex}[data-color-scheme=dark] body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-content{width:100%;max-width:var(--content-max-width);margin:var(--space-2xl) auto;padding-inline:var(--space-lg);flex:1 0 auto}.site-footer{width:100%;max-width:var(--content-max-width);padding:var(--space-md) var(--space-lg) var(--space-lg);border-top:1px solid var(--color-border);flex-shrink:0;margin:0 auto}.site-footer-nav ul{justify-content:center;gap:var(--space-lg);margin:0;padding:0;list-style:none;display:flex}.site-footer-nav a{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:.02em;padding:var(--space-xs) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast);text-decoration:none}.site-footer-nav a:hover{color:var(--color-text);text-underline-offset:.2em;text-decoration:underline}.site-footer-nav a:focus-visible{outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.lead{font-size:var(--font-size-lg);max-width:65ch;line-height:1.4}.container{max-width:var(--content-max-width);padding:0 var(--space-md);margin:0 auto}.container.narrow{max-width:var(--content-narrow)}.grid{gap:var(--space-lg);min-width:0;display:grid}.grid.two-columns{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.grid.three-columns{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg);transition:all var(--transition-normal);container-type:inline-size}@container (width>=300px){.card{padding:var(--space-xl)}}.card .card-title{margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.card .card-title h2{margin:0}.card .card-icon{font-size:var(--font-size-lg);color:var(--color-text);margin-right:1em}.card .card-content{color:var(--color-text-secondary)}.card p{margin:0}.samples-section{margin-top:var(--space-xl)}.samples-section h3{margin-bottom:var(--space-lg);color:var(--color-on-surface);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-sm)}.sample-card{flex-direction:column;height:100%;display:flex}.sample-card .sample-image-container{border-radius:var(--radius-sm);width:100%;height:200px;margin-bottom:var(--space-md);background:var(--color-background-secondary);overflow:hidden}.sample-card .sample-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.sample-card .sample-content{flex-direction:column;flex:1;display:flex}.sample-card .sample-content h4{margin-bottom:var(--space-sm);font-size:var(--font-size-lg);color:var(--color-text);line-height:1.3}.sample-card .sample-content p{margin-bottom:var(--space-md);color:var(--color-text-secondary);flex:1}.sample-card .sample-link{color:var(--color-accent);font-weight:var(--font-weight-medium);transition:color var(--transition-fast);align-items:center;margin-top:auto;text-decoration:none;display:inline-flex}.sample-card .sample-link:hover{color:var(--color-on-surface);text-decoration:underline}.sample-card:hover .sample-image{transform:scale(1.05)}.project-card{display:flex}.project-card .project-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.project-card .project-header h4{font-size:var(--font-size-xl);color:var(--color-text);margin:0;line-height:1.3}.project-card .project-info{margin-left:var(--space-md);flex:2}.project-card .project-link{color:var(--color-accent);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:color var(--transition-fast);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.project-card .project-link:hover{color:var(--color-on-surface);text-decoration:underline}.project-card .project-image-container{flex:1;align-items:center;width:100%;height:auto;display:flex;overflow:hidden}.project-card .project-image{object-fit:contain;object-position:center;width:100%;height:auto;transition:transform var(--transition-normal)}.project-card .project-content{gap:var(--space-lg);flex-direction:column;display:flex}.project-card .project-features h5{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-md);color:var(--color-text);font-weight:var(--font-weight-semibold)}.project-card .project-features ul{margin:0;padding:0;list-style:none}.project-card .project-features ul li{margin-bottom:var(--space-sm);padding-left:var(--space-md);color:var(--color-text);line-height:1.5;position:relative}.project-card .project-features ul li:before{content:"•";color:var(--color-accent);font-weight:700;position:absolute;left:0}.project-card .project-description p{margin-bottom:var(--space-md);color:var(--color-text);line-height:1.6}.project-card .project-description p:last-child{margin-bottom:0}@media (min-width:1024px){.web-projects .project-card{gap:var(--space-xl);grid-template-columns:1fr 1fr;grid-template-areas:"header header""image content";align-items:start;display:grid}.web-projects .project-card .project-header{margin-bottom:var(--space-md);grid-area:header}.web-projects .project-card .project-image-container{grid-area:image;justify-content:center;align-self:center;align-items:center;height:auto;margin-bottom:0;display:flex}.web-projects .project-card .project-content{gap:var(--space-md);flex-direction:column;grid-area:content;justify-content:center;align-self:center;display:flex}.web-projects .project-card:nth-child(2n){grid-template-areas:"header header""content image"}}.portfolio-layout{grid-template-columns:var(--sidebar-width) 1fr;gap:var(--space-xl);align-items:start;display:grid}.portfolio-toc{top:var(--space-lg);min-width:0;position:sticky}.portfolio-content{min-width:0}@media (max-width:1199px){.portfolio-layout{gap:var(--space-lg);grid-template-columns:1fr}.portfolio-toc{margin-bottom:var(--space-xl);position:static}.web-projects .project-card{display:block}.web-projects .project-card .project-image-container{height:auto;margin-bottom:var(--space-lg)}.web-projects .project-card .project-content{gap:var(--space-lg)}}@media (max-width:768px){.page-content{margin-block:var(--space-lg) var(--space-xl);padding-inline:var(--space-sm)}.container{padding:0 var(--space-sm)}.project-card .project-header{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.project-card .project-header h4{font-size:var(--font-size-lg)}.project-card .project-image-container{display:none}.project-card .project-info{margin-left:0}.project-card .project-content{gap:var(--space-md)}.project-card .project-features h5{font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.project-card .project-features ul li{font-size:var(--font-size-sm);margin-bottom:var(--space-xs);padding-left:var(--space-sm)}.project-card .project-description p{font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.web-projects .project-card{display:block}}.hero{padding:var(--space-2xl) 0 var(--space-xl);max-width:var(--content-narrow)}.hero h1{margin-bottom:var(--space-md);text-wrap:balance;font-size:2.5rem;line-height:1.15}.hero .lead{margin-bottom:0}.home-highlights{padding-block:var(--space-xl) var(--space-2xl);border-top:1px solid var(--color-border)}.home-highlights-heading h2{margin-top:0}.home-highlights-grid{gap:var(--space-xl);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));display:grid}.highlight-item{border-top:1px solid var(--color-border-strong);padding-top:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.highlight-item h3{font-size:var(--font-size-xl);margin:0;line-height:1.3}.highlight-item h3 a{text-decoration:none}.highlight-item h3 a:hover{text-underline-offset:.15em;text-decoration:underline}.highlight-item p,.highlight-item .eyebrow{margin:0}.highlight-item time,.highlight-item .highlight-link{padding-top:var(--space-xs);align-self:flex-start;margin-top:auto}.content-section{content-visibility:auto;contain-intrinsic-size:500px}@media (max-width:768px){.navigation .nav-links{gap:var(--space-md)}.hero{padding:var(--space-xl) 0 var(--space-lg)}.hero h1{font-size:2rem;line-height:1.2}.container{padding:0 var(--space-sm)}}button{border-radius:var(--radius);font-size:1em;font-weight:var(--font-weight-medium);background-color:var(--color-on-surface);color:var(--color-text-inverse);cursor:pointer;border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;transition:border-color .25s}button:hover{border-color:var(--color-accent);background-color:var(--color-accent)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width:768px){.blog-post-tags{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.tag-list{width:100%}}.blog-content{padding:0 var(--space-md)}.blog-layout{grid-template-columns:var(--sidebar-width) 1fr;gap:var(--space-xl);max-width:var(--content-max-width);align-items:start;margin:0 auto;display:grid}.blog-sidebar{top:var(--space-lg);position:sticky}.blog-posts{min-width:0}@media (max-width:1024px){.blog-layout{gap:var(--space-lg);grid-template-columns:250px 1fr}}@media (max-width:768px){.blog-content{padding:0}.blog-layout{gap:var(--space-md);grid-template-columns:1fr}.blog-sidebar{order:2;position:static}.blog-posts{order:1}.grid.two-columns{gap:var(--space-md)}.sample-card .sample-image-container{height:150px;margin-bottom:var(--space-sm)}.sample-card .sample-content h4{font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.sample-card .sample-content p{font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.project-card{padding:var(--space-md)}}.blog-post-layout{width:100%;max-width:calc(32em + var(--space-lg) * 2);padding:var(--space-lg);flex:1 0 auto;margin:0 auto;font-size:1.125rem}.blog-post-content{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 4 3;min-width:0;padding:0}.blog-post-content :is(h1,h2,h3,h4,h5,h6,pre,code,.meta,.eyebrow),.blog-post-content :is(.blog-post-metadata,.post-series,.citation-actions),.blog-post-content kbr-table-of-contents{-webkit-hyphens:manual;hyphens:manual}.blog-post-content>p:first-of-type:not(:has(kbr-admonition)){-webkit-hyphens:manual;hyphens:manual;font-size:1.1em;line-height:1.45}.blog-post-content>p:first-of-type:has(kbr-admonition)+p{-webkit-hyphens:manual;hyphens:manual;font-size:1.1em;line-height:1.45}.blog-post-content h1{margin-bottom:var(--space-md);text-wrap:balance;transform-origin:0 0;font-size:2.5rem;line-height:1.15}@supports (animation-timeline:view()){.blog-post-content h1{animation:linear both post-title-shrink;animation-timeline:view();animation-range:exit}}@keyframes post-title-shrink{to{opacity:0;transform:scale(.55)}}.post-masthead{z-index:10;background:var(--color-background);margin-bottom:var(--space-md);position:sticky;top:0}.post-masthead+p:has(>kbr-admonition:only-child){--admonition-rule-top:0;margin-top:0}.post-masthead-title{width:0;font-family:var(--font-family-heading);white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity var(--transition-normal), transform var(--transition-normal);pointer-events:none;flex:0 0 0;margin:0;font-size:1.05em;line-height:1.3;overflow:hidden;transform:translateY(.25em)}.post-masthead[data-stuck] .post-masthead-title{width:auto;margin-right:var(--space-sm);opacity:1;flex:auto;transform:none}@media (prefers-reduced-motion:reduce){.blog-post-content h1{animation:none}.post-masthead-title{transition:none;transform:none}}.blog-post-content h2{letter-spacing:.02em;font-size:1.05em;line-height:1.3}.blog-post-content h3{font-size:1em;line-height:1.35;font-weight:var(--font-weight-bold)}.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{font-size:1em;line-height:1.35;font-weight:var(--font-weight-semibold);font-style:italic}.blog-post-content>ul,.blog-post-content>ol,.blog-post-content li>ul,.blog-post-content li>ol,.blog-post-content blockquote ul,.blog-post-content blockquote ol{padding-left:0;list-style:none}.blog-post-content li>ul,.blog-post-content li>ol{margin-top:var(--space-2);padding-left:1.5em}.blog-post-content>ul>li,.blog-post-content>ol>li,.blog-post-content li>ul>li,.blog-post-content li>ol>li,.blog-post-content blockquote li{position:relative}.blog-post-content>ul>li:before,.blog-post-content li>ul>li:before,.blog-post-content blockquote ul>li:before{content:"•";color:var(--color-text-secondary);position:absolute;left:-1.25em}.blog-post-content>ol,.blog-post-content li>ol,.blog-post-content blockquote ol{counter-reset:item}.blog-post-content>ol>li,.blog-post-content li>ol>li,.blog-post-content blockquote ol>li{counter-increment:item}.blog-post-content>ol>li:before,.blog-post-content li>ol>li:before,.blog-post-content blockquote ol>li:before{content:counter(item);text-align:right;width:1.75em;font-family:var(--font-family-mono);color:var(--color-text-secondary);font-size:.8em;line-height:1.9;position:absolute;left:-2.25em}.blog-post-content li+li{margin-top:var(--space-2)}@media (max-width:768px){.blog-post-content>ul,.blog-post-content blockquote ul{padding-left:1.25em}.blog-post-content>ol,.blog-post-content blockquote ol{padding-left:2.25em}}.blog-post-content blockquote{margin:0 0 var(--space-md);padding:0 0 0 var(--space-md);border-left:2px solid var(--color-border-strong);color:var(--color-text);font-size:.95em;font-style:italic}.blog-post-content blockquote>:last-child{margin-bottom:0}.blog-post-content img{border:1px solid var(--color-border);border-radius:var(--radius);max-width:100%;height:auto;display:block}.blog-post-content code{background:var(--color-background-secondary);border-radius:var(--radius-sm);font-family:var(--font-family-mono);color:var(--color-on-surface);padding:.05em .2em;font-size:.85em}.blog-post-content :not(pre)>code{white-space:nowrap}.blog-post-content pre{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg) var(--space-xl);margin:var(--space-lg) 0;box-shadow:0 2px 8px var(--color-shadow), 0 1px 4px var(--color-shadow-light);font-size:1rem;line-height:1.6;transition:all .3s;position:relative;overflow-x:auto}.blog-post-content pre:hover{box-shadow:0 4px 16px var(--color-shadow), 0 2px 8px var(--color-shadow-light);transform:translateY(-2px)}.blog-post-content pre code{color:var(--color-text);background:0 0;padding:0;font-size:.85em}.blog-post-content pre::-webkit-scrollbar{height:8px}.blog-post-content pre::-webkit-scrollbar-track{background:var(--color-background-tertiary);border-radius:var(--radius-sm)}.blog-post-content pre::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);transition:background .2s}.blog-post-content pre::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.blog-post-content pre:focus-within{outline:2px solid var(--color-on-surface);outline-offset:2px}@media (max-width:768px){.blog-post-content pre{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-sm);font-size:.85rem}.blog-post-content pre:hover{transform:none}}.blog-post-metadata{margin:0 0 var(--space-sm)}.blog-post-tags{align-items:baseline;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.tags-label{margin:0}.tag-list{gap:var(--space-xs);flex-wrap:wrap;display:inline-flex}.blog-tag{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-sm);padding:var(--space-2xs) var(--space-xs);transition:all var(--transition-fast)}.blog-tag:hover{background:var(--color-on-surface);color:var(--color-text-inverse);border-color:var(--color-on-surface)}@media (max-width:768px){.blog-post-layout{padding:var(--space-md) var(--space-sm)}}.citation-ref{font-family:var(--font-family-mono);font-size:.75em;font-weight:var(--font-weight-normal);color:var(--color-on-surface);border-radius:var(--radius-sm);transition:color var(--transition-fast);padding:0 .1em;text-decoration:none}.citation-ref:hover{text-underline-offset:.2em;color:var(--color-on-surface-hover);text-decoration:underline}.blog-citations-container{margin-top:var(--space-2xl);padding-top:var(--space-md);border-top:1px solid var(--color-border-strong)}.citations h2{margin:0 0 var(--space-md)}.citations-list{counter-reset:citation;gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.citation{counter-increment:citation;column-gap:var(--space-2);grid-template-columns:2.5rem minmax(0,1fr);padding:0;display:grid}.citation:before{content:counter(citation);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary);grid-row:1/span 2;padding-top:.15em}.citation-source,.citation-actions{margin:0}.citation-source{line-height:var(--line-height-normal)}.citation-title{color:var(--color-text);font-style:italic}.citation-actions{align-items:baseline;column-gap:var(--space-md);row-gap:var(--space-2xs);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.citation-links,.citation-backrefs{column-gap:var(--space-sm);flex-wrap:wrap;display:inline-flex}.citation-link,.citation-backref{color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.citation-link:hover,.citation-backref:hover{color:var(--color-text);text-underline-offset:.2em;text-decoration:underline}.citation-link:after{content:" ↗"}.citation:target,sup:target .citation-ref{border-radius:var(--radius-sm);animation:2.5s ease-out forwards citation-target-fade}.citation:target{margin:0 calc(-1 * var(--space-2));padding:var(--space-2xs) var(--space-2)}@keyframes citation-target-fade{0%,40%{background-color:var(--color-accent-subtle)}to{background-color:#0000}}@media (prefers-reduced-motion:reduce){.citation:target,sup:target .citation-ref{background-color:var(--color-accent-subtle);animation:none}}@media (max-width:768px){.citation{grid-template-columns:2rem minmax(0,1fr)}}[data-static-blog] .post-list-container{max-width:var(--content-max-width);padding:0 var(--space-lg) var(--space-lg);margin:0 auto}[data-static-blog] .post-list-grid{margin-bottom:var(--space-xl);display:grid}[data-static-blog] .post-card{padding:var(--space-lg) 0;border-top:1px solid var(--color-border)}[data-static-blog] .post-card:last-child{border-bottom:1px solid var(--color-border)}[data-static-blog] .post-card-header{margin-bottom:var(--space-sm)}[data-static-blog] .post-card-title{margin:0 0 var(--space-2xs);font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.3}[data-static-blog] .post-title-link{text-decoration:none}[data-static-blog] .post-title-link:hover{text-underline-offset:.15em;text-decoration:underline}[data-static-blog] .post-card-description{margin-bottom:var(--space-md)}[data-static-blog] .post-card-description p{line-height:var(--line-height-normal);margin:0}[data-static-blog] .tag-list,[data-static-blog] .tags-grid{gap:var(--space-xs);flex-wrap:wrap;display:flex}[data-static-blog] .post-tag,[data-static-blog] .tag-button,[data-static-blog] .clear-filter-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font:inherit;padding:var(--space-xs) var(--space-sm)}[data-static-blog] .post-tag,[data-static-blog] .tag-button{background:var(--color-background-secondary);font-size:var(--font-size-sm)}[data-static-blog] .tag-button.active,[data-static-blog] .tag-button:hover,[data-static-blog] .post-tag:hover{background:var(--color-on-surface);color:var(--color-text-inverse)}[data-static-blog] .tag-filter-container{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md)}[data-static-blog] .tags-grid .tag-button,[data-static-blog] .post-tag{padding:var(--space-2xs) var(--space-xs);font-size:var(--font-size-xs)}[data-static-blog] .tag-count{color:var(--color-text-tertiary)}[data-static-blog] .filter-header{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);flex-wrap:wrap;justify-content:space-between;display:flex}[data-static-blog] .filter-title{margin:0}[data-static-blog] .filter-results{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary)}[data-static-blog] .clear-filter-btn{background:0 0}[data-static-blog] .post-list-empty{color:var(--color-text-secondary);padding:var(--space-xl) var(--space-lg);text-align:center}@media (max-width:768px){[data-static-blog] .post-list-container{padding-inline:0}}.post-series,.supplements{margin-block:0 var(--space-lg)}.post-series{padding:var(--space-sm) 0 var(--space-2xs);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.post-series-heading{align-items:baseline;gap:var(--space-sm);margin:0 0 var(--space-2xs);flex-wrap:wrap;display:flex}.post-series-title{font-weight:var(--font-weight-semibold)}.post-series-part{font-family:var(--font-family-mono);color:var(--color-text-secondary)}.series-navigation{gap:var(--space-md);margin:0 0 var(--space-2xs);flex-wrap:wrap;display:flex}.nav-button,.supplement-link{color:var(--color-text);text-decoration:none}.nav-button{gap:var(--space-2xs);display:inline-flex}.nav-button:hover,.supplement-link:hover{text-underline-offset:.15em;text-decoration:underline}.supplement-list{padding-left:var(--space-lg);margin:0}.supplement-item{margin-bottom:var(--space-xs)}.series-list{gap:var(--space-2xs) var(--space-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.series-link{color:var(--color-text-secondary);gap:var(--space-2xs);text-decoration:none;display:inline-flex}.series-link:hover span:last-child{text-underline-offset:.15em;text-decoration:underline}.series-link.current{color:var(--color-text);font-weight:var(--font-weight-semibold)}.part-number{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.supplements h2{margin-bottom:var(--space-xs)}.supplement-description{color:var(--color-text-secondary);margin:var(--space-2xs) 0 0}[data-static-timeline]{grid-template-columns:var(--sidebar-width) 1fr;gap:var(--space-xl);max-width:var(--content-max-width);padding:var(--space-lg);min-height:calc(100vh - var(--header-height));grid-template-areas:"header header""sidebar content";margin:0 auto;display:grid}[data-static-timeline] .timeline-header{text-align:center;margin-bottom:var(--space-md);grid-area:header}[data-static-timeline] .timeline-title{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--space-sm);line-height:1.2}[data-static-timeline] .timeline-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0;line-height:1.5}[data-static-timeline] .timeline-sidebar{grid-area:sidebar;min-width:0}[data-static-timeline] .timeline-sidebar kbr-table-of-contents{top:var(--space-lg);position:sticky}[data-static-timeline] .timeline-content{grid-area:content;min-width:0}[data-static-timeline] .company-name{font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-text);margin-top:0}[data-static-timeline] .company-name a{color:var(--color-text)}[data-static-timeline] .company-positions{padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-lg)}[data-static-timeline] .timeline-entry{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-md);border:1px solid var(--color-border);margin-bottom:var(--space-lg)}[data-static-timeline] .entry-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}[data-static-timeline] .job-title{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:1.3}[data-static-timeline] .entry-meta{text-align:right;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}[data-static-timeline] .date-range{color:var(--color-text)}[data-static-timeline] .duration,[data-static-timeline] .employment-type,[data-static-timeline] .location{margin-top:var(--space-1);display:block}[data-static-timeline] .description{margin-bottom:var(--space-sm);color:var(--color-text);line-height:1.6}[data-static-timeline] .description h2,[data-static-timeline] .description h3,[data-static-timeline] .description h4{font-size:1rem;font-weight:var(--font-weight-semibold);margin:var(--space-md) 0 var(--space-xs);line-height:1.4}[data-static-timeline] .description p,[data-static-timeline] .description ul{margin:0 0 var(--space-sm)}[data-static-timeline] .description p:last-child,[data-static-timeline] .description ul:last-child{margin-bottom:0}[data-static-timeline] .description ul{padding-left:var(--space-lg)}[data-static-timeline] .skills{gap:var(--space-xs);flex-wrap:wrap;display:flex}[data-static-timeline] .skill-tag{padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:inline-block}@media (max-width:1024px){[data-static-timeline]{gap:var(--space-lg);padding:var(--space-md);grid-template-columns:1fr;grid-template-areas:"header""sidebar""content"}}@media (max-width:768px){[data-static-timeline]{gap:var(--space-md);padding:0}[data-static-timeline] .timeline-title{font-size:2rem}[data-static-timeline] .entry-header{flex-direction:column;align-items:flex-start}[data-static-timeline] .entry-meta{text-align:left}[data-static-timeline] .company-positions{padding:var(--space-sm)}}.blog-post-content pre[class*=language-]{position:relative}.blog-post-content code[class*=language-]{color:var(--color-text);font-family:var(--font-family-mono);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;line-height:1.6}:root{--prism-comment:#5f6673;--prism-punctuation:#24292f;--prism-property:#cf222e;--prism-string:#116329;--prism-operator:#953800;--prism-keyword:#0550ae;--prism-function:#6f42c1;--prism-variable:#953800}[data-color-scheme=dark]{--prism-comment:#9ba7b0;--prism-punctuation:#c9d1d9;--prism-property:#ff7b72;--prism-string:#7ee787;--prism-operator:#ffa657;--prism-keyword:#79c0ff;--prism-function:#d2a8ff;--prism-variable:#ffa657}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--prism-comment);font-style:italic}.token.punctuation,.token.attr-equals{color:var(--prism-punctuation)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--prism-property)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--prism-string)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--prism-operator)}.token.atrule,.token.attr-value,.token.keyword{color:var(--prism-keyword);font-weight:var(--font-weight-medium)}.token.function,.token.class-name{color:var(--prism-function);font-weight:var(--font-weight-medium)}.token.regex,.token.important,.token.variable{color:var(--prism-variable)}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.namespace{opacity:.7}.language-json .token.property{color:var(--prism-keyword)}.language-json .token.string{color:var(--prism-string)}.language-css .token.selector{color:var(--prism-function)}.language-css .token.property{color:var(--prism-keyword)}.language-javascript .token.template-string,.language-typescript .token.template-string{color:var(--prism-string)}.language-javascript .token.template-punctuation,.language-typescript .token.template-punctuation,.token.interpolation-punctuation{color:var(--prism-property)}.token.interpolation{color:var(--color-text)}.language-bash .token.function{color:var(--prism-keyword)}.language-bash .token.parameter{color:var(--color-text)}.blog-post-content pre.language-javascript:before{content:"JS"}.blog-post-content pre.language-typescript:before{content:"TS"}.blog-post-content pre.language-css:before{content:"CSS"}.blog-post-content pre.language-scss:before{content:"SCSS"}.blog-post-content pre.language-json:before{content:"JSON"}.blog-post-content pre.language-bash:before{content:"BASH"}.blog-post-content pre.language-shell:before{content:"SHELL"}.blog-post-content pre.language-python:before{content:"PYTHON"}.blog-post-content pre.language-yaml:before{content:"YAML"}.blog-post-content pre.language-markdown:before{content:"MD"}.blog-post-content pre.language-sql:before{content:"SQL"}.blog-post-content pre.language-jsx:before{content:"JSX"}.blog-post-content pre.language-tsx:before{content:"TSX"}.blog-post-content pre.language-diff:before{content:"DIFF"}.blog-post-content pre[class*=language-]:before{background:var(--color-background-tertiary);color:var(--color-text-secondary);font-size:.7rem;font-weight:var(--font-weight-semibold);border-radius:0 var(--radius) 0 var(--radius-sm);text-transform:uppercase;letter-spacing:.75px;opacity:.6;font-family:var(--font-family-heading);padding:.25rem .5rem;transition:opacity .2s;position:absolute;top:0;right:0}.blog-post-content pre[class*=language-]:hover:before{opacity:.9}.blog-post-content pre.language-none:before,.blog-post-content pre.language-text:before,.blog-post-content pre.language-plain:before{display:none}[data-color-scheme=dark] .blog-post-content pre[class*=language-]:before{color:#fffc;background:#ffffff1a}[data-color-scheme=dark] .blog-post-content pre[class*=language-]:hover:before{color:#fffffff2}