.gc-rtt-course-catalog {
  display: grid;
  gap: 24px;
  margin: 34px 0 60px;
}

.gc-rtt-course-summary {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.gc-rtt-course-pill {
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(76,228,255,.12);
  border: 1px solid rgba(76,228,255,.36);
  color: #9bf1ff;
  font-size: 12px;
  font-weight: 900;
}

.gc-rtt-course-stage {
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.13);
  background:
    radial-gradient(
      circle at 90% 0%,
      rgba(255,79,154,.18),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(11,28,45,.98),
      rgba(24,22,55,.97)
    );
}

.gc-rtt-course-stage-head {
  padding: 30px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.gc-rtt-course-eyebrow {
  color: #ffd05b;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.gc-rtt-course-stage h2 {
  margin: 9px 0 12px;
  color: #fff;
  font-size: clamp(30px,5vw,48px);
}

.gc-rtt-course-stage-head p {
  max-width: 760px;
  color: #c5d5e3;
  font-size: 17px;
  line-height: 1.6;
}

.gc-rtt-course-list {
  padding: 22px;
}

.gc-rtt-course-card {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 26px;
  align-items: center;
  padding: 27px;
  border-radius: 18px;
  background: rgba(7,20,33,.76);
  border: 1px solid rgba(76,228,255,.20);
}

.gc-rtt-course-number {
  color: #ff83ba;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
}

.gc-rtt-course-card h3 {
  margin: 8px 0 10px;
  color: #fff;
  font-size: 34px;
}

.gc-rtt-course-card p {
  max-width: 720px;
  color: #c5d5e3;
  line-height: 1.6;
}

.gc-rtt-course-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.gc-rtt-course-meta span {
  padding: 6px 9px;
  border-radius: 8px;
  background: rgba(255,255,255,.06);
  color: #d9e8f3;
  font-size: 11px;
  font-weight: 800;
}

.gc-rtt-course-meta .live {
  color: #95ffd6;
  border: 1px solid rgba(74,255,180,.30);
}

.gc-rtt-course-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 160px;
  min-height: 50px;
  padding: 12px 18px;
  border-radius: 12px;
  background: #ffd05b;
  color: #071421 !important;
  text-decoration: none !important;
  font-weight: 900;
}

.gc-rtt-course-next {
  padding: 20px 27px 25px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: #aebfce;
}

@media (max-width:720px) {
  .gc-rtt-course-card {
    grid-template-columns: 1fr;
  }

  .gc-rtt-course-button {
    width: 100%;
  }

  .gc-rtt-course-stage-head,
  .gc-rtt-course-card {
    padding: 21px;
  }

  .gc-rtt-course-list {
    padding: 14px;
  }
}

/* GC_RTT_COURSES_WORDPRESS_PARITY_V4
   Match approved staging hub inside real WordPress.
*/

body.page-id-363 main {
    background:
        radial-gradient(
            circle at 8% 4%,
            rgba(255,79,154,.18),
            transparent 28%
        ),
        radial-gradient(
            circle at 92% 8%,
            rgba(76,228,255,.14),
            transparent 29%
        ),
        linear-gradient(
            155deg,
            #071421 0%,
            #121333 48%,
            #072332 100%
        ) !important;
}

body.page-id-363
.wp-block-post-content {
    width:
        min(
            1180px,
            calc(100% - 36px)
        ) !important;

    max-width:
        1180px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    padding:
        34px
        0
        80px !important;
}

body.page-id-363
.wp-block-post-content > * {
    max-width:
        none !important;
}

body.page-id-363
.wp-block-post-content > h1,

body.page-id-363
.wp-block-post-content >
.wp-block-heading:first-of-type {
    margin:
        0
        0
        20px !important;

    padding:
        0 !important;

    color:
        #ffffff !important;

    font-size:
        clamp(
            48px,
            5.4vw,
            68px
        ) !important;

    font-weight:
        800 !important;

    line-height:
        1.04 !important;

    letter-spacing:
        -.035em !important;
}

body.page-id-363
.wp-block-post-content > h1 + p,

body.page-id-363
.wp-block-post-content >
.wp-block-heading:first-of-type + p {
    max-width:
        820px !important;

    margin:
        0
        0
        36px !important;

    padding:
        0 !important;

    color:
        #c5d5e3 !important;

    font-size:
        18px !important;

    line-height:
        1.65 !important;
}

@media (max-width: 781px) {

    body.page-id-363
    .wp-block-post-content {
        width:
            calc(100% - 28px)
            !important;

        padding:
            28px
            0
            60px !important;
    }

    body.page-id-363
    .wp-block-post-content > h1,

    body.page-id-363
    .wp-block-post-content >
    .wp-block-heading:first-of-type {
        font-size:
            clamp(
                38px,
                11vw,
                56px
            ) !important;
    }
}