.guide{padding-top:142px;padding-bottom:70px}.guide-heading{max-width:900px;margin-bottom:38px}.guide-heading h1{margin:12px 0 20px;font-size:clamp(40px,6vw,76px);line-height:1.12}.guide-heading>p{max-width:660px;color:var(--muted);font-size:21px}.guide-meta{flex-wrap:wrap;gap:9px;display:flex}.guide-meta span{color:#b9d4ef;background:#0e2143;border:1px solid #34547b;border-radius:99px;padding:7px 12px;font-size:13px}.guide-meta span:first-child{color:#b8e79a;border-color:#5d824b}.guide-chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px;display:grid}.guide-chapters button{text-align:left;color:#cfddf5;font:700 17px var(--ui);cursor:pointer;background:#102649;border:1px solid #375d94;border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex}.guide-chapters button span{color:#719ecd;font-size:14px}.guide-chapters button[aria-pressed=true]{color:#ffe3a2;background:#312b25;border-color:#ffd15b}.guide-chapters button[aria-pressed=true] span{color:#ffd15b}.guide-chapters button:hover{border-color:#87c9ed}.guide-walkthrough{padding:30px;overflow:hidden}#guide-slide{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:25px;min-height:386px;display:grid}.guide-copy h2{font:800 clamp(28px,3vw,42px)/1.15 var(--ui);max-width:450px;margin:13px 0 20px}.guide-intro{color:#dfeaff;margin:0 0 20px;font-size:19px;line-height:1.6}.guide-note{color:#f1dba8;background:#ffc94a0c;border-left:3px solid #ffc94a;border-radius:0 12px 12px 0;padding:14px 16px;font-size:15px;line-height:1.6}.guide-slide-links{flex-wrap:wrap;gap:20px;margin-top:22px;font-size:15px;font-weight:700;display:flex}.guide-art{aspect-ratio:560/410;background:linear-gradient(135deg,#132d52,#081b38);border:1px solid #355b86;border-radius:24px;place-items:center;padding-bottom:20px;display:grid;position:relative;overflow:hidden}.guide-art svg{width:100%;height:auto}.guide-art small{letter-spacing:2px;color:#789dbf;font-size:10px;position:absolute;bottom:14px}.guide-controls{border-top:1px solid #2c436d;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:24px;display:flex}.guide-controls .btn:disabled{opacity:.4;cursor:default}.guide-dots{gap:10px;display:flex}.guide-dots button{color:#a9c4e9;cursor:pointer;background:#102646;border:1px solid #365d8d;border-radius:50%;width:34px;height:34px;font-weight:700}.guide-dots button[aria-current=step]{color:#2c2619;background:#ffd15b;border-color:#ffd15b}.guide-video-section{padding-top:76px;scroll-margin-top:110px}.guide-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.guide-video-card{min-width:0;padding:23px;scroll-margin-top:112px}.guide-video-card .kicker{letter-spacing:1px;font-size:11px}.guide-video-card h3{font:800 27px var(--ui);margin:9px 0 17px}.guide-video-card video{aspect-ratio:16/9;background:#07152d;border:1px solid #3b6190;border-radius:15px;width:100%;display:block}.guide-video-card details{color:#b7c9e7;margin:18px 0;font-size:15px}.guide-video-card summary{cursor:pointer;color:#91d7ff;font-weight:700}.guide-video-card details h4{color:#ffe1a2;margin:18px 0 8px}.guide-video-card details p{font-size:14px;line-height:1.7}.guide-video-card>a{font-size:14px}.guide-help{justify-content:space-between;align-items:center;gap:24px;margin-top:50px;padding:34px;display:flex}.guide-help h2{font:800 29px var(--ui);margin:10px 0}.guide-help p{max-width:580px;color:var(--muted)}.guide-help-links{flex-wrap:wrap;gap:10px;max-width:310px;display:flex}.guide button:focus-visible,.guide a:focus-visible,.guide summary:focus-visible{outline-offset:4px;outline:3px solid #88d8ff}.guide-doc-link{flex-wrap:wrap;gap:12px;margin:15px 0;display:flex}.guide-doc-link a{font-size:15px}.doc .release-guide{background:#1a39654a;border:1px solid #375d85;border-radius:14px;margin:18px 0;padding:16px 18px}.doc .release-guide p{margin:6px 0;font-size:15px}.doc .doc-updated{color:#9bbddf;margin:8px 0;font-size:13px}.doc .doc-search{align-items:center;gap:9px;margin-bottom:18px;display:flex}.doc .doc-search input{color:#fff;min-width:0;font:16px var(--ui);background:#0c1d39;border:1px solid #3c628c;border-radius:10px;flex:1;padding:12px}.doc .doc-search button{color:#bbd8f4;cursor:pointer;background:#183659;border:1px solid #3c628c;border-radius:10px;padding:10px}.doc article[hidden]{display:none}.doc .doc-search-status{color:#9bc0e4;font-size:14px}.docs .toc a[hidden]{display:none}@media (max-width:850px){.guide{padding-top:116px}.guide-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}#guide-slide{grid-template-columns:minmax(0,1fr);min-height:0}.guide-art{aspect-ratio:560/390;max-height:380px}.guide-copy h2{max-width:none}.guide-video-grid{grid-template-columns:minmax(0,1fr)}.guide-help{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.guide-heading>p{font-size:18px}.guide-chapters button{gap:8px;padding:12px;font-size:14px}.guide-walkthrough{padding:20px 15px}.guide-intro{font-size:17px}.guide-controls{gap:9px}.guide-controls .btn{padding:10px;font-size:12px}.guide-dots{gap:6px}.guide-dots button{width:26px;height:26px}.guide-video-card{padding:16px}.guide-help{padding:23px}.guide-meta{gap:6px}.guide-meta span{font-size:11px}.guide-slide-links{gap:11px;font-size:13px}}.guide-walkthrough{scroll-margin-top:110px}.doc-search .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
