/* Offline state for Live Print only; no shared site styles changed. */
.live-page-main .live-screen{
  background:linear-gradient(145deg,#302e2b,#201f1e)!important;
}
.live-page-main .live-screen:not(.is-stream-active) .live-badge,
.live-page-main .live-screen:not(.is-stream-active) .live-open,
.live-page-main .live-screen:not(.is-stream-active) .live-stream-frame{
  display:none!important;
}
.live-page-main .live-stream-fallback{
  z-index:3;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  gap:12px;
  padding:30px 22px;
  background:linear-gradient(150deg,#35332f 0%,#272624 52%,#242320 100%);
  text-align:center;
}
.live-page-main .live-stream-fallback:before{
  content:'';
  width:28px;
  height:3px;
  margin:0 0 12px;
  border-radius:999px;
  background:#a79d91;
}
.live-page-main .live-stream-fallback strong{
  color:#f5f2ed;
  font-size:clamp(16px,3.5vw,23px);
  line-height:1.25;
  font-weight:750;
  letter-spacing:-.01em;
}
.live-page-main .live-stream-fallback p{
  max-width:370px;
  margin:0;
  color:#c5bfb7;
  font-size:clamp(12px,2.3vw,14px);
  line-height:1.55;
}
.live-page-main .live-stream-fallback.hidden{display:none!important}
.live-page-main .live-screen:not(.is-stream-active) .stream-state{
  color:#cbc4bc;
  background:rgba(255,255,255,.075);
}
.live-page-main .live-status.offline{
  color:#706a62!important;
  border-color:rgba(120,113,105,.26)!important;
  background:rgba(244,241,235,.68)!important;
}
.live-page-main .live-status.offline b{color:#706a62!important}
.live-page-main .live-status.offline span{
  background:#8f8880!important;
  box-shadow:0 0 0 5px rgba(143,136,128,.11)!important;
}
.live-page-main .live-status.online span{background:#38a169!important}
.live-page-main .live-status.online{color:#2e8152!important}
.live-data-panel .panel-state.is-offline,
.live-data-panel .panel-state.is-idle{
  color:#79736c!important;
}
.live-data-panel .panel-state.is-offline:before,
.live-data-panel .panel-state.is-idle:before{
  background:#938d86!important;
  box-shadow:0 0 0 5px rgba(147,141,134,.11)!important;
}
.live-data-panel .panel-state.is-running{color:#2f8f57!important}
.live-data-panel .panel-state.is-running:before{
  background:#38a169!important;
  box-shadow:0 0 0 5px rgba(56,161,105,.12)!important;
}
@media(max-width:680px){
  .live-page-main .live-stream-fallback{padding:22px 20px;gap:9px}
  .live-page-main .live-stream-fallback:before{margin-bottom:5px}
}