/* Only the homepage Live Print teaser; offline is a compact status bar. */
.live-teaser-real.home-live-is-offline {
  display:block;
  min-height:0;
  padding:22px clamp(20px,3.2vw,40px);
  border-radius:24px;
}
.live-teaser-real.home-live-is-offline .home-live-screen {
  display:none !important;
}
.live-teaser-real.home-live-is-offline .home-live-copy {
  width:100%;
  max-width:none;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}
.live-teaser-real.home-live-is-offline .home-live-copy > .kicker,
.live-teaser-real.home-live-is-offline .home-live-copy > h2,
.live-teaser-real.home-live-is-offline .home-live-copy > p {
  display:none;
}
.live-teaser-real.home-live-is-offline .home-live-state {
  margin:0;
  flex:0 1 auto;
  background:rgba(255,255,255,.62);
}
.live-teaser-real.home-live-is-offline .home-live-dot {
  background:#96928e;
  box-shadow:0 0 0 6px rgba(150,146,142,.11);
}
.live-teaser-real.home-live-is-offline .home-live-copy > .btn {
  margin:0;
  flex:0 0 auto;
}
@media(max-width:760px){
  .live-teaser-real.home-live-is-offline {
    padding:20px 18px 22px;
    border-radius:24px;
  }
  .live-teaser-real.home-live-is-offline .home-live-copy {
    flex-direction:column;
    gap:18px;
    align-items:stretch;
  }
  .live-teaser-real.home-live-is-offline .home-live-state {
    align-self:flex-start;
    min-width:0;
  }
  .live-teaser-real.home-live-is-offline .home-live-copy > .btn {
    width:100%;
    min-height:48px;
    justify-content:center;
  }
}