.ocl-live {
  --ocl-accent: #f4c95d;
  --ocl-ink: #fff;
  --ocl-surface: #111814;
  --ocl-radius: 28px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--ocl-ink);
  background: radial-gradient(circle at 15% 0%, #264b36 0, transparent 45%), linear-gradient(135deg, #111814, #07100b);
  border-radius: var(--ocl-radius);
  padding: clamp(2rem, 5vw, 5rem);
  text-align: center;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .28);
}
.ocl-live__glow { position:absolute; width:18rem; height:18rem; right:-8rem; bottom:-11rem; background:var(--ocl-accent); filter:blur(90px); opacity:.22; z-index:-1; }
.ocl-live__inner { max-width: 960px; margin: 0 auto; }
.ocl-live__eyebrow { margin:0 0 .6rem; color:var(--ocl-accent); font-size:.78rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.ocl-live h2 { color:#fff !important; margin:0 0 1.4rem; font-size:clamp(2rem, 5vw, 4.5rem); line-height:1.02; }
.ocl-countdown { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:clamp(.45rem, 2vw, 1rem); max-width:760px; margin:0 auto 1.4rem; }
.ocl-countdown span { padding:clamp(.8rem, 2.5vw, 1.5rem) .3rem; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:18px; backdrop-filter:blur(12px); }
.ocl-countdown strong { display:block; color:inherit; font-variant-numeric:tabular-nums; font-size:clamp(1.8rem, 5vw, 4rem); line-height:1; }
.ocl-countdown small { display:block; margin-top:.55rem; opacity:.68; font-size:clamp(.6rem, 1.6vw, .82rem); letter-spacing:.08em; text-transform:uppercase; }
.ocl-live__fallback { margin:.8rem 0 0; opacity:.8; }
.ocl-live a { color:var(--ocl-accent); }
.ocl-player { position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:18px; background:#000; box-shadow:0 18px 50px rgba(0,0,0,.35); }
.ocl-player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.ocl-player__status { min-height:220px; display:grid; place-items:center; margin:0; color:#fff; background:rgba(0,0,0,.32); }
.et_pb_column.ocl-live-column--expanded { width:100% !important; margin-right:0 !important; }
.ocl-sermon-column--hidden { display:none !important; }
.ocl-live__button { display:inline-block; margin-top:1rem; padding:.8rem 1.25rem; border:1px solid currentColor; border-radius:999px; font-weight:700; text-decoration:none; }
@media (max-width:520px) { .ocl-live { border-radius:20px; } .ocl-countdown { gap:.35rem; } .ocl-countdown span { border-radius:12px; } }
@media (prefers-reduced-motion:reduce) { .ocl-live * { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }