*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f5f5f5;color:#1a1a1a}.layout{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;gap:24px;padding:0 24px;height:56px;background:#1a1a2e;color:#fff}.nav-brand{font-weight:700;font-size:1rem;letter-spacing:.03em;color:#e94560}.nav-links{display:flex;gap:4px;list-style:none;margin:0;padding:0}.nav-links button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:6px 12px;border-radius:4px;font-size:.9rem;transition:background .15s,color .15s}.nav-links button:hover{background:#ffffff14;color:#fff}.nav-links button.active{background:#e9456026;color:#e94560}.main{flex:1;max-width:780px;width:100%;margin:0 auto;padding:40px 24px 80px}article h1{font-size:1.75rem;margin:0 0 16px}article h2{font-size:1.2rem;margin:32px 0 12px;color:#444}article p,article li{line-height:1.7;color:#333}article ul{padding-left:20px}article li{margin-bottom:8px}code{background:#eee;padding:2px 6px;border-radius:3px;font-size:.85em}