.viewer-intro{padding:36px 0 32px;background:var(--soft)}
.viewer-intro .guide-breadcrumb{margin-bottom:28px}
.viewer-intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:36px}
.viewer-intro h1{font-size:clamp(32px,3.4vw,48px);line-height:1.4;letter-spacing:-1.8px;margin-top:10px}
.viewer-intro p.viewer-lead{font-size:16px;line-height:1.9;color:var(--muted);margin-top:15px}
.viewer-intro .guide-actions{margin-top:0;flex-shrink:0}
.viewer-live{padding:0 0 38px;background:var(--soft);border-bottom:1px solid var(--line)}
.viewer-wide{width:min(1600px,calc(100% - 64px));margin-inline:auto}
.viewer-live-frame{border:1px solid var(--line);background:var(--paper);overflow:hidden;border-radius:0}
.viewer-live-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.7}
.viewer-live-header h2{font-size:16px;font-weight:600;line-height:1.7;letter-spacing:0}
.viewer-live iframe{display:block;width:100%;height:clamp(560px,73svh,900px);border:0;background:var(--soft)}
.viewer-live-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:18px;font-size:14px;line-height:1.85;color:var(--muted)}
.viewer-live-footer a{flex-shrink:0;font-weight:600;color:var(--ink);padding:10px 0;border-bottom:1px solid var(--line)}
.viewer-live-note{font-size:13px;color:var(--muted);line-height:1.9;margin-top:14px}
@media(max-width:1100px){.viewer-intro-row{align-items:flex-start;flex-direction:column;gap:22px}.viewer-intro .guide-actions{margin-top:0}}
@media(max-width:800px){
 .viewer-intro{padding:26px 0 24px}.viewer-intro .guide-breadcrumb{margin-bottom:20px}
 .viewer-intro h1{font-size:31px;letter-spacing:-1.2px}.viewer-intro p.viewer-lead{font-size:14px;margin-top:12px}
 .viewer-wide{width:calc(100% - 24px)}.viewer-live-header{padding:12px;align-items:flex-start;flex-direction:column;gap:3px;font-size:11px}.viewer-live-header h2{font-size:14px}
 .viewer-live iframe{height:clamp(460px,68svh,700px)}
 .viewer-live-footer{align-items:flex-start;flex-direction:column;gap:7px;font-size:13px;margin-top:14px}
 .viewer-live-note{font-size:12px}.viewer-live{padding-bottom:24px}
}