.live-broadcast{min-width:0;width:100%;--live-ratio:16/9}.live-broadcast[data-video-ratio="9/16"]{--live-ratio:9/16}.live-broadcast-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.live-broadcast-header h2{margin:0;font-size:1.2rem;overflow-wrap:anywhere}.live-broadcast-label{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:20px;color:var(--design-primary,#17654b);background:color-mix(in srgb,var(--design-primary,#17654b) 10%,transparent);font-size:.75rem;font-weight:700}.live-broadcast-label::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.live-broadcast-stage{width:100%;aspect-ratio:var(--live-ratio);background:#101b23;border-radius:12px;overflow:hidden;position:relative}.live-broadcast[data-video-ratio="9/16"] .live-broadcast-stage{max-width:405px;margin-inline:auto}.live-broadcast-stage iframe{display:block;width:100%;height:100%;aspect-ratio:var(--live-ratio);border:0}.live-broadcast-source{display:inline-block;margin-top:10px;font-size:.85rem;overflow-wrap:anywhere}.live-broadcast-note{font-size:.85rem;line-height:1.6;overflow-wrap:anywhere}.live-broadcast-example,.live-broadcast-fallback{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;text-align:center;background:linear-gradient(135deg,#153d4f,#17654b);color:#fff}.live-broadcast-example i,.live-broadcast-fallback i{font-size:56px}.live-broadcast-example strong,.live-broadcast-fallback strong{font-size:1.4rem}.live-broadcast-fallback p{margin:0;line-height:1.6}.site-design .live-broadcast-fallback a,.live-broadcast-fallback a{padding:12px 16px;border-radius:8px;background:#fff;color:#173d31!important;font-weight:700;text-decoration:none}.live-broadcast-fallback a:focus-visible{outline:3px solid #fff;outline-offset:4px}.live-broadcast-fallback{aspect-ratio:auto;min-height:240px}.live-broadcast[data-video-ratio="9/16"] .live-broadcast-fallback{min-height:360px}
.live-broadcast .live-broadcast-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;padding:24px;border:0;background:linear-gradient(135deg,#153d4f,#17654b);color:#fff;font:700 clamp(16px,2vw,22px)/1.4 system-ui,sans-serif;cursor:pointer;text-align:center}
.live-broadcast-start i{font-size:clamp(48px,6vw,72px)}.live-broadcast .live-broadcast-start[hidden],.live-broadcast .live-broadcast-start-error[hidden]{display:none!important}.live-broadcast-start:focus-visible{outline:3px solid #fff;outline-offset:-8px}.live-broadcast-start:hover{filter:brightness(1.1)}.live-broadcast-start-error{position:absolute;bottom:0;left:0;right:0;z-index:1;margin:0;padding:12px;background:#172536;color:#fff;font-size:13px;line-height:1.5}