*{box-sizing:border-box}html{scroll-padding-top:140px}body{margin:0;background:#f4f7fb;color:#183047;font:16px/1.7 system-ui,sans-serif}a{color:#195ba3;text-underline-offset:3px}a:focus-visible,button:focus-visible{outline:3px solid #cd8d16;outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;z-index:100;background:white;padding:8px}header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #ccdae8;padding:14px max(20px,calc((100vw - 1160px)/2))}.top{display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.5px;text-decoration:none;color:#244b7c}.brand img{width:38px;height:38px;object-fit:contain}.languages{display:flex;gap:7px;align-items:center;flex-shrink:0}button{font:inherit;border:1px solid #afc4da;border-radius:6px;padding:8px 14px;background:#fff;color:#1a4e83;cursor:pointer;min-height:44px}button[aria-pressed=true],.button{background:#1b5ca4;color:white}button:disabled{color:#53677d;background:#edf2f8;cursor:default}nav{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:10px}nav a{text-decoration:none;font-size:14px}main,footer{width:min(1160px,100%);margin:auto;padding:34px 22px}h1{font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:-1px;margin:6px 0 22px}h2{font-size:22px;line-height:1.35;margin:0 0 12px}h3{font-size:19px}.eyebrow{font-size:12px;letter-spacing:1px;color:#526e8b}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0}article,section,.notice{background:white;border:1px solid #cfdeec;border-radius:12px;padding:24px;min-width:0}section{margin:20px 0}.notice{border-left:5px solid #407fc1;background:#eaf3fd;margin:26px 0}article p{margin:10px 0 20px}.button{display:inline-block;padding:9px 15px;border-radius:6px;text-decoration:none}.actions{display:flex;flex-wrap:wrap;gap:14px 24px;margin:26px 0}.steps li{margin:0 0 20px}figure{margin:28px 0}figure img{width:100%;height:auto;display:block}figcaption{font-size:14px;color:#52677c;margin-top:10px}.codebox{margin:18px 0;overflow:hidden;border:1px solid #4a607a;border-radius:8px;background:#11253b;color:#e6f1fd}.codebar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#1f3b58;padding:9px 14px;color:#d4e7fb;font-size:13px}.codebar button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:4px 10px;color:#e6f1fd;background:#294b6d;border-color:#6583a2}.copy svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}pre{margin:0;padding:20px;overflow:auto;font:14px/1.6 ui-monospace,monospace}.copy-result{display:block;font-size:12px;padding:0 14px}.digest{font-size:12px;color:#53677a;overflow-wrap:anywhere}footer{border-top:1px solid #cfdeec;font-size:13px;color:#53677a}@media(max-width:640px){.cards{grid-template-columns:1fr}header{padding:10px 16px}main,footer{padding:24px 16px}article,section,.notice{padding:20px}nav{gap:6px 15px}.brand{font-size:20px}.languages button{padding:7px 10px}.steps{padding-left:23px}}
nav a[aria-current="page"]{font-weight:700;color:#0e3f78;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}nav a{min-height:32px;display:inline-flex;align-items:center}

/* One desktop row; a short, horizontally scrollable navigation row on phones. */
header{display:flex;align-items:center;gap:20px;padding:6px max(20px,calc((100vw - 1160px)/2));min-height:57px}.top{display:contents}.brand{order:0;font-size:21px}.brand img{width:34px;height:34px}.languages{order:2}.languages button{min-height:42px;padding:6px 12px}header>nav{order:1;flex:1;justify-content:center;flex-wrap:nowrap;white-space:nowrap;gap:16px;margin:0}nav a{min-height:42px}
@media(max-width:760px){header{flex-wrap:wrap;gap:2px 12px;padding:6px 16px}.languages{margin-left:auto}.brand{font-size:20px}header>nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;max-width:100%;gap:20px;scrollbar-width:thin}nav a{min-height:32px;flex-shrink:0}.languages button{min-height:42px;padding:6px 10px}}
