body.arena-guide-live { background: #f4f8fc; }
body.arena-guide-live .page-centered { min-height: auto; justify-content: flex-start; padding: 2.5rem 1.25rem 0; }
body.arena-guide-live .teacher-auth { width: min(100%, 72rem); }
body.arena-guide-live .arena-entry {
  position: relative;
  overflow: hidden;
  padding: clamp(2rem, 5vw, 4rem);
  border: 0;
  border-radius: 1.5rem;
  background: radial-gradient(circle at 90% 10%, #2f69a8, transparent 38%), linear-gradient(125deg, #102a55, #173e79);
  box-shadow: 0 1.25rem 2.5rem rgba(16, 42, 85, .16);
}
body.arena-guide-live .arena-entry::after {
  content: '';
  position: absolute;
  right: -5rem;
  bottom: -9rem;
  width: 25rem;
  height: 25rem;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  box-shadow: 0 0 0 3rem rgba(255,255,255,.035), 0 0 0 6rem rgba(255,255,255,.025);
  pointer-events: none;
}
body.arena-guide-live .arena-entry__brand { color: #ffad77; }
body.arena-guide-live .arena-entry h1 { color: #fff; letter-spacing: -.035em; }
body.arena-guide-live .arena-entry__intro { color: #e0ebfa; }
body.arena-guide-live .arena-entry-card { position: relative; z-index: 1; min-height: 16rem; border-radius: 1.15rem; box-shadow: 0 .5rem 1.6rem rgba(16,42,85,.1); }
body.arena-guide-live .arena-entry__catalogue { position: relative; z-index: 1; color: #fff; text-underline-offset: .25rem; }
body.arena-guide-live .arena-guide-jump { position: relative; z-index: 1; display: inline-flex; align-items: center; min-height: 2.75rem; margin: 1rem 0 0 1.25rem; color: #fff; font-weight: 800; text-underline-offset: .25rem; }
#arena-guide { width: min(calc(100% - 2.5rem), 72rem); margin: 3rem auto 4rem; color: #102a55; }
#arena-guide .arena-guide__eyebrow { margin: 0 0 .45rem; color: #c94e09; font-size: .78rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
#arena-guide h2 { margin: 0; color: #102a55; font-size: clamp(1.75rem,3.4vw,2.6rem); letter-spacing: -.025em; }
#arena-guide .arena-guide__intro { margin: .6rem 0 1.5rem; color: #496684; }
#arena-guide .arena-guide__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1.15rem; }
#arena-guide article { overflow: hidden; border: 1px solid #d5e2ef; border-radius: 1.15rem; background: #fff; box-shadow: 0 .5rem 1.6rem rgba(16,42,85,.055); }
#arena-guide video { display: block; width: 100%; aspect-ratio: 16/9; background: #102a55; }
#arena-guide .arena-guide__body { padding: 1.3rem 1.5rem 1.5rem; }
#arena-guide .arena-guide__body > span { color: #c94e09; font-size: .72rem; font-weight: 900; letter-spacing: .1em; }
#arena-guide h3 { margin: .35rem 0 1rem; color: #102a55; font-size: 1.15rem; line-height: 1.25; }
#arena-guide details { color: #365575; font-size: .92rem; }
#arena-guide summary { cursor: pointer; color: #174d85; font-weight: 750; }
#arena-guide ol { margin: .7rem 0 0; padding-left: 1.25rem; line-height: 1.55; }
#arena-guide li + li { margin-top: .3rem; }
@media(max-width:42rem){
  body.arena-guide-live .page-centered { padding: 1rem .9rem 0; }
  body.arena-guide-live .arena-entry { padding: 1.8rem 1.25rem; }
  body.arena-guide-live .arena-guide-jump { margin-left: 0; }
  #arena-guide { width: calc(100% - 1.8rem); margin-top: 2rem; }
  #arena-guide .arena-guide__grid { grid-template-columns: 1fr; }
}