/* Premium collection hub: intentionally scoped to /sudoku/. */
body[data-section="sudoku"] .route-hub {
  max-width: none;
  padding: clamp(4.25rem, 5vw, 5.5rem) clamp(1.25rem, 6.65vw, 8.5rem) clamp(5rem, 8vw, 8rem);
}

body[data-section="sudoku"] .route-hub .section-heading {
  margin: 0 auto clamp(3.5rem, 5vw, 5.5rem);
  max-width: 58rem;
  text-align: center;
}

body[data-section="sudoku"] .route-hub .section-heading .eyebrow {
  color: #b69852;
  font-size: .82rem;
  letter-spacing: .22em;
  margin: 0 0 1.35rem;
}

body[data-section="sudoku"] .route-hub .section-heading h2 {
  color: #f4f0e8;
  font-size: clamp(3.7rem, 4.75vw, 5.95rem) !important;
  font-weight: 500;
  letter-spacing: -.065em;
  line-height: .93;
  margin: 0 auto;
  max-width: 54rem !important;
}

body[data-section="sudoku"] .route-hub .section-heading h2::before {
  display: none;
}

body[data-section="sudoku"] .route-hub .section-heading > p:last-child {
  color: #aeb8c5;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.08rem, 1.35vw, 1.35rem);
  line-height: 1.52;
  margin: 2.1rem auto 0;
  max-width: 50rem;
}

body[data-section="sudoku"] .route-hub .collection-grid {
  gap: clamp(1.5rem, 2.15vw, 2.75rem) !important;
  margin: 0 auto;
  max-width: 110rem !important;
  width: 100% !important;
}

/* Cancels the old generic collection-thumbnail pseudo-element. */
body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card::before {
  display: none;
}

body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card {
  background: linear-gradient(122deg, #061a31 0%, #0c2745 100%) !important;
  border: 1px solid #17334f !important;
  border-radius: .45rem !important;
  box-shadow: inset 0 1px #ffffff0d;
  height: clamp(29rem, 25.6vw, 33rem) !important;
  min-height: 0 !important;
  padding: clamp(2rem, 3.2vw, 4.2rem) !important;
}

body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card:nth-child(2) {
  background: linear-gradient(122deg, #171817 0%, #282a29 100%) !important;
  border-color: #343534 !important;
}

body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card > img {
  bottom: clamp(1.8rem, 2.25vw, 2.9rem) !important;
  filter: drop-shadow(12px 15px 13px #0009);
  height: 82% !important;
  left: auto !important;
  max-width: 39%;
  object-fit: contain !important;
  right: clamp(1.5rem, 2.1vw, 2.7rem) !important;
  top: auto !important;
  width: auto !important;
}

body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card > img ~ span:not(.collection-arrow) {
  color: #d9b867 !important;
  font-size: .76rem;
  letter-spacing: .2em;
  margin: 0 !important;
}

body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card h3 {
  color: #fffdf8 !important;
  font-size: clamp(2.7rem, 3.55vw, 4.45rem) !important;
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: .94;
  margin: 1.2rem 0 1.85rem;
  max-width: 54% !important;
}

body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card p {
  color: #edf0f1 !important;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1rem, 1.25vw, 1.28rem);
  line-height: 1.55;
  margin: 0;
  max-width: 51% !important;
}

body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card .collection-arrow {
  bottom: clamp(2rem, 3vw, 3.7rem) !important;
  color: #d9b867;
  font-family: "DM Sans", Arial, sans-serif;
  font-size: clamp(.7rem, .82vw, .9rem) !important;
  font-weight: 700;
  left: clamp(2rem, 3.2vw, 4.2rem) !important;
  letter-spacing: .13em;
  line-height: 1;
  right: auto !important;
  white-space: nowrap;
}

body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card .collection-arrow b {
  font-family: Georgia, serif;
  font-size: 1.8em;
  font-weight: 400;
  margin-left: .65rem;
  vertical-align: -.08em;
}

@media (max-width: 800px) {
  body[data-section="sudoku"] .route-hub { padding: 3.5rem 1.25rem 4.5rem; }
  body[data-section="sudoku"] .route-hub .section-heading { margin-bottom: 3rem; text-align: left; }
  body[data-section="sudoku"] .route-hub .section-heading h2 { font-size: clamp(3rem, 13vw, 4.5rem) !important; }
  body[data-section="sudoku"] .route-hub .section-heading > p:last-child { margin-left: 0; }
  body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card { height: 25rem !important; padding: 2rem !important; }
  body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card > img { bottom: 1.5rem !important; height: 65% !important; max-width: 40%; right: 1rem !important; }
  body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card h3 { font-size: clamp(2.45rem, 11vw, 3.35rem) !important; margin: .9rem 0 1.15rem; max-width: 57% !important; }
  body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card p { font-size: .98rem; max-width: 57% !important; }
  body[data-section="sudoku"] .route-hub .collection-grid .content-collection-card .collection-arrow { bottom: 1.65rem !important; left: 2rem !important; }
}