.content.guide-page{max-width:1280px;padding:46px 40px 70px}
.guide-page .guide-heading{max-width:790px;margin:34px auto;text-align:center}
.guide-page h1{font-size:clamp(36px,4.3vw,56px);margin:16px 0 22px}
.guide-page .guide-heading .lede{font-size:18px;line-height:1.75}
.guide-page .guide-disclosure{font-size:12px;max-width:660px;margin:20px auto;color:var(--ink2)}
.guide-page .guide-contents{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:30px 0 55px}
.guide-page .guide-contents a{font:11px/1.5 var(--mono);border:1px solid var(--line);padding:10px 15px;border-radius:99px;text-decoration:none}
.guide-page .guide-contents a:hover{background:var(--panel)}
.content.guide-page>.guide-step{display:grid;grid-template-columns:1fr 1.9fr;gap:24px;align-items:center;padding:40px 0;margin:0;border-top:1px solid var(--line);scroll-margin-top:65px}
.guide-page .guide-copy h2{font-size:30px;margin:14px 0 22px}
.guide-page .guide-copy p{font-size:14px;line-height:1.85}
.guide-page .guide-copy .guide-tip{font-size:12px;border-left:1px solid var(--line);padding-left:15px;margin-top:22px}
.guide-page .guide-visual{margin:0;min-width:0}
.guide-page iframe{display:block;border:0;width:100%;height:460px;border-radius:18px;background:var(--bg)}
.guide-page figcaption{font-size:12px;color:var(--ink2);text-align:center;max-width:540px;margin:6px auto 16px}
.guide-page .guide-playback{display:flex;align-items:center;justify-content:center;gap:20px}
.guide-page .guide-playback button{border:1px solid var(--line);border-radius:99px;padding:9px 18px;min-width:126px;min-height:42px;background:var(--panel);color:var(--ink);font-size:12px}
.guide-page .guide-playback button:hover{border-color:var(--ink)}
.guide-page .guide-playback a{font-size:11px;color:var(--ink2)}
.guide-page .guide-reference,.guide-page .guide-recording,.guide-page .guide-export{max-width:940px;margin:64px auto}
.guide-page .guide-reference>h2,.guide-page .guide-recording h2,.guide-page .guide-export h2{font-size:34px}
.guide-page .setups{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.guide-page .setup{margin:0;font-size:14px;padding:26px}
.guide-page .setup:last-child{grid-column:1/-1}
.guide-page .guide-cta{display:flex;align-items:center;gap:35px;justify-content:space-between;padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.guide-page .guide-cta h2{font-size:28px;margin:0 0 16px}
.guide-page .guide-cta p{font-size:14px;margin:0}
.guide-page .guide-cta>.btn-dl{flex:none}
@media(max-width:800px){
 .content.guide-page{padding:30px 22px 50px}
 .guide-page .guide-heading{text-align:left;margin:28px 0}
 .guide-page .guide-heading .lede{font-size:16px}
 .guide-page .guide-contents{justify-content:flex-start;margin-bottom:30px}
 .content.guide-page>.guide-step{grid-template-columns:1fr;gap:0;padding:30px 0}
 .guide-page .guide-copy h2{font-size:28px;margin:12px 0 18px}
 .guide-page iframe{height:270px}
 .guide-page .setups{grid-template-columns:1fr}
 .guide-page .guide-reference,.guide-page .guide-recording,.guide-page .guide-export{margin:40px 0}
 .guide-page .guide-reference>h2,.guide-page .guide-recording h2,.guide-page .guide-export h2{font-size:28px}
 .guide-page .guide-cta{display:block;padding:25px}
 .guide-page .guide-cta>.btn-dl{margin-top:24px}
}

.guide-page .guide-visual{container-type:inline-size}
.guide-page iframe{height:calc(56.25cqw + 124px)}
@container(max-width:700px){.guide-page iframe{height:calc(56.25cqw + 88px)}}