:root{--bg-color:#f8fafc;--card-bg:#ffffff;--heading-color:#0f172a;--text-main:#334155;--text-muted:#64748b;--flow-step:#fbfbfb;--border-color:#e2e8f0;--primary-color:#2563eb;--primary-hover:#1d4ed8;--code-bg:#ffffff;--shadow:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px}html{scroll-behavior:smooth}body,nav ul li a{color:var(--text-main)}body{display:flex;margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.7;background:var(--bg-color)}.sidebar{width:250px;height:100vh;position:fixed;top:0;left:0;padding:40px 20px;border-right:1px solid var(--border-color);background:var(--card-bg);overflow-y:auto}.content{margin-left:290px;padding:40px;max-width:800px}h1{font-size:2.2rem;margin-top:0}h2{font-size:1.4rem;margin-top:50px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.callout h4,h1,h3,nav h3{color:var(--heading-color)}h3{font-size:1.1rem;margin-top:1.5rem}ol,p,ul{margin-bottom:1rem}ol,ul{padding-left:1.5rem}li,p{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.callout h4,nav h3{margin-top:0;margin-bottom:1.5rem}nav ul{list-style:none;padding:0;margin:0}nav ul li{margin-bottom:.75rem}nav ul li a{text-decoration:none;display:block;padding:4px 0;transition:color .2s}.back-link,h2,nav ul li a:hover{color:var(--primary-color)}code{background:var(--code-bg);border:1px solid var(--border-color);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.8rem}footer,pre{font-size:.85rem}pre{overflow-x:auto;padding:1rem}.back-link{display:inline-block;margin-bottom:1.5rem;text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.callout,pre{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px}.callout{border-left:4px solid var(--primary-color);padding:1.25rem;margin:1.5rem 0;box-shadow:var(--shadow)}.callout h4,h3,li{margin-bottom:.5rem}footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--border-color);color:var(--text-muted)}footer p{text-align:center}@media (max-width:768px){body{flex-direction:column}.sidebar{position:relative;height:auto;width:100%;border-right:none;border-bottom:1px solid var(--border-color);padding:20px}.content{margin-left:0;padding:20px}}