/* WATCH GUIDE page 177 — page-specific layout overrides moved from launch-theme.css. */
body.page-id-177 .tkx-home-stage__event .tkx-event-card--featured {
  display: block !important;
  padding: 24px !important;
  overflow: hidden;
}

body.page-id-177 .tkx-home-stage__event .tkx-event-card--featured > div,
body.page-id-177 .tkx-home-stage__event .tkx-event-card--featured > p {
  width: 100% !important;
  margin: 0 !important;
}

body.page-id-177 .tkx-home-stage__event .tkx-event-card--featured .tkx-btn {
  position: static !important;
  display: flex !important;
  width: 100% !important;
  min-height: 54px;
  margin-top: 22px !important;
  align-items: center;
  justify-content: center;
  transform: none !important;
}

body.page-id-177 .tkx-prep {
  min-height: 0 !important;
  padding: 58px 0 64px !important;
}

body.page-id-177 .tkx-prep__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 12px 28px !important;
  margin-bottom: 30px !important;
}

body.page-id-177 .tkx-prep__head .tkx-overline {
  grid-column: 1 / -1;
  margin: 0 !important;
}

body.page-id-177 .tkx-prep__head h2,
body.page-id-177 .tkx-prep__head > p {
  margin: 0 !important;
}

body.page-id-177 .tkx-prep__head h2 {
  font-family: var(--tkxl-font-ja);
  font-size: var(--tkxl-type-section);
  font-weight: var(--tkxl-weight-heading);
  line-height: 1.25;
  letter-spacing: -.025em;
}

body.page-id-177 .tkx-prep__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

body.page-id-177 .tkx-prep__grid > br {
  display: none !important;
}

body.page-id-177 .tkx-prep__grid > a {
  display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 210px !important;
  margin: 0 !important;
  padding: 28px !important;
  border: 1px solid var(--tkxl-line) !important;
  border-top: 5px solid var(--tkxl-red) !important;
  border-radius: 10px !important;
  background: var(--tkxl-white) !important;
  box-shadow: 0 14px 34px rgba(25, 24, 22, .07);
}

body.page-id-177 .tkx-prep__grid > a small,
body.page-id-177 .tkx-prep__grid > a strong,
body.page-id-177 .tkx-prep__grid > a span {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  writing-mode: horizontal-tb !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body.page-id-177 .tkx-prep__grid > a small {
  margin: 0 0 18px !important;
  color: var(--tkxl-red) !important;
  font-size: var(--tkxl-type-label) !important;
  font-weight: var(--tkxl-weight-heading);
  line-height: 1.5 !important;
  letter-spacing: .12em;
}

body.page-id-177 .tkx-prep__grid > a strong {
  margin: 0 0 16px !important;
  color: var(--tkxl-ink) !important;
  font-family: var(--tkxl-font-ja);
  font-size: var(--tkxl-type-action-card) !important;
  font-weight: var(--tkxl-weight-ui);
  line-height: 1.4 !important;
}

body.page-id-177 .tkx-prep__grid > a span {
  margin-top: auto !important;
  color: var(--tkxl-muted) !important;
  font-size: var(--tkxl-type-card-body) !important;
  line-height: 1.6 !important;
}


@media (max-width: 767px) {
  body.page-id-177 .tkx-home-stage__event .tkx-event-card--featured {
    padding: 20px !important;
  }

  body.page-id-177 .tkx-prep {
    padding: 44px 0 !important;
  }

  body.page-id-177 .tkx-prep__head,
  body.page-id-177 .tkx-prep__grid {
    grid-template-columns: 1fr !important;
  }

  body.page-id-177 .tkx-prep__head .tkx-overline {
    grid-column: 1;
  }

  body.page-id-177 .tkx-prep__grid > a {
    min-height: 168px !important;
    padding: 24px !important;
  }
}