*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.65 Inter,system-ui,sans-serif;color:#0f172a;background:linear-gradient(180deg,#e8f3ff 0%,#f8fafc 38%,#eef2f6 100%)}a{color:#1e40af}.top{height:68px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid #dbe5f0;background:#ffffffd9;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.top a{font-weight:700;text-decoration:none}.lang{display:flex;gap:6px}.lang button,.copy{font:600 12px Inter,system-ui,sans-serif;border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:7px 12px;cursor:pointer}.lang button.active{background:#2563eb;color:white;border-color:#2563eb}.layout{max-width:1360px;margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr);gap:36px;padding:32px 28px 90px}.sidebar{align-self:start;position:sticky;top:100px}.sidebar-title{font-size:11px;font-weight:800;letter-spacing:.1em;color:#64748b;text-transform:uppercase;margin:0 0 12px 12px}.sidebar nav{display:grid;gap:3px}.sidebar a{display:block;padding:8px 12px;border-radius:9px;color:#475569;text-decoration:none;font-size:13px;font-weight:600}.sidebar a:hover,.sidebar a.active{color:#1d4ed8;background:#eff6ff}main{min-width:0;max-width:900px}.hero{padding:26px 0 20px}.eyebrow{color:#2563eb;font-size:11px;font-weight:800;letter-spacing:.12em}h1{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.04em;margin:10px 0}h2{font-size:23px;letter-spacing:-.025em;margin:0 0 10px}p{margin:0 0 14px;color:#475569}.panel{scroll-margin-top:92px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:clamp(18px,3vw,30px);margin:18px 0;box-shadow:0 12px 32px #0f172a0d}.code{position:relative;margin:18px 0 10px}.code pre{background:#0f172a;color:#e2e8f0;padding:24px 16px 18px;overflow:auto;border-radius:12px;font:13px/1.65 "Roboto Mono",ui-monospace,monospace;white-space:pre;tab-size:2}.copy{position:absolute;top:9px;right:9px;background:#253650;color:#fff;border-color:#475569}.note{border-left:3px solid #2563eb;background:#eff6ff;color:#334155;padding:10px 14px;border-radius:0 8px 8px 0;font-size:13px;margin-top:16px}table{border-collapse:collapse;width:100%;font-size:13px;margin-top:20px}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px 10px;vertical-align:top}th{color:#475569;background:#f8fafc}td code{overflow-wrap:anywhere;font:12px ui-monospace,monospace}footer{color:#64748b;font-size:13px;padding:26px 0}@media(max-width:800px){.layout{display:block;padding:18px 14px 70px}.sidebar{position:static;overflow:auto;margin-bottom:20px}.sidebar nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:8px}.sidebar a{white-space:nowrap;border:1px solid #e2e8f0;background:#fff}.sidebar-title{margin-left:0}.hero{padding-top:10px}.panel{margin:14px 0}table{display:block;overflow-x:auto}}