/* Reusable, single-column tutorial layout. */
.guide-intro{background:var(--c-bg-soft);padding:48px 24px 42px}
.guide-wide{max-width:1040px;margin:auto}
.guide-back{display:block;font-size:14px;color:var(--c-primary);margin-bottom:30px}
.guide-intro .eyebrow{display:inline-block;margin-bottom:18px}
.guide-intro h1{max-width:960px;font-size:clamp(30px,4vw,48px);line-height:1.16;letter-spacing:-.025em;color:var(--c-ink)}
.guide-meta{margin-top:20px;color:var(--c-body);font-size:14px}
.guide-meta a{color:var(--c-primary)}
.guide-cover{margin:32px 0 0;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;background:white}
.guide-cover img{display:block;width:100%;height:auto}
.guide-copy{max-width:860px;padding:42px 24px 64px;margin:auto;color:var(--c-body);font-size:17px;line-height:1.85;overflow-wrap:anywhere}
.guide-copy p{margin:0 0 22px}
.guide-copy a{color:var(--c-primary);text-decoration:underline;text-underline-offset:3px}
.guide-copy h2{color:var(--c-ink);font-size:clamp(24px,3vw,32px);line-height:1.3;margin:48px 0 20px;scroll-margin-top:110px}
.guide-copy p img{display:block;max-width:100%;width:auto;height:auto;margin:30px auto;border:1px solid var(--c-line);border-radius:8px}
.guide-contents{border:1px solid var(--c-line);padding:24px 28px;border-radius:var(--radius);margin-bottom:34px;background:var(--c-bg-soft)}
.guide-contents h2{font-size:18px;margin:0 0 12px}
.guide-contents ol{padding-left:22px}
.guide-contents li{padding-left:5px;margin:5px 0}
.guide-contents a{font-size:15px}
.guide-copy .fc-video{margin-top:24px}
.guide-copy .fc-video .btn{color:white;text-decoration:none}
.guide-cta{margin-top:48px;padding:30px;border-radius:var(--radius);background:var(--c-bg-soft);border:1px solid var(--c-line)}
.guide-cta h2{margin:0 0 16px;font-size:26px}
.guide-cta>div{display:flex;flex-wrap:wrap;gap:12px}
.guide-copy .guide-cta .btn{color:white;text-decoration:none}
.guide-copy>ul,.guide-copy>ol{padding-left:24px;margin-bottom:24px}
.guide-copy pre{max-width:100%;overflow:auto;white-space:pre-wrap;padding:18px;background:var(--c-bg-soft);border-radius:8px}
.guide-copy table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:24px 0}
.guide-copy th,.guide-copy td{padding:10px;border:1px solid var(--c-line)}
.guide-copy .archive-video{margin:24px 0}
.guide-copy .video-placeholder{color:#fff;border-radius:var(--radius)}
.guide-copy .video-placeholder a{color:#8DE2FF}
.guide-copy .archive-video .archive-player iframe{width:100%;height:100%;border:0}
.archive-list{list-style:none;padding-left:0!important}
.archive-list li{padding:20px 0;border-bottom:1px solid var(--c-line)}
.archive-list a{font-weight:600;line-height:1.5;display:block}
.archive-list span{display:block;font-size:13px;color:var(--c-body);margin-top:6px}
.guide-return{margin-top:28px!important}
@media(max-width:600px){.guide-intro{padding:32px 20px}.guide-copy{padding:28px 20px 48px}.guide-contents{padding:20px}.guide-cta{padding:24px}.guide-back{margin-bottom:24px}.guide-contents a{font-size:14px}}