:root{--blue:#2563eb;--ink:#172033;--muted:#62708a;--line:#dbe3ee;--soft:#f6f8fc;--side:#14233c;--green:#087d4b;--amber:#a85b00}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.62}.layout{display:flex;min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:260px;overflow:auto;background:var(--side);padding:24px 0;color:#fff}.brand{padding:0 21px 20px;border-bottom:1px solid rgba(255,255,255,.12);font-size:21px;font-weight:800}.brand a{color:#fff;text-decoration:none}.brand b{color:#2eb86c}.side h4{margin:23px 21px 6px;color:#7fb0ff;font-size:10px;letter-spacing:1.2px}.side a.nav{display:block;padding:7px 21px;color:#d7e2f3;text-decoration:none;font-size:13px;border-left:3px solid transparent}.side a.nav:hover{background:rgba(255,255,255,.08);border-color:#60a5fa}.content{max-width:920px;margin-left:260px;padding:46px 54px 70px}.eyebrow{font-size:12px;color:var(--blue);font-weight:700;letter-spacing:.8px;text-transform:uppercase}h1{font-size:38px;line-height:1.13;margin:9px 0 14px}h2{margin:46px 0 14px;padding-top:18px;border-top:1px solid var(--line);font-size:25px}h3{margin:24px 0 8px;font-size:18px}.lead{font-size:18px;color:var(--muted)}p{margin:0 0 14px}ol,ul{padding-left:22px;margin:10px 0 17px}li{margin:5px 0}.box{margin:20px 0;padding:15px 17px;border-left:4px solid var(--blue);border-radius:6px;background:var(--soft)}.tip{border-color:#159563;background:#f2fbf6}.warn{border-color:#d68a12;background:#fffaf0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.card{padding:15px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.card h3{margin:0 0 6px;font-size:16px}.card p{margin:0;color:var(--muted);font-size:14px}.table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.table th{background:var(--soft);font-size:12px}code{padding:2px 5px;border:1px solid var(--line);border-radius:4px;background:var(--soft);font-size:.9em}.back{position:fixed;right:24px;bottom:24px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;text-decoration:none}@media(max-width:760px){.layout{display:block}.side{position:static;width:auto;max-height:38vh}.content{margin:0;padding:28px 20px 60px}h1{font-size:31px}.grid{grid-template-columns:1fr}}