*{box-sizing:border-box}html{font-family:system-ui,sans-serif}body{margin:0;display:flex;flex-direction:column;min-height:100vh}.site-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ddd}.site-title{font-weight:700;text-decoration:none}.layout{flex:1;display:grid;grid-template-columns:240px minmax(0, 760px) 220px;gap:40px;padding:40px 16px;max-width:1320px;width:100%;margin:0 auto;box-sizing:border-box}.sidebar-group{margin-bottom:16px}.sidebar-group-title{display:block;font-size:13px;font-weight:600;color:#333;padding:6px 8px}.sidebar-group ul{list-style:none;padding:0;margin:0}.sidebar-group li{margin:0}.sidebar-group li a{display:block;padding:5px 8px 5px 16px;text-decoration:none;color:#555;font-size:13px}.sidebar-group li a:hover{color:#000}.sidebar-group li.active a{color:#2563eb;border-left-color:#2563eb;background:#f0f5ff}.sidebar{position:sticky;top:20px;align-self:start;font-size:14px;line-height:1.5;padding-right:16px;border-right:1px solid #e5e5e5;max-height:calc(100vh - 40px);overflow-y:auto}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav ul ul{padding-left:12px;margin-top:4px}.sidebar nav li{margin:4px 0}.sidebar nav a:hover{background:#f5f5f5;color:#000}.toc{position:sticky;top:40px;align-self:start}.toc ul{list-style:none;padding:0;margin:0}.toc nav>ul>li>a{display:block;font-size:12px;color:#777;text-decoration:none;padding:3px 0}.toc nav>ul>li>ul{padding-left:12px}.toc nav>ul>li>ul>li>a{display:block;font-size:12px;color:#999;text-decoration:none;padding:3px 0}.toc nav a:hover{color:#333}.toc-link{display:block;font-size:12px;line-height:1.5;padding:4px 8px;text-decoration:none;color:#aaa;border-left:2px solid rgba(0,0,0,0);transition:color .2s}.toc-link:hover{color:#555}.content{min-width:0}.content article{line-height:1.8}.content h1{line-height:1.3}a{line-height:1.3}.site-footer{flex-shrink:0;padding:40px 24px;text-align:center;border-top:1px solid #ddd}@media (max-width: 1200px){.layout{grid-template-columns:220px minmax(0, 1fr)}.toc{display:none}}@media (max-width: 800px){.layout{display:block;padding:24px 16px}.sidebar{display:static;margin-bottom:24px;border-right:none;border-bottom:1px solid #e5e5e5;padding-bottom:16px}}