*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#f6f8f8;color:#182c34;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#007992;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #06aacc;outline-offset:5px;border-radius:3px}header,main,footer{max-width:1080px;margin:auto;padding:0 36px}header{display:flex;align-items:center;gap:26px;height:92px;border-bottom:1px solid #dbe4e7}header>a{text-decoration:none;font-size:14px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:23px;font-weight:750;color:inherit}.brand img{border-radius:9px}.hero{padding:68px 0 30px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:#007f95;margin:0 0 14px}h1{font-size:clamp(43px,7vw,72px);font-weight:740;line-height:1.06;letter-spacing:-3px;margin:0 0 26px}h1 span{color:#008cab}.lead{font-size:21px;max-width:580px;line-height:1.5;color:#53666f}.meta,.sources{font-size:12px;color:#687d85}.steps{display:flex;flex-wrap:wrap;gap:9px;margin-top:36px}.steps a{padding:8px 13px;border:1px solid #d8e3e6;border-radius:24px;text-decoration:none;font-size:12px;color:inherit;background:#fff}.step{display:grid;grid-template-columns:48px 1fr;gap:24px;border-top:1px solid #dbe4e7;padding:44px 0;scroll-margin-top:20px}.number{font-size:15px;color:#008aa1;font-weight:700;padding-top:3px}h2{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:0 0 22px}ol,ul{padding-left:22px}li{padding-left:6px;margin:10px 0}strong{font-weight:650}.tip{padding:16px 19px;background:#e6f3f5;border-left:3px solid #2cb5cc;border-radius:0 9px 9px 0;font-size:14px}.settings-link{font-size:13px;font-weight:650}.setting-shot{margin:26px 0;background:#252a2d;border:1px solid #3e4d52;color:#fff;max-width:580px;border-radius:14px;overflow:hidden}.path{font-size:13px;font-weight:600;padding:15px 18px;border-bottom:1px solid #41494c}.path span{color:#8fadb7;padding:0 8px}.setting-shot img{width:100%;height:auto;display:block}.setting-shot figcaption{font-size:12px;color:#b6cdd3;padding:10px 18px 14px}.keyboard-layout{display:grid;grid-template-columns:1fr 285px;gap:28px}.keyboard-shot{margin:0}.keyboard-shot img{width:100%;height:auto;border-radius:14px;box-shadow:0 10px 24px #21384116}.keyboard-shot figcaption{font-size:11px;color:#687d85;text-align:center;margin-top:8px}kbd{font-family:ui-monospace,monospace;border:1px solid #c5d0d5;background:#fff;border-radius:6px;padding:3px 7px;box-shadow:0 2px 0 #ccd8dc;font-size:12px;white-space:nowrap}.shortcuts{margin:25px 0;border:1px solid #d5e0e5;border-radius:15px;overflow:hidden;background:#fff}.shortcuts>div{display:flex;align-items:center;gap:18px;padding:15px 20px;border-bottom:1px solid #e4ebed}.shortcuts>div:last-child{border:0}.shortcuts span{width:107px;flex-shrink:0;font-size:12px}.shortcuts p{margin:0;font-size:13px;color:#60757e}.shortcuts strong{display:block;color:#203c49;font-size:14px}.extras{padding:35px;border-radius:18px;background:#fff;border:1px solid #dde6e9;margin:20px 0 30px}.extras p,.extras li{font-size:14px}.troubleshooting details{padding:17px 0;border-top:1px solid #e0e7eb}.troubleshooting summary{cursor:pointer;font-size:15px;font-weight:650}.closing{display:flex;align-items:center;gap:18px;padding:30px 0}.closing h2{font-size:20px;margin:0 0 5px}.closing p{font-size:13px;margin:0;color:#5e7780}.closing img{border-radius:12px}.sources{padding:20px 0 36px;border-top:1px solid #dbe4e7}footer{display:flex;gap:20px;font-size:12px;padding-top:25px;padding-bottom:35px;border-top:1px solid #dbe4e7}.skip{position:absolute;top:-60px;left:12px;padding:9px;background:#fff;z-index:1}.skip:focus{top:8px}@media(max-width:700px){header,main,footer{padding-left:22px;padding-right:22px}.hero{padding-top:42px}h1{letter-spacing:-2px}.step{grid-template-columns:28px 1fr;gap:12px;padding:30px 0}h2{font-size:25px}.keyboard-layout{display:block}.keyboard-shot{max-width:310px;margin:24px auto}.extras{padding:22px}.shortcuts>div{padding:13px 12px;gap:10px}.shortcuts span{width:93px}.lead{font-size:18px}footer{flex-wrap:wrap}}
@media(prefers-color-scheme:dark){body{background:#202729;color:#e5edef}header,.step,.sources,footer{border-color:#3a4548}a,.eyebrow,.number{color:#4cd1ed}h1 span{color:#40cee9}.lead,.meta,.sources,.closing p{color:#a5b9c0}.steps a,.extras,.shortcuts{background:#283134;border-color:#414e52}.tip{background:#233e45}kbd{color:#e5edef;background:#303a3e;border-color:#54666d;box-shadow:0 2px 0 #172225}.shortcuts>div,.troubleshooting details{border-color:#414e52}.shortcuts p{color:#b6c5cc}.shortcuts strong{color:#e5edef}.keyboard-shot figcaption{color:#a5b9c0}}