:root{--primary:#2563eb;--white:#fff;--muted:#666;--container-max:1400px}*{box-sizing:border-box}#__next,body,html{height:100%;margin:0;padding:0}body{font-family:Inter,Arial,sans-serif;color:#111;line-height:1.5}.site-root{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1 1;padding:12px 16px;max-width:var(--container-max);margin:0 auto;width:100%}.topbar{background:#e8f2ff;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:999}.topbar-inner{justify-content:space-between;gap:12px;max-width:var(--container-max);margin:0 auto;padding:12px 16px;box-sizing:border-box;flex-wrap:nowrap}.logo,.topbar-inner{display:flex;align-items:center}.logo{gap:10px;text-decoration:none}.logo svg{height:60px;width:auto;display:block}@media (max-width:880px){.logo svg{height:42px}}.nav-desktop{display:flex;gap:18px;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.nav-link{color:#0f172a;text-decoration:none;font-size:15px;padding:6px 8px;border-radius:6px;display:inline-block}.nav-link:hover{background:hsla(0,0%,100%,.08)}.nav-toggle{display:none;background:transparent;border:0;padding:8px;cursor:pointer}.nav-toggle .hamburger{display:inline-block;width:22px;height:2px;background:#fff;position:relative}.nav-toggle .hamburger:after,.nav-toggle .hamburger:before{content:"";position:absolute;left:0;width:22px;height:2px;background:#fff}.nav-toggle .hamburger:before{top:-7px}.nav-toggle .hamburger:after{top:7px}.mobile-menu{display:none;flex-direction:column;gap:6px;padding:10px 16px;background:rgba(0,0,0,.05)}.mobile-link{color:var(--white);text-decoration:none;padding:8px 6px;border-radius:6px}.mobile-link:hover{background:hsla(0,0%,100%,.06)}.site-footer{background:#f1f5f9;text-align:center;border-top:1px solid #e6e6e6;color:var(--muted)}.editors-row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;width:100%;box-sizing:border-box}.editors-row>div{flex:1 1 49%;max-width:49%;min-width:300px;box-sizing:border-box}.monaco-editor,.monaco-editor .editor-container{box-sizing:border-box!important}@media (max-width:1200px){:root{--container-max:1200px}}@media (max-width:880px){.editors-row{flex-direction:column;gap:12px}.editors-row>div{flex-basis:100%!important;max-width:100%!important;min-width:100%!important}.nav-desktop{display:none!important}.nav-toggle{display:inline-block!important}.mobile-menu.open{display:flex!important}}h1{font-size:2.1rem;margin:18px 0 8px}h2{font-size:1.45rem;margin:12px 0}h3{font-size:1.15rem;margin:8px 0}