/* Custom Styles */
#section-post-class-hero {
  background:
    radial-gradient(circle at 18% 18%, rgba(31, 107, 224, 0.32), transparent 30%),
    radial-gradient(circle at 85% 82%, rgba(106, 82, 220, 0.26), transparent 32%),
    #071426;
}

#section-post-class-hero h1 {
  max-width: 900px;
  margin: 0 auto 18px;
  color: #ffffff;
  letter-spacing: -0.02em;
}

#section-post-class-hero .post-class-eyebrow {
  display: inline-block;
  margin: 0 0 18px;
  padding: 7px 14px;
  border: 1px solid rgba(202, 225, 255, 0.42);
  border-radius: 999px;
  color: #cae1ff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.11em;
}

#section-post-class-hero .post-class-lead {
  max-width: 650px;
  margin: 0 auto;
  color: #dbeafe;
  font-size: 20px;
}

#section-session-materials h2,
#section-session-abc h2,
#section-session-bbb h2 {
  margin: 0 auto 14px;
  letter-spacing: -0.01em;
}

#section-session-materials .session-number,
#section-session-abc .session-number,
#section-session-bbb .session-number {
  margin: 0 0 10px;
  color: #1769e0;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

#section-session-materials .block > p:not(.session-number),
#section-session-abc .block > p:not(.session-number),
#section-session-bbb .block > p:not(.session-number) {
  max-width: 640px;
  margin-right: auto;
  margin-bottom: 26px;
  margin-left: auto;
}

#section-session-abc .abc-keywords {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 760px;
  margin: 0 auto 28px;
  gap: 9px;
}

#section-session-abc .abc-keywords span {
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid #c7d2fe;
  border-radius: 999px;
  color: #3730a3;
  background: #ffffff;
  font-size: 14px;
  font-weight: 600;
}

#section-session-bbb h2,
#section-session-bbb .session-number,
#section-session-bbb .block > p {
  color: #ffffff;
}

#section-session-bbb .session-number {
  color: #f8d77e;
}

#section-session-materials .btn,
#section-session-abc .btn,
#section-session-bbb .btn {
  min-width: 240px;
  padding: 15px 28px;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

#section-session-materials .btn:hover,
#section-session-materials .btn:focus,
#section-session-abc .btn:hover,
#section-session-abc .btn:focus,
#section-session-bbb .btn:hover,
#section-session-bbb .btn:focus {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.27);
}

@media (max-width: 767px) {
  #section-post-class-hero .post-class-lead {
    font-size: 18px;
  }

  #section-session-materials .btn,
  #section-session-abc .btn,
  #section-session-bbb .btn {
    width: 100%;
  }
}