.qbx-guide-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:12px}
.qbx-guide-tabs button{font:inherit;font-weight:700;min-height:48px;padding:12px 22px;color:inherit;background:transparent;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.qbx-guide-tabs button[aria-selected="true"]{background:#0b6259;color:#fff;border-color:#0b6259}
.qbx-guide-tabs button:focus-visible,.qbx-guide-panel:focus-visible{outline:3px solid #319f91;outline-offset:4px}
.qbx-guide-panel[hidden],.qbx-guide-error[hidden]{display:none!important}
.qbx-guide-panel{display:grid;gap:28px;min-width:0}
.qbx-guide-feature{min-width:0;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--panel,var(--card,transparent))}
.qbx-guide-feature h3{font-size:clamp(1.35rem,2.5vw,2rem);margin:0 0 8px;line-height:1.4}
.qbx-guide-meta{margin:0 0 22px;color:var(--muted,var(--mute));font-size:.9rem}
.qbx-guide-screen{width:100%;max-width:960px;margin-inline:auto;border-radius:14px;overflow:hidden;background:transparent}
.qbx-guide-screen video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#080f11}
.qbx-guide-empty{padding:48px 24px;text-align:center;border:1px solid var(--line);border-radius:18px;margin:0}
.qbx-guide-error{padding:14px;border:1px solid var(--line);border-radius:10px}
@media(max-width:760px){.qbx-guide-feature{padding:20px 16px}.qbx-guide-screen{max-width:380px}.qbx-guide-screen video{aspect-ratio:9/16}.qbx-guide-tabs button{flex:1;padding:12px 14px}}

.qbx-guide-panel>.guide-section{padding:24px 0}
.qbx-guide-panel>.guide-section>.wrap{width:100%;max-width:none;padding:0}
.qbx-guide-screen.qbx-guide-portrait{max-width:380px}
.qbx-guide-screen.qbx-guide-portrait video{aspect-ratio:9/16}

.qbx-guide-panel .guide-video-frame{max-width:960px}
.qbx-guide-panel video[data-main-guide]{aspect-ratio:16/9}
@media(max-width:760px){.qbx-guide-panel .guide-video-frame{max-width:380px}.qbx-guide-panel video[data-main-guide]{aspect-ratio:9/16}}

@media(min-width:761px){.qbx-guide-panel .guide-card{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}}

.qbx-youtube-guide{display:grid;gap:12px;min-width:0}
.qbx-youtube-screen{width:100%;min-height:200px;aspect-ratio:16/9;background:#080f11;overflow:hidden;border-radius:14px}
.qbx-youtube-screen.qbx-youtube-portrait{aspect-ratio:9/16;max-width:380px;margin-inline:auto}
.qbx-youtube-screen iframe{display:block;width:100%;height:100%;border:0}
.qbx-youtube-play{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#080f11;color:#fff;font:inherit;cursor:pointer}
.qbx-youtube-play img{display:block;width:100%;height:100%;object-fit:contain}
.qbx-youtube-play span{position:absolute;inset:auto 16px 16px;display:block;width:fit-content;margin-inline:auto;padding:12px 18px;border-radius:999px;background:#0b6259;color:#fff;font-weight:700}
.qbx-youtube-play:focus-visible,.qbx-youtube-screen iframe:focus-visible,.qbx-youtube-watch:focus-visible{outline:3px solid #319f91;outline-offset:-4px}
.qbx-youtube-watch{justify-self:end;font-size:.9rem}

.qbx-guide-panel .guide-video-frame:has([data-main-guide]){background:var(--panel);color:var(--text);box-shadow:none;align-self:center}