*{box-sizing:border-box}body{color:#111827;background:#fff;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.layout{grid-template-columns:320px 1fr;min-height:100vh;display:grid}.sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;max-height:100vh;padding:20px;position:sticky;top:0;overflow-y:auto}.site-title{margin:0 0 16px;font-size:24px}.search{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:18px;padding:10px 12px}.category{margin-bottom:18px}.category h2{color:#6b7280;margin:16px 0 8px;font-size:14px}.category button{text-align:left;color:#111827;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 10px;display:block}.category button:hover,.category button.active{background:#e5e7eb}.content{padding:48px 64px}article{max-width:900px;margin:0 auto}.category-label,.date{color:#6b7280;margin:0 0 8px}article>h1{margin:0 0 10px;font-size:36px}.markdown{font-size:17px;line-height:1.75}.markdown h1,.markdown h2,.markdown h3{margin-top:32px;line-height:1.3}.markdown table{border-collapse:collapse;width:100%;margin:18px 0}.markdown th,.markdown td{vertical-align:top;border:1px solid #d1d5db;padding:8px 10px}.markdown th{background:#f3f4f6}.markdown code{background:#f3f4f6;border-radius:4px;padding:2px 4px}.markdown pre{background:#f3f4f6;border-radius:8px;padding:16px;overflow-x:auto}.markdown a{color:#2563eb}@media (width<=800px){.layout{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #e5e7eb;border-right:0;max-height:none;position:static}.content{padding:28px 20px}}