.blog-site{--blog-bg:#f9f6f0;--blog-text:#1a1614;--blog-text-soft:#5a524d;--blog-surface:#fff;--blog-border:#e6ddd4;--blog-accent:#f73c5c;--blog-accent2:#0097b2;--blog-accent3:#ff751f;--blog-green:#4c8731;--blog-font:"JetBrains Mono", monospace;background:var(--blog-bg);color:var(--blog-text);font-family:var(--blog-font);flex-direction:column;min-height:100vh;display:flex}.blog-container{width:min(820px,100% - 3rem);margin-inline:auto}.blog-topbar{z-index:50;border-bottom:2px solid var(--blog-border);background:color-mix(in srgb,var(--blog-bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.blog-topbar-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:64px;display:flex}.blog-brand{color:var(--blog-accent);align-items:center;font-size:calc(clamp(1rem,1.3vw,1.35rem));font-weight:800;display:inline-flex}.blog-brand-logo{width:auto;height:28px;display:block}.blog-footer .blog-brand-logo{height:24px}.blog-nav{text-transform:uppercase;letter-spacing:.04em;gap:1.5rem;font-size:.9rem;display:flex}.blog-nav a{color:var(--blog-text-soft);transition:color .2s}.blog-nav a:hover{color:var(--blog-accent)}.blog-hamburger{border:2px solid var(--blog-text-soft);cursor:pointer;z-index:60;background:0 0;flex-direction:column;justify-content:center;gap:4px;padding:.4rem .5rem;display:none}.blog-hamburger span{background:var(--blog-text);width:18px;height:2px;transition:transform .25s,opacity .25s;display:block}.blog-hamburger.is-open span:first-child{transform:translateY(6px)rotate(45deg)}.blog-hamburger.is-open span:nth-child(2){opacity:0}.blog-hamburger.is-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.blog-mobile-menu{background:color-mix(in srgb,var(--blog-text) 6%,var(--blog-bg));border-top:1px solid var(--blog-border);max-height:0;transition:max-height .35s,padding .35s;display:none;overflow:hidden}.blog-mobile-menu.is-open{max-height:200px;padding:.8rem 0 1rem}.blog-mobile-nav{flex-direction:column;gap:.3rem;width:min(820px,100% - 3rem);margin-inline:auto;display:flex}.blog-mobile-nav a{text-transform:uppercase;letter-spacing:.04em;color:var(--blog-text-soft);border:2px solid #0000;padding:.6rem .8rem;font-size:.95rem;transition:border-color .2s,color .2s;display:block}.blog-mobile-nav a:hover{border-color:var(--blog-accent2);color:var(--blog-accent2)}@media (width<=640px){.blog-nav{display:none}.blog-hamburger{display:flex}.blog-mobile-menu{display:block}}@media (width>=641px){.blog-hamburger,.blog-mobile-menu{display:none!important}}.blog-main{flex:1;padding:1.5rem 0 4rem}.blog-content{background:var(--blog-surface);border:2px solid var(--blog-border);border-top:4px solid var(--blog-accent);padding:calc(clamp(1.2rem,2vw,2rem)) calc(clamp(2rem,4vw,4rem));box-shadow:8px 8px #f73c5c14}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:var(--blog-text);margin:2em 0 .6em;line-height:1.2;position:relative}.blog-content h1:before,.blog-content h2:before,.blog-content h3:before,.blog-content h4:before,.blog-content h5:before,.blog-content h6:before{content:"# ";color:var(--blog-accent);font-weight:800}.blog-content h1{margin-top:.5em;font-size:calc(clamp(1.6rem,3vw,2.4rem))}.blog-content h2{border-bottom:2px solid var(--blog-border);padding-bottom:.35rem;font-size:calc(clamp(1.3rem,2.2vw,1.7rem))}.blog-content h3{font-size:calc(clamp(1.1rem,1.6vw,1.3rem))}.blog-content p{color:var(--blog-text);margin:0 0 1.2em;line-height:1.75}.blog-content a{color:var(--blog-accent);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--blog-accent2);text-decoration-color:var(--blog-accent2);transition:color .2s}.blog-content a:hover{color:var(--blog-accent2)}.blog-content strong{color:var(--blog-text);font-weight:700}.blog-content blockquote{border-left:4px solid var(--blog-accent);background:color-mix(in srgb,var(--blog-accent) 6%,var(--blog-surface));color:var(--blog-text-soft);margin:1.5em 0;padding:.8rem 1.2rem;font-style:italic}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content code{font-family:var(--blog-font);background:color-mix(in srgb,var(--blog-accent2) 10%,var(--blog-bg));border-radius:4px;padding:.15rem .4rem;font-size:.88em}.blog-content pre{background:var(--blog-text);color:#e8ddd4;border:2px solid var(--blog-border);border-radius:6px;margin:1.2em 0;padding:1rem 1.2rem;font-size:.88rem;line-height:1.55;overflow-x:auto}.blog-content pre code{font-size:inherit;color:inherit;background:0 0;border-radius:0;padding:0}.blog-content ol,.blog-content ul{margin:0 0 1.2em;padding-left:1.5em;line-height:1.75}.blog-content li{margin-bottom:.3em}.blog-content li::marker{color:var(--blog-accent)}.blog-content table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.9rem}.blog-content td,.blog-content th{border:1px solid var(--blog-border);text-align:left;padding:.55rem .75rem}.blog-content th{background:color-mix(in srgb,var(--blog-accent) 8%,var(--blog-bg));text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.blog-content tr:nth-child(2n) td{background:color-mix(in srgb,var(--blog-accent2) 4%,var(--blog-surface))}.blog-content hr{border:none;border-top:3px dashed var(--blog-accent);opacity:.5;margin:2.5em 0}.blog-content img{border:2px solid var(--blog-border);border-radius:6px;max-width:100%;height:auto;margin:1.5em 0}.blog-footer{border-top:2px solid var(--blog-border);border-top-color:color-mix(in srgb,var(--blog-accent) 30%,var(--blog-border));background:color-mix(in srgb,var(--blog-text) 4%,var(--blog-bg));margin-top:auto}.blog-footer-inner{min-height:72px;color:var(--blog-text-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.82rem;display:flex}.blog-footer .blog-brand{font-size:1rem}.blog-footer-links{gap:.9rem;display:flex}.blog-footer-links a{color:var(--blog-text-soft);transition:color .2s}.blog-footer-links a:hover{color:var(--blog-accent)}@media (width<=640px){.blog-main{padding:.8rem 0 2.5rem}.blog-content{border-top-width:3px;padding:1rem 1.2rem}.blog-footer-inner{text-align:center;flex-direction:column;padding:1.5rem 0}}