*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#182536;font:16px/1.55 Segoe UI,Arial,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#102a43;color:#fff;padding:24px 16px}.brand{display:flex;gap:12px;align-items:center;font-size:1.25rem}.brand img{width:48px;height:48px}nav{margin-top:24px;display:grid;gap:5px}nav a{color:#e7f1fb;text-decoration:none;padding:8px 10px;border-radius:7px}nav a:hover{background:#1f4b6e}.menu{position:fixed;z-index:2;left:255px;top:12px;border:0;border-radius:6px;padding:8px 11px;background:#102a43;color:#fff}main,footer{margin-left:250px;padding:36px;max-width:1100px}footer{padding-top:8px;color:#52606d;font-size:.9rem}.hero,.card{background:#fff;border:1px solid #d8e2ec;border-radius:14px;padding:24px;margin-bottom:18px;box-shadow:0 6px 24px #102a4310}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:inline-block;padding:11px 15px;border-radius:8px;background:#1261a0;color:#fff;text-decoration:none}.button.secondary{background:#52606d}code{overflow-wrap:anywhere}.collapsed aside{width:0;padding:0;overflow:hidden}.collapsed main,.collapsed footer{margin-left:0}.collapsed .menu{left:12px}@media(max-width:760px){aside{width:220px}.menu{left:225px}main,footer{margin-left:220px;padding:28px 18px}.collapsed main,.collapsed footer{margin-left:0}}