@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Serif:wght@400;500;700&family=IBM+Plex+Mono&display=swap";:root{--sidebar-width: 240px;--max-content: 720px;--bg: #fafafa;--sidebar-bg: #f0f0f0;--text: #1a1a1a;--text-muted: #666;--accent: #c0392b;--border: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"IBM Plex Serif",Georgia,serif;color:var(--text);background:var(--bg);line-height:1.7}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border);padding:2rem 1.25rem;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:10}.sidebar h2{font-family:IBM Plex Sans,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1.5rem}.sidebar ul{list-style:none}.sidebar li+li{margin-top:.25rem}.sidebar button{background:none;border:none;font-family:IBM Plex Sans,sans-serif;font-size:.95rem;color:var(--text);cursor:pointer;padding:.4rem .75rem;border-radius:6px;width:100%;text-align:left;transition:background .15s}.sidebar button:hover{background:#0000000f}.sidebar button.active{background:var(--accent);color:#fff;font-weight:500}.content{margin-left:var(--sidebar-width);flex:1;display:flex;justify-content:center;padding:3rem 2rem 4rem}article{max-width:var(--max-content);width:100%}article h1{font-size:2rem;font-weight:700;line-height:1.25;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--accent)}article h2{font-family:IBM Plex Sans,sans-serif;font-size:1.35rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;color:var(--accent)}article h3{font-size:1.1rem;font-weight:500;margin-top:1.5rem;margin-bottom:.5rem}article h3 a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border);transition:border-color .15s}article h3 a:hover{border-color:var(--accent)}article p{margin-bottom:1rem;font-size:1.05rem}article ul,article ol{margin:.5rem 0 1rem 1.5rem}article li{margin-bottom:.35rem}article a{color:var(--accent)}article code{font-family:IBM Plex Mono,monospace;background:#eee;padding:.15em .4em;border-radius:3px;font-size:.9em}article hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:20;background:#fff;border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;font-size:1.25rem;cursor:pointer;box-shadow:0 2px 8px #0000001a}.overlay{display:none}@media(max-width:768px){.menu-toggle{display:block}.sidebar{transform:translate(-100%);transition:transform .25s ease;box-shadow:2px 0 12px #00000026}.sidebar.open{transform:translate(0)}.overlay{display:block;position:fixed;inset:0;background:#0000004d;z-index:5}.content{margin-left:0;padding:3.5rem 1.25rem 3rem}}
