:root{color-scheme:light;--ink:#11233e;--muted:#52647b;--blue:#1760dd;--line:#dce6f2;--paper:#f5f8fc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#1556c3;text-underline-offset:4px}a:hover{color:#093576}a:focus-visible{outline:3px solid #f4ad34;outline-offset:5px}header{background:white;border-bottom:1px solid var(--line)}nav,.wrap{max-width:1160px;margin:auto;padding:22px 28px}nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap}nav a{text-decoration:none;font-weight:600;font-size:14px}.brand{font-size:26px;letter-spacing:-1px;margin-right:auto;color:var(--ink)}.brand span{color:var(--blue)}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#1760dd;font-size:12px;font-weight:750}.hero{padding:58px 0 35px;max-width:900px}h1{font-size:clamp(34px,5vw,58px);line-height:1.13;letter-spacing:-1.8px;margin:18px 0 24px}h2{font-size:26px;line-height:1.3;letter-spacing:-.5px;margin:40px 0 14px}h3{line-height:1.4}p{margin:0 0 20px}.lead{font-size:21px;color:var(--muted);max-width:790px}.meta,.crumb{font-size:13px;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:42px;align-items:start}.article{background:white;border:1px solid var(--line);border-radius:18px;padding:12px 38px 32px}.article section{scroll-margin-top:25px}.toc{position:sticky;top:20px;background:white;border:1px solid var(--line);border-radius:16px;padding:22px;font-size:14px}.toc ol{padding-left:20px}.toc li{margin:10px 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 55px}.card{display:flex;flex-direction:column;background:white;padding:28px;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink)}.card h2{font-size:23px;margin:15px 0}.card p{font-size:15px;color:var(--muted)}.card small{color:var(--blue);margin-top:auto;font-weight:650}.flow{margin:24px 0;background:#102743;border-radius:16px;color:white;padding:26px}.flow figcaption{font-weight:700;margin-bottom:18px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.steps div{border:1px solid #46627f;border-radius:10px;padding:15px}.steps b{display:block;color:#8bd8ff;font-size:13px}.steps span{font-size:15px}.note{border-left:4px solid #2d83eb;padding:18px 22px;background:#eaf3ff;margin:26px 0}.cta{background:#eaf3ff;border-radius:16px;padding:30px;margin:40px 0}.cta h2{margin-top:0}.button{display:inline-block;background:var(--blue);color:white;border-radius:9px;padding:11px 20px;text-decoration:none;font-size:15px;font-weight:650}.button:hover{color:white;background:#124ba8}footer{border-top:1px solid var(--line);margin-top:40px;font-size:14px}.skip{position:absolute;left:20px;top:-80px}.skip:focus{top:10px;background:white;padding:10px;z-index:9}code{overflow-wrap:anywhere;background:#eaf0f7;padding:2px 5px;border-radius:4px}.source{font-size:14px}.related{padding-top:15px}.related li{margin-bottom:10px}@media(max-width:900px){.layout{grid-template-columns:1fr}.toc{position:static;grid-row:1}.cards{grid-template-columns:1fr}.hero{padding-top:32px}.article{padding:8px 24px 24px}}@media(max-width:520px){nav,.wrap{padding:18px}nav{gap:14px}.brand{width:100%}.steps{grid-template-columns:1fr}h1{letter-spacing:-1px}.article{padding:6px 18px 22px}.flow{padding:18px}.lead{font-size:18px}}