:root{--color-bg: #f6f7f8;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-secondary: #475569;--color-primary: #1466b8;--color-primary-hover: #1256a0;--color-accent: #64ffda;--color-navy: #0a192f;--color-border: #e2e8f0;--color-surface: #ffffff;--color-surface-alt: #f1f5f9;--color-surface-subtle: #f8fafc;--max-width: 80rem;--content-width: 48rem;--font-display: "Newsreader", serif;--font-sans: "Space Grotesk", sans-serif;--font-mono: "Fira Code", monospace}@media(prefers-color-scheme:dark){:root{--color-bg: #111921;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-secondary: #cbd5e1;--color-primary: #1466b8;--color-primary-hover: #3b82f6;--color-accent: #64ffda;--color-navy: #0a192f;--color-border: #1e293b;--color-surface: #112240;--color-surface-alt: #1e293b;--color-surface-subtle: #111921}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-display);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;display:flex;flex-direction:column;transition:background-color .3s,color .3s}main{flex:1;width:100%;max-width:var(--content-width);margin:0 auto;padding:3rem 1.5rem}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-navy)}::-webkit-scrollbar-thumb{background:var(--color-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.site-header{position:sticky;top:0;z-index:50;width:100%;border-bottom:1px solid var(--color-border);background-color:color-mix(in srgb,var(--color-bg) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header nav{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:5rem;display:flex;justify-content:space-between;align-items:center}.site-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.site-logo-icon{height:2.5rem;width:2.5rem;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:.25rem;font-family:var(--font-mono);font-size:1rem;font-weight:700;box-shadow:0 4px 6px -1px #0000001a}.site-logo-text{display:flex;flex-direction:column}.site-logo-text .title{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;line-height:1}.site-logo-text .version{font-family:var(--font-mono);font-size:.75rem;color:var(--color-primary);margin-top:.125rem}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{font-family:var(--font-sans);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;color:var(--color-text);text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--color-primary)}.nav-subscribe{background-color:var(--color-primary);color:#fff;padding:.625rem 1.25rem;border-radius:.25rem;font-family:var(--font-sans);font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #1466b833;transition:background-color .15s,transform .1s}.nav-subscribe:hover{background-color:var(--color-primary-hover)}.nav-subscribe:active{transform:scale(.95)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-direction:column;gap:5px}.nav-toggle-line{display:block;width:24px;height:2px;background-color:var(--color-text);border-radius:1px;transition:transform .25s,opacity .25s}.nav-toggle[aria-expanded=true] .nav-toggle-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-line:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:color-mix(in srgb,var(--color-bg) 95%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:1rem 1.5rem;gap:1rem}.nav-links.open{display:flex}.site-header nav{position:relative}}.site-footer{border-top:1px solid var(--color-border);background-color:var(--color-surface-subtle);padding:3rem 1.5rem;margin-top:3rem}.site-footer .footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-logo-icon{height:2rem;width:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700}@media(prefers-color-scheme:light){.footer-logo-icon{background-color:#0f172a;color:#fff}}@media(prefers-color-scheme:dark){.footer-logo-icon{background-color:#f1f5f9;color:#0f172a}}.footer-logo span:last-child{font-weight:700;font-size:1.125rem}.footer-links{display:flex;flex-wrap:wrap;gap:2rem}.footer-links a{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--color-primary)}.footer-copy{font-size:.875rem;color:var(--color-text-muted)}.hero{margin-bottom:3rem}.hero h1{font-family:var(--font-display);font-size:2.5rem;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin-bottom:.75rem}.hero p{font-family:var(--font-display);color:var(--color-text-muted);font-size:1.25rem;line-height:1.6}h1,h2,h3{font-family:var(--font-display);line-height:1.2}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.025em}h2{font-size:1.875rem;font-weight:700}h3{font-size:1.25rem;font-weight:700}.post-list{list-style:none;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.post-list li a{display:block;padding:1.5rem;border:1px solid var(--color-border);border-radius:.75rem;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.post-list li a:hover{border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);box-shadow:0 10px 15px -3px #0000001a}.post-list h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:.25rem;transition:color .15s}.post-list li a:hover h3{color:var(--color-primary)}.post-date{font-family:var(--font-sans);font-size:.85rem;color:var(--color-text-muted);margin-bottom:.5rem}.post-list p:last-child{font-family:var(--font-display);font-size:.95rem;color:var(--color-text-muted);line-height:1.6}article{max-width:var(--content-width)}.post-header{margin-bottom:2rem}.post-header .post-tag{display:inline-block;padding:.25rem .75rem;background-color:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);font-family:var(--font-sans);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;margin-bottom:1.5rem}.post-header h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;margin-bottom:1.5rem}.post-header .post-meta{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.post-header time{font-family:var(--font-sans);color:var(--color-text-muted);font-size:.875rem}.updated-on{color:var(--color-text-muted);font-family:var(--font-sans);font-size:.85rem;font-style:italic;margin-top:.25rem}article hr{margin:2rem 0;border:none;border-top:1px solid var(--color-border)}.post-content{font-family:var(--font-display);font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary)}.post-content h2{font-family:var(--font-display);font-size:1.875rem;font-weight:700;color:var(--color-text);margin-top:3rem;margin-bottom:1rem;position:relative;display:inline-block}.post-content h2:after{content:"";position:absolute;bottom:-.5rem;left:0;width:33%;height:.25rem;background-color:var(--color-primary)}.post-content h3{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--color-text);margin-top:2.5rem;margin-bottom:1rem}.post-content p{font-family:var(--font-display);font-size:1.125rem;line-height:1.9;margin-bottom:1.5rem}.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content pre{background:#0f172a;color:#e2e8f0;padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1.5rem;font-size:.875rem;border:1px solid #334155;box-shadow:0 25px 50px -12px #00000040}.post-content code{font-family:var(--font-mono);font-size:.9em}.post-content :not(pre)>code{background:var(--color-surface-alt);padding:.15em .4em;border-radius:.25rem;font-size:.85em}.post-content blockquote{border-left:4px solid var(--color-primary);padding:.5rem 1.5rem;margin:2.5rem 0;background-color:var(--color-surface-alt);border-radius:0 .5rem .5rem 0}.post-content blockquote p{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--color-text);margin-bottom:0}.post-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.post-content a:hover{color:var(--color-primary-hover)}.post-content img{width:100%;height:auto;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000040;margin-bottom:1rem}@media(min-width:768px){main{padding:3rem 1.5rem}.hero h1{font-size:3.5rem}}.main-wide{max-width:var(--max-width);padding-left:0;padding-right:0}@media(min-width:768px){.main-wide{padding-left:1.5rem;padding-right:1.5rem}}.post-layout{display:flex;gap:3rem}.post-article{flex:1;max-width:var(--content-width);margin:0 auto;padding:0 1.5rem}@media(min-width:1024px){.post-article{margin:0;padding:0}}.post-sidebar{display:none}@media(min-width:1024px){.post-sidebar{display:block;width:16rem;flex-shrink:0;padding-top:1rem}}.post-sidebar-sticky{position:sticky;top:8rem;display:flex;flex-direction:column;gap:2rem}.toc-title{font-family:var(--font-sans);font-size:.75rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.toc-list{list-style:none;border-left:2px solid var(--color-border);padding-left:1rem;display:flex;flex-direction:column;gap:.75rem}.toc-link{font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-muted);text-decoration:none;transition:color .15s;display:block;margin-left:-1.125rem;padding-left:1rem;border-left:2px solid transparent}.toc-link:hover{color:var(--color-text)}.toc-link-sub{padding-left:1.5rem;font-size:.8125rem}.toc-link.toc-active{color:var(--color-primary);font-weight:500;border-left-color:var(--color-primary)}.share-title{font-family:var(--font-sans);font-size:.75rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.share-buttons{display:flex;gap:1rem}.share-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;border:none;background-color:var(--color-surface-alt);color:var(--color-text-muted);cursor:pointer;transition:background-color .15s,color .15s}.share-btn:hover{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.share-btn-copied{background-color:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary)}.breadcrumbs{display:flex;align-items:center;gap:.5rem;font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-muted);margin-bottom:2rem}.breadcrumbs a{color:var(--color-text-muted);text-decoration:none;transition:color .15s}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumb-sep{font-size:.75rem}.breadcrumb-current{color:var(--color-text);font-weight:500}.post-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.post-read-time{display:inline-block;padding:.25rem .75rem;background-color:var(--color-surface-alt);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px}.author-info{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.author-avatar{width:3rem;height:3rem;border-radius:9999px;object-fit:cover;border:2px solid var(--color-border)}.author-avatar-placeholder{width:3rem;height:3rem;border-radius:9999px;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:1.25rem;font-weight:700}.author-name{font-family:var(--font-sans);font-size:.875rem;font-weight:700;color:var(--color-text)}.author-detail{font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-muted)}.post-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--color-border)}.post-footer-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.footer-tags-label{font-family:var(--font-sans);font-size:.875rem;font-weight:700;color:var(--color-text-muted);margin-right:.25rem}.footer-tag{display:inline-block;padding:.25rem .75rem;background-color:var(--color-surface-alt);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:.875rem;border-radius:.375rem;text-decoration:none;transition:background-color .15s,color .15s}.footer-tag:hover{background-color:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary)}.post-navigation{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}@media(min-width:640px){.post-navigation{grid-template-columns:1fr 1fr}}.post-nav-card{display:block;padding:1.5rem;border:1px solid var(--color-border);border-radius:.75rem;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.post-nav-card:hover{border-color:color-mix(in srgb,var(--color-primary) 50%,transparent);box-shadow:0 10px 15px -3px #0000001a}.post-nav-card-next{text-align:right}.post-nav-label{display:block;font-family:var(--font-sans);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem}.post-nav-title{display:block;font-family:var(--font-display);font-size:1.125rem;font-weight:700;transition:color .15s}.post-nav-card:hover .post-nav-title{color:var(--color-primary)}.newsletter{margin-top:5rem;padding:2rem;background-color:#0f172a;border-radius:1rem;position:relative;overflow:hidden}@media(min-width:768px){.newsletter{padding:3rem}}.newsletter-pattern{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(#1466b8 1px,transparent 1px);background-size:20px 20px}.newsletter-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}@media(min-width:768px){.newsletter-inner{flex-direction:row;justify-content:space-between;text-align:left}}.newsletter-text{max-width:28rem}.newsletter-heading{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.newsletter-description{font-family:var(--font-sans);font-size:.875rem;color:#94a3b8;line-height:1.6}.newsletter-form{display:flex;flex-direction:column;gap:.75rem;width:100%}@media(min-width:480px){.newsletter-form{flex-direction:row;width:auto}}.newsletter-input{background-color:#1e293b;border:1px solid #334155;color:#fff;border-radius:.25rem;padding:.75rem 1rem;min-width:250px;font-family:var(--font-sans);font-size:.875rem;outline:none;transition:border-color .15s}.newsletter-input::placeholder{color:#64748b}.newsletter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,transparent)}.newsletter-btn{background-color:var(--color-primary);color:#fff;font-family:var(--font-sans);font-size:.875rem;font-weight:700;padding:.75rem 1.5rem;border-radius:.25rem;border:none;cursor:pointer;white-space:nowrap;box-shadow:0 4px 6px -1px #1466b840;transition:background-color .15s,transform .1s}.newsletter-btn:hover{background-color:var(--color-primary-hover)}.newsletter-btn:active{transform:scale(.95)}