body{font-family:Inter,Arial,Helvetica,sans-serif;margin:0;background:#0b1220;color:#e6edf3}
header{background:#020617;border-bottom:1px solid #1f2937;padding:26px}
header h1{margin:0;font-size:32px}
.layout{display:flex}
.sidebar{width:280px;background:#020617;border-right:1px solid #1f2937;height:100vh;position:sticky;top:0;padding:22px;overflow:auto}
.sidebar a{display:block;color:#93c5fd;text-decoration:none;margin:6px 0;font-size:14px}
.sidebar a:hover{text-decoration:underline}
.content{flex:1;padding:40px;max-width:1050px}
h2{color:#93c5fd;margin-top:34px}
h3{color:#cbd5f5}
pre{background:#020617;padding:14px;border-radius:8px;color:#a7f3d0;overflow:auto}
.diagram{background:#020617;border-radius:10px;padding:20px;margin:30px 0}
footer{border-top:1px solid #1f2937;margin-top:60px;padding:20px;font-size:13px;color:#9ca3af}