@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--color-bg: #f0f9ff;--color-bg-elevated: #ffffff;--color-bg-invert: #0f172a;--color-text: #0f172a;--color-text-secondary: #334155;--color-text-on-accent: #ffffff;--color-text-on-dark: #f1f5f9;--color-accent: #0284c7;--color-accent-hover: #0369a1;--color-accent-soft: #e0f2fe;--color-accent-bright: #0ea5e9;--color-border: #0f172a;--color-border-subtle: #cbd5e1;--color-muted: #475569;--color-highlight: #e0f2fe;--color-highlight-strong: #bae6fd;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-error: #dc2626;--color-error-bg: #fee2e2;--color-warning: #ca8a04;--color-warning-bg: #fef9c3;--color-code-bg: #1e293b;--color-code-text: #e2e8f0;--color-code-accent: #7dd3fc;--font-sans: "IBM Plex Mono", "Courier New", Courier, monospace;--font-mono: "Space Mono", "Courier New", Courier, monospace;--font-display: "IBM Plex Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--max-width: 1200px;--max-width-wide: 1600px;--nav-height: 80px;--shadow-brutal: 4px 4px 0 var(--color-border);--shadow-brutal-lg: 6px 6px 0 var(--color-border);--shadow-brutal-xl: 8px 8px 0 var(--color-border);--shadow-brutal-accent: 4px 4px 0 var(--color-accent);--border-thin: 2px solid var(--color-border);--border-thick: 3px solid var(--color-border);--border-brutal: 4px solid var(--color-border);--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .2s ease;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-full: 0}@media(prefers-color-scheme:dark){:root{--color-bg: #020617;--color-bg-elevated: #0f172a;--color-bg-invert: #f0f9ff;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-on-accent: #0f172a;--color-text-on-dark: #f1f5f9;--color-accent: #38bdf8;--color-accent-hover: #7dd3fc;--color-accent-soft: #0c4a6e;--color-accent-bright: #0ea5e9;--color-border: #38bdf8;--color-border-subtle: #334155;--color-muted: #94a3b8;--color-highlight: #0f172a;--color-highlight-strong: #1e293b;--color-success: #4ade80;--color-success-bg: #14532d;--color-error: #f87171;--color-error-bg: #450a0a;--color-warning: #facc15;--color-warning-bg: #422006;--color-code-bg: #1e293b;--color-code-text: #e2e8f0;--color-code-accent: #7dd3fc;--shadow-brutal: 4px 4px 0 var(--color-accent);--shadow-brutal-lg: 6px 6px 0 var(--color-accent);--shadow-brutal-xl: 8px 8px 0 var(--color-accent);--shadow-brutal-accent: 4px 4px 0 var(--color-accent-bright)}}:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--duration-slowest: .8s;--stagger-1: 50ms;--stagger-2: .1s;--stagger-3: .15s;--stagger-4: .2s;--stagger-5: .25s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes punchIn{0%{opacity:0;transform:translate(8px,8px);box-shadow:0 0 0 var(--color-border)}to{opacity:1;transform:translate(0);box-shadow:var(--shadow-brutal)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes underlineGrow{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out-expo) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out-expo) forwards}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-out-expo) forwards}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out-expo) forwards}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out-expo) forwards}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out-back) forwards}.animate-punch-in{animation:punchIn var(--duration-slow) var(--ease-out-back) forwards}.animate-shake{animation:shake var(--duration-slow) var(--ease-out-quart)}.animate-pulse{animation:pulse 2s var(--ease-in-out-quart) infinite}.animate-glitch:hover{animation:glitch .3s ease-in-out}.stagger-1{animation-delay:var(--stagger-1)}.stagger-2{animation-delay:var(--stagger-2)}.stagger-3{animation-delay:var(--stagger-3)}.stagger-4{animation-delay:var(--stagger-4)}.stagger-5{animation-delay:var(--stagger-5)}.stagger-children>*:nth-child(1){animation-delay:var(--stagger-1)}.stagger-children>*:nth-child(2){animation-delay:var(--stagger-2)}.stagger-children>*:nth-child(3){animation-delay:var(--stagger-3)}.stagger-children>*:nth-child(4){animation-delay:var(--stagger-4)}.stagger-children>*:nth-child(5){animation-delay:var(--stagger-5)}.stagger-children>*:nth-child(6){animation-delay:calc(var(--stagger-5) + var(--stagger-1))}.stagger-children>*:nth-child(7){animation-delay:calc(var(--stagger-5) + var(--stagger-2))}.stagger-children>*:nth-child(8){animation-delay:calc(var(--stagger-5) + var(--stagger-3))}.stagger-children>*:nth-child(9){animation-delay:calc(var(--stagger-5) + var(--stagger-4))}.stagger-children>*:nth-child(10){animation-delay:calc(var(--stagger-5) * 2)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-highlight) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:0}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-title{height:2em;width:60%;margin-bottom:1em}.skeleton-card{height:200px;width:100%}.transition-none{transition:none}.transition-all{transition:all var(--duration-normal) var(--ease-out-quart)}.transition-colors{transition:color var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-out-quart)}.transition-transform{transition:transform var(--duration-normal) var(--ease-out-expo)}.transition-shadow{transition:box-shadow var(--duration-normal) var(--ease-out-quart)}.hover-lift{transition:transform var(--duration-normal) var(--ease-out-back),box-shadow var(--duration-normal) var(--ease-out-quart)}.hover-lift:hover{transform:translateY(-4px)}.hover-brutal{transition:transform var(--duration-fast) var(--ease-out-back),box-shadow var(--duration-fast) var(--ease-out-quart)}.hover-brutal:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-brutal-xl)}.hover-brutal:active{transform:translate(0);box-shadow:none}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.focus-brutal:focus-visible{outline:4px solid var(--color-accent);outline-offset:4px;box-shadow:var(--shadow-brutal-accent)}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity var(--duration-fast) var(--ease-out-quart)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);line-height:1.7;letter-spacing:0}::selection{background-color:var(--color-accent);color:var(--color-bg)}.container{max-width:var(--max-width);margin:0 auto;padding:var(--space-12) var(--space-6);min-height:calc(100vh - var(--nav-height));display:flex;flex-direction:column;width:100%;box-sizing:border-box}.container-wide{max-width:var(--max-width-wide)}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;transition:all var(--transition-fast)}a:hover{background-color:var(--color-accent);color:var(--color-bg);text-decoration:none}.skip-link{position:absolute;top:-100px;left:0;z-index:1000;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-text-on-accent);text-decoration:none;font-weight:700;border:var(--border-brutal);box-shadow:var(--shadow-brutal)}.skip-link:focus{top:var(--space-4);outline:4px solid var(--color-accent-bright);outline-offset:4px}@media(max-width:640px){.container{padding:var(--space-8) var(--space-4)}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.75;letter-spacing:.01em;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--color-text);text-transform:uppercase;margin-top:0}header{margin-bottom:var(--space-12);text-align:left;animation:fadeInUp var(--duration-slow) var(--ease-out-expo)}h1{font-size:var(--text-5xl);font-weight:700;margin-bottom:var(--space-4);letter-spacing:-.03em;line-height:1.1;position:relative;display:inline-block}h1:after{content:"";display:block;width:100%;height:6px;background:var(--color-accent);margin-top:var(--space-2);transform-origin:left;animation:underlineGrow var(--duration-slower) var(--ease-out-expo) forwards;animation-delay:var(--duration-normal)}h2{font-size:var(--text-3xl);margin-bottom:var(--space-6);margin-top:var(--space-12);padding-bottom:var(--space-2);border-bottom:var(--border-thick)}h3{font-size:var(--text-2xl);margin-top:var(--space-8);margin-bottom:var(--space-4)}h4{font-size:var(--text-xl);margin-top:var(--space-6);margin-bottom:var(--space-3)}h5{font-size:var(--text-lg);margin-top:var(--space-4);margin-bottom:var(--space-2)}h6{font-size:var(--text-base);margin-top:var(--space-4);margin-bottom:var(--space-2)}p{margin-bottom:1.5em;line-height:1.75;color:var(--color-text);max-width:65ch}h1+p,h2+p,h3+p,h4+p{margin-top:var(--space-4)}article{font-size:var(--text-base);line-height:1.75;letter-spacing:.01em}article p{margin-bottom:1.75em;line-height:1.8;color:var(--color-text);-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}article ul,article ol{margin-bottom:1.75em;line-height:1.75}article li{margin-bottom:.75em;line-height:1.75}.subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:400;text-transform:none;font-family:var(--font-mono);margin-top:var(--space-2);line-height:1.6}.bio{font-size:var(--text-lg);color:var(--color-text);margin-top:var(--space-6);max-width:60ch;line-height:1.8;padding:var(--space-4);background:var(--color-highlight);border:var(--border-thin)}.location,.company{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-2);font-family:var(--font-mono);line-height:1.6}section{margin-bottom:var(--space-16)}.highlight{background:var(--color-accent);color:var(--color-text-on-accent);padding:0 var(--space-1);font-weight:600}@media(max-width:640px){body{font-size:var(--text-base);line-height:1.7}h1{font-size:var(--text-3xl);line-height:1.15}h2{font-size:var(--text-2xl);margin-top:var(--space-8)}h3{font-size:var(--text-xl);margin-top:var(--space-6)}article p{line-height:1.75;margin-bottom:1.5em}}@media print{body{font-size:12pt;line-height:1.6;color:#000}h1,h2,h3,h4,h5,h6{page-break-after:avoid;color:#000}p{orphans:3;widows:3}}.nav{border-bottom:var(--border-brutal);background:var(--color-bg);position:sticky;top:0;z-index:100}.nav-container{max-width:var(--max-width);margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--color-text-on-accent);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);border:var(--border-thick);background:var(--color-accent);transition:transform var(--duration-fast) var(--ease-out-back),box-shadow var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart)}.nav-logo:hover{box-shadow:var(--shadow-brutal);transform:translate(-2px,-2px);background:var(--color-accent-hover);color:var(--color-text-on-accent)}.nav-logo:active{transform:translate(0);box-shadow:none;transition-duration:var(--duration-instant)}.nav-links{display:flex;gap:var(--space-2)}.nav-link{color:var(--color-text);text-decoration:none;font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);border:var(--border-thin);background:var(--color-bg);transition:transform var(--duration-fast) var(--ease-out-back),box-shadow var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.nav-link:hover{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent);box-shadow:var(--shadow-brutal-accent);transform:translate(-2px,-2px)}.nav-link:active{transform:translate(0);box-shadow:none;transition-duration:var(--duration-instant)}.nav-link.active{background:var(--color-highlight-strong);border-color:var(--color-accent);color:var(--color-text)}@media(max-width:640px){.nav-container{flex-direction:column;gap:var(--space-4)}.nav-links{gap:var(--space-2);flex-wrap:wrap;justify-content:center}}footer{margin-top:auto;padding:var(--space-6);text-align:center;font-size:var(--text-sm);border-top:var(--border-brutal);background:var(--color-bg-invert);color:var(--color-text-on-dark);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}footer a{color:var(--color-accent-bright)}footer a:hover{color:var(--color-text-on-dark);background:var(--color-accent)}.breadcrumb{margin-bottom:var(--space-6);padding:var(--space-4);border:var(--border-brutal);background:var(--color-bg-invert)}.breadcrumb-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0;font-family:var(--font-mono);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-link{color:var(--color-accent-bright);text-decoration:none;font-weight:600;transition:color var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart)}.breadcrumb-link:hover{color:var(--color-text-on-dark);background:var(--color-accent);padding:var(--space-1) var(--space-2);margin:calc(var(--space-1) * -1) calc(var(--space-2) * -1)}.breadcrumb-separator{color:var(--color-text-on-dark);font-weight:400;margin:0 var(--space-1)}.breadcrumb-current{color:var(--color-text-on-dark);font-weight:700}.actions{margin-bottom:var(--space-12);display:flex;gap:var(--space-4);flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--color-accent);color:var(--color-text-on-accent);text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:var(--text-base);text-transform:uppercase;letter-spacing:.05em;border:var(--border-brutal);box-shadow:var(--shadow-brutal);cursor:pointer;position:relative;overflow:hidden;transition:transform var(--duration-fast) var(--ease-out-back),box-shadow var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart)}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--duration-slow) var(--ease-out-expo)}.cta-button:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-brutal-xl);background:var(--color-accent-hover);color:var(--color-text-on-accent)}.cta-button:hover:before{left:100%}.cta-button:active{transform:translate(0);box-shadow:none;transition-duration:var(--duration-instant)}.cta-button:focus-visible{outline:4px solid var(--color-accent-bright);outline-offset:4px}.cta-button-secondary{background:var(--color-bg);color:var(--color-text)}.cta-button-secondary:hover{background:var(--color-accent);color:var(--color-text-on-accent)}@media(max-width:640px){.actions{flex-direction:column}.cta-button{width:100%;justify-content:center}}.github-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-12);padding:var(--space-6);background:var(--color-bg-elevated);border:var(--border-brutal);box-shadow:var(--shadow-brutal);animation:punchIn var(--duration-slow) var(--ease-out-back) forwards;animation-delay:var(--stagger-3);opacity:0}.stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-right:2px solid var(--color-border-subtle)}.stat:last-child{border-right:none}.stat-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-accent);line-height:1}.stat-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}@media(max-width:640px){.github-stats{flex-direction:column}.stat{border-right:none;border-bottom:2px solid var(--color-border-subtle);padding:var(--space-4) 0}.stat:last-child{border-bottom:none}}.about p{font-size:var(--text-base);color:var(--color-text-secondary);max-width:60ch;line-height:1.8}.contact-links{display:flex;gap:var(--space-4);flex-wrap:wrap}.contact-links a{color:var(--color-text);text-decoration:none;font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);border:var(--border-thin);background:var(--color-bg);transition:transform var(--duration-fast) var(--ease-out-back),box-shadow var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.contact-links a:hover{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent);box-shadow:var(--shadow-brutal-accent);transform:translate(-2px,-2px)}.contact-links a:active{transform:translate(0);box-shadow:none;transition-duration:var(--duration-instant)}.empty-state,.error-state{text-align:center;padding:var(--space-16) var(--space-4);border:var(--border-brutal);background:var(--color-highlight);font-family:var(--font-mono);color:var(--color-text)}.error-state{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-text)}.error-hint{font-size:var(--text-sm);margin-top:var(--space-4);color:var(--color-muted)}.success-state{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-text)}.warning-state{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-text)}.copy-button{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-2);background:var(--color-bg-elevated);border:2px solid var(--color-border);color:var(--color-text);display:inline-flex;align-items:center;gap:var(--space-1);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-back)}[data-rehype-pretty-code-figure]:hover .copy-button,pre:hover .copy-button,.copy-button:focus-visible{opacity:1}.copy-button:hover{background:var(--color-accent);color:var(--color-text-on-accent)}.copy-button.is-copied{background:var(--color-success, #22c55e);color:var(--color-text-on-accent, #0b0b0b);border-color:transparent}.copy-button:active{transform:scale(.95)}.copy-button svg{display:block}.copy-button__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-rehype-pretty-code-figure]{position:relative}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-border-subtle);z-index:1000}.reading-progress-bar{height:100%;background:var(--color-accent);transition:width 50ms linear;will-change:width}.reading-progress[aria-valuenow="0"]{opacity:0}.reading-progress{transition:opacity var(--duration-fast) var(--ease-out-quart)}@media(prefers-reduced-motion:reduce){.reading-progress-bar{transition:none}}.pagination{margin-top:var(--space-8);margin-bottom:var(--space-8);padding:var(--space-4);border:var(--border-brutal);background:var(--color-bg-invert)}.pagination-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0;justify-content:center;align-items:center;font-family:var(--font-mono);font-size:var(--text-sm)}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:var(--space-2) var(--space-3);color:var(--color-accent-bright);text-decoration:none;font-weight:600;border:var(--border-brutal);background:var(--color-bg);transition:color var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.pagination-link:hover{color:var(--color-text);background:var(--color-accent-bright);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-text)}.pagination-link--current{color:var(--color-text);background:var(--color-accent-bright);cursor:default;box-shadow:2px 2px 0 var(--color-text)}.pagination-link--prev,.pagination-link--next{padding:var(--space-2) var(--space-4)}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:var(--color-text-muted);font-weight:600}@media(max-width:768px){.pagination-list{gap:var(--space-1)}.pagination-link{min-width:2rem;height:2rem;padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.pagination-ellipsis{min-width:2rem;height:2rem}}.search-bar{margin-bottom:var(--space-6)}.search-bar-input-wrapper{display:flex;gap:var(--space-2);align-items:stretch}.search-bar-input{flex:1;padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-base);border:var(--border-brutal);background:var(--color-bg-invert);color:var(--color-text);outline:none;transition:background-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.search-bar-input:focus{background:var(--color-bg);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-text)}.search-bar-input::placeholder{color:var(--color-text-muted)}.search-bar-clear{padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;line-height:1;border:var(--border-brutal);background:var(--color-bg-invert);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.search-bar-clear:hover{color:var(--color-text);background:var(--color-accent-bright);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-text)}.search-bar-submit{padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:var(--border-brutal);background:var(--color-accent-bright);color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.search-bar-submit:hover{background:var(--color-accent);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-text)}.search-bar-submit:active{transform:translate(0);box-shadow:2px 2px 0 var(--color-text)}@media(max-width:768px){.search-bar-input-wrapper{flex-direction:column}.search-bar-submit{width:100%}}.table-of-contents{position:sticky;top:2rem;align-self:start;width:100%;max-width:280px;padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:calc(100vh - 4rem);overflow-y:auto;box-sizing:border-box}.toc-title{margin:0 0 var(--space-3) 0;font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin:0;padding:0}.toc-link{display:block;padding:var(--space-1) 0;color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);line-height:1.5;transition:color .2s ease}.toc-link:hover{color:var(--color-text)}.toc-item.toc-active .toc-link{color:var(--color-accent);font-weight:500}.toc-level-3{padding-left:var(--space-3)}.toc-level-4{padding-left:var(--space-6)}.table-of-contents::-webkit-scrollbar{width:6px}.table-of-contents::-webkit-scrollbar-track{background:transparent}.table-of-contents::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.table-of-contents::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media(max-width:1023px){.table-of-contents{position:relative;top:0;max-width:100%;max-height:none;margin-bottom:var(--space-6);order:2}.article-content-wrapper{order:1}}.series-navigation{position:sticky;top:2rem;align-self:start;width:100%;max-width:320px;padding:var(--space-5);background:var(--color-bg-elevated);border:var(--border-brutal);box-shadow:var(--shadow-brutal);max-height:calc(100vh - 4rem);overflow-y:auto;box-sizing:border-box}.series-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-thick)}.series-title{margin:0 0 var(--space-2) 0;font-size:var(--text-base);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);line-height:1.3}.series-part-indicator{display:block;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.series-list{list-style:none;padding:0;margin:0 0 var(--space-5) 0;display:flex;flex-direction:column;gap:var(--space-1)}.series-item{margin:0;padding:0}.series-link{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);line-height:1.5;border:2px solid transparent;transition:color var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-back);position:relative}.series-link:hover{color:var(--color-text);background:var(--color-highlight);border-color:var(--color-border);transform:translate(-2px,-2px)}.series-part-number{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--text-xs);font-weight:700;font-family:var(--font-mono);background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-secondary);transition:background-color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),color var(--duration-fast) var(--ease-out-quart)}.series-part-title{flex:1;min-width:0;line-height:1.4}.series-current-badge{flex-shrink:0;color:var(--color-accent);font-weight:700;margin-left:auto}.series-item.series-current .series-link{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent);font-weight:600;cursor:default;pointer-events:none}.series-item.series-current .series-link:hover{transform:none;background:var(--color-accent);border-color:var(--color-accent)}.series-item.series-current .series-part-number{background:var(--color-text-on-accent);border-color:var(--color-text-on-accent);color:var(--color-accent)}.series-item.series-current .series-current-badge{color:var(--color-text-on-accent)}.series-item.series-read .series-link{opacity:.7}.series-item.series-read .series-part-number{background:var(--color-highlight);border-color:var(--color-border)}.series-item.series-upcoming .series-link{opacity:.6}.series-pagination{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:var(--border-thick)}.series-nav-link{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg);border:var(--border-thin);text-decoration:none;color:var(--color-text);transition:background-color var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-back),box-shadow var(--duration-fast) var(--ease-out-quart)}.series-nav-link:hover{background:var(--color-highlight);border-color:var(--color-accent);transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal)}.series-nav-label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-weight:600}.series-nav-title{font-size:var(--text-sm);font-weight:600;line-height:1.4;color:var(--color-text)}.series-nav-prev .series-nav-label:before{content:"← "}.series-nav-next .series-nav-label:after{content:" →"}.series-navigation::-webkit-scrollbar{width:6px}.series-navigation::-webkit-scrollbar-track{background:transparent}.series-navigation::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.series-navigation::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media(max-width:1023px){.series-navigation{position:relative;top:0;max-width:100%;max-height:none;margin-bottom:var(--space-6);order:3}.series-pagination{flex-direction:row}.series-nav-link{flex:1}}.related-posts{margin-top:var(--space-16);padding-top:var(--space-12);border-top:var(--border-brutal)}.related-posts-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-8);text-transform:uppercase;color:var(--color-text)}.related-posts-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.related-posts-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.related-posts-grid{grid-template-columns:repeat(3,1fr)}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.project-card{background:var(--color-bg-elevated);border:var(--border-brutal);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-brutal);opacity:0;animation:punchIn var(--duration-slow) var(--ease-out-back) forwards;transition:transform var(--duration-fast) var(--ease-out-back),box-shadow var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart)}.project-card:nth-child(1){animation-delay:calc(var(--stagger-1) * 1)}.project-card:nth-child(2){animation-delay:calc(var(--stagger-1) * 2)}.project-card:nth-child(3){animation-delay:calc(var(--stagger-1) * 3)}.project-card:nth-child(4){animation-delay:calc(var(--stagger-1) * 4)}.project-card:nth-child(5){animation-delay:calc(var(--stagger-1) * 5)}.project-card:nth-child(6){animation-delay:calc(var(--stagger-1) * 6)}.project-card:nth-child(7){animation-delay:calc(var(--stagger-1) * 7)}.project-card:nth-child(8){animation-delay:calc(var(--stagger-1) * 8)}.project-card:nth-child(9){animation-delay:calc(var(--stagger-1) * 9)}.project-card:nth-child(10){animation-delay:calc(var(--stagger-1) * 10)}.project-card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-brutal-xl)}.project-card:active{transform:translate(0);box-shadow:var(--shadow-brutal);transition-duration:var(--duration-instant)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.project-link{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text);text-decoration:none;text-transform:uppercase;letter-spacing:.02em;position:relative;transition:color var(--duration-fast) var(--ease-out-quart)}.project-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background:var(--color-accent);transition:width var(--duration-normal) var(--ease-out-expo)}.project-link:hover{color:var(--color-accent);background:none}.project-link:hover:after{width:100%}.project-demo{font-size:var(--text-xs);color:var(--color-text-on-accent);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-3);background:var(--color-accent);border:var(--border-thin);transition:transform var(--duration-fast) var(--ease-out-back),box-shadow var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart)}.project-demo:hover{background:var(--color-accent-hover);color:var(--color-text-on-accent);box-shadow:2px 2px 0 var(--color-border);transform:translate(-1px,-1px)}.project-demo:active{transform:translate(0);box-shadow:none;transition-duration:var(--duration-instant)}.project-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;flex:1}.project-footer{display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:2px solid var(--color-border-subtle)}.project-meta{display:flex;gap:var(--space-4);align-items:center;font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono)}.project-language{padding:var(--space-1) var(--space-2);background:var(--color-accent);color:var(--color-text-on-accent);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.project-stars,.project-forks{display:flex;align-items:center;gap:var(--space-1)}.project-topics{display:flex;flex-wrap:wrap;gap:var(--space-2)}.topic-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--color-highlight);border:1px solid var(--color-border-subtle);color:var(--color-text);font-weight:500;text-transform:lowercase;font-family:var(--font-mono)}@media(max-width:640px){.projects-grid{grid-template-columns:1fr}}.articles-list{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-8)}.article-card{padding:var(--space-6);background:var(--color-bg-elevated);border:var(--border-brutal);text-decoration:none;color:inherit;box-shadow:var(--shadow-brutal);opacity:0;animation:fadeInUp var(--duration-slow) var(--ease-out-expo) forwards;transition:transform var(--duration-fast) var(--ease-out-back),box-shadow var(--duration-fast) var(--ease-out-quart),background-color var(--duration-normal) var(--ease-out-quart)}.article-card a,.article-card a:hover,.article-card a:focus,.article-card a:visited{text-decoration:none}.article-card__link{text-decoration:none;color:inherit;display:block}.article-card__link:hover,.article-card__link:focus{text-decoration:none}.article-card:nth-child(1){animation-delay:calc(var(--stagger-2) * 1)}.article-card:nth-child(2){animation-delay:calc(var(--stagger-2) * 2)}.article-card:nth-child(3){animation-delay:calc(var(--stagger-2) * 3)}.article-card:nth-child(4){animation-delay:calc(var(--stagger-2) * 4)}.article-card:nth-child(5){animation-delay:calc(var(--stagger-2) * 5)}.article-card:nth-child(6){animation-delay:calc(var(--stagger-2) * 6)}.article-card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-brutal-xl);background:var(--color-highlight)}.article-card:active{transform:translate(0);box-shadow:var(--shadow-brutal);transition-duration:var(--duration-instant)}.article-card h3{font-size:var(--text-2xl);margin-bottom:var(--space-3);color:var(--color-text);text-transform:uppercase;text-decoration:none}.article-card h3 a{text-decoration:none}.article-card p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-4);text-transform:none;text-decoration:none}.article-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.article-meta a,.article-meta time,.article-meta span{text-decoration:none}.article-date,.article-reading-time{display:flex;align-items:center;gap:var(--space-1)}.article-tags{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.article-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background:var(--color-accent);color:var(--color-text-on-accent);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--color-border);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-back)}.article-tag:hover{background:var(--color-accent-hover);transform:translate(-1px,-1px)}.article-layout{margin-top:var(--space-6);display:grid;grid-template-columns:1fr;gap:var(--space-8);width:100%}@media(min-width:1024px){.article-layout{grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-12);width:100%}}.article-sidebar{display:flex;flex-direction:column;gap:var(--space-6)}@media(max-width:1023px){.article-sidebar{order:2}}.article-content-wrapper{min-width:0;overflow-wrap:break-word;width:100%}.article-content-wrapper>article{width:100%;max-width:100%;margin:0;padding:0}.article-header{text-align:left;margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:var(--border-brutal);width:100%;max-width:100%}.article-series-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4);background:var(--color-highlight);border:var(--border-thin);font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.series-badge-label{color:var(--color-text-secondary);font-weight:600}.series-badge-name{color:var(--color-text);font-weight:700}.series-badge-part{color:var(--color-accent);font-weight:700}.article-title{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-4);text-transform:uppercase;line-height:1.1}.article-description{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:55ch;text-transform:none;line-height:1.7;margin-bottom:var(--space-6)}.article-header .article-meta{justify-content:flex-start}.back-link{display:inline-block;margin-top:var(--space-8);color:var(--color-accent);text-decoration:none;font-weight:700;font-size:var(--text-sm);text-transform:uppercase;padding:var(--space-2) var(--space-4);border:var(--border-thin);transition:all var(--duration-fast) var(--ease-out-quart)}.back-link:hover{background:var(--color-accent);color:var(--color-text-on-accent);transform:translate(-2px,-2px);box-shadow:var(--shadow-brutal-accent)}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-8)}.tag-card{padding:var(--space-6);background:var(--color-bg-elevated);border:var(--border-brutal);text-decoration:none;box-shadow:var(--shadow-brutal);display:flex;flex-direction:column;gap:var(--space-2);opacity:0;animation:punchIn var(--duration-slow) var(--ease-out-back) forwards;transition:transform var(--duration-fast) var(--ease-out-back),box-shadow var(--duration-fast) var(--ease-out-quart),background-color var(--duration-normal) var(--ease-out-quart)}.tag-card:nth-child(1){animation-delay:calc(var(--stagger-1) * 1)}.tag-card:nth-child(2){animation-delay:calc(var(--stagger-1) * 2)}.tag-card:nth-child(3){animation-delay:calc(var(--stagger-1) * 3)}.tag-card:nth-child(4){animation-delay:calc(var(--stagger-1) * 4)}.tag-card:nth-child(5){animation-delay:calc(var(--stagger-1) * 5)}.tag-card:nth-child(6){animation-delay:calc(var(--stagger-1) * 6)}.tag-card:nth-child(7){animation-delay:calc(var(--stagger-1) * 7)}.tag-card:nth-child(8){animation-delay:calc(var(--stagger-1) * 8)}.tag-card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-brutal-xl);background:var(--color-highlight)}.tag-card:active{transform:translate(0);box-shadow:var(--shadow-brutal)}.tag-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text);text-transform:uppercase}.tag-count{font-size:var(--text-sm);color:var(--color-muted);font-family:var(--font-mono)}.tag-header{margin-bottom:var(--space-4)}.tag-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-text-on-accent);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;border:var(--border-thick)}.tag-navigation{display:flex;justify-content:space-between;margin-top:var(--space-12);padding-top:var(--space-8);border-top:var(--border-brutal)}@media(max-width:640px){.tags-grid{grid-template-columns:1fr}.tag-navigation{flex-direction:column;gap:var(--space-4)}}.mdx-content{max-width:65ch;width:100%;margin:0;padding:0;line-height:1.8;font-size:var(--text-base);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.mdx-content h1,.mdx-content h2,.mdx-content h3,.mdx-content h4,.mdx-content h5,.mdx-content h6{font-family:var(--font-display);margin-top:2.5em;margin-bottom:.75em;font-weight:700;line-height:1.2;letter-spacing:-.02em;text-transform:uppercase;scroll-margin-top:100px;color:var(--color-text);page-break-after:avoid}.mdx-content>h1:first-child{display:none}.mdx-content h2:first-child{margin-top:0}.mdx-content h1{font-size:var(--text-3xl);padding-bottom:var(--space-3);border-bottom:4px solid var(--color-border)}.mdx-content h2{font-size:var(--text-2xl);padding-bottom:var(--space-2);border-bottom:3px solid var(--color-border)}.mdx-content h3{font-size:var(--text-xl);color:var(--color-accent);border-bottom:none}.mdx-content h4{font-size:var(--text-lg);border-bottom:none}.mdx-content h1:after,.mdx-content h2:after,.mdx-content h3:after,.mdx-content h4:after{display:none!important}.mdx-content h1>.anchor,.mdx-content h2>.anchor,.mdx-content h3>.anchor,.mdx-content h4>.anchor{color:inherit;text-decoration:none;background:none;display:block;transition:color var(--duration-fast) var(--ease-out-quart)}.mdx-content h1>.anchor:hover,.mdx-content h2>.anchor:hover{color:var(--color-accent)}.mdx-content h3>.anchor:hover,.mdx-content h4>.anchor:hover{color:var(--color-accent-hover)}.mdx-content .anchor:after{display:none!important}.mdx-content p{margin-bottom:1.75em;line-height:1.8;color:var(--color-text);-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;orphans:3;widows:3}.mdx-content h1+p,.mdx-content h2+p,.mdx-content h3+p,.mdx-content h4+p{margin-top:var(--space-2)}.mdx-content strong{color:var(--color-text);font-weight:700;background:var(--color-highlight-strong);padding:0 var(--space-1)}.mdx-content em{font-style:italic}.mdx-content a:not(.anchor){color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;font-weight:600;transition:color var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart)}.mdx-content a:not(.anchor):hover{background:var(--color-accent);color:var(--color-text-on-accent);text-decoration:none}.mdx-content a:not(.anchor):active{opacity:.8}.mdx-content ul,.mdx-content ol{margin-bottom:1.75em;padding-left:0;color:var(--color-text);list-style:none;line-height:1.75}.mdx-content li{margin-bottom:.75em;padding-left:var(--space-6);position:relative;line-height:1.75}.mdx-content ul li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:700}.mdx-content ol{counter-reset:list-counter}.mdx-content ol li{counter-increment:list-counter}.mdx-content ol li:before{content:counter(list-counter) ".";position:absolute;left:0;color:var(--color-accent);font-weight:700;font-family:var(--font-mono)}.mdx-content blockquote{border-left:4px solid var(--color-accent);padding:var(--space-4) var(--space-6);margin:2em 0;background:var(--color-highlight)}.mdx-content blockquote p{margin:0;color:var(--color-text);font-style:italic}.mdx-content code{background:var(--color-code-bg);color:var(--color-code-accent);padding:.15em .4em;font-size:.9em;font-family:var(--font-mono);font-weight:500}.mdx-content pre{background:var(--color-code-bg);border:4px solid var(--color-border);padding:var(--space-6);overflow-x:auto;margin:2em 0;font-size:var(--text-sm);line-height:1.7;box-shadow:var(--shadow-brutal-accent)}.mdx-content pre code{background:transparent;padding:0;font-weight:400;color:var(--color-code-text)}.mdx-content [data-rehype-pretty-code-figure] pre{background:var(--color-code-bg)}.mdx-content [data-rehype-pretty-code-figure] code{color:var(--color-code-text)}.mdx-content table{width:100%;border-collapse:collapse;margin:2em 0;font-size:var(--text-sm);border:4px solid var(--color-border);box-shadow:var(--shadow-brutal)}.mdx-content th,.mdx-content td{border:2px solid var(--color-border-subtle);padding:var(--space-3) var(--space-4);text-align:left}.mdx-content th{background:var(--color-accent);color:var(--color-text-on-accent);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-display)}.mdx-content td{color:var(--color-text)}.mdx-content tr:nth-child(2n){background:var(--color-highlight)}.mdx-content img{max-width:100%;height:auto;margin:2em 0;border:4px solid var(--color-border);box-shadow:var(--shadow-brutal)}.mdx-content hr{border:none;height:4px;background:var(--color-accent);margin:3em 0}.mdx-content input[type=checkbox]{width:1.2em;height:1.2em;margin-right:var(--space-2);accent-color:var(--color-accent)}