/* Plinko hub only: local layout, shared card and disclosure styling retained. */
.game-hub--plinko .hub-card-group + .hub-card-group { margin-top: 2rem; }
.game-hub--plinko .hub-card-group h3 { margin-bottom: 1rem; }
.game-hub--plinko .game-link-card__body > span { font-size: .94rem; line-height: 1.5; }
.game-hub--plinko .hub-model-copy { padding-block: 1.75rem; }
.game-hub--plinko .hub-model-copy p { max-width: 75ch; color: var(--color-muted); }
.game-hub--plinko .hub-model-copy p:last-child { margin-bottom: 0; }
/* Halve the combined spacing between the research cards and FAQ. */
.game-hub--plinko .home-news { padding-bottom: 2rem; }
.game-hub--plinko .home-news + .game-faq { padding-top: calc(var(--space-5) / 2); }
@media (max-width: 30rem) {
 .game-hub--plinko .home-news + .game-faq { padding-top: 1.4rem; }
}
@media (min-width: 56rem) {
 .game-hub--plinko .hub-card-grid--learn { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 75rem) {
 .game-hub--plinko .hub-card-grid--learn { grid-template-columns: repeat(4, minmax(0, 1fr)); }
 .game-hub--plinko .game-link-card { grid-template-columns: 1fr auto; align-content: start; }
 .game-hub--plinko .game-link-card__icon { grid-column: 1 / -1; }
}
@media (max-width: 55.999rem) {
 .game-hub--plinko .game-hero > .container { overflow: hidden; }
 .game-hub--plinko .game-hero__grid { position: relative; isolation: isolate; }
 .game-hub--plinko .game-hero__visual { position: absolute; z-index: -1; inset: 0 -6rem 0 auto; width: min(100%, 32rem); opacity: .2; pointer-events: none; mask-image: linear-gradient(to right, transparent, #000); }
 .game-hub--plinko .plinko-visual { height: 100%; margin: 0; }
 .game-hub--plinko .plinko-board { height: 100%; width: 100%; }
}

.game-hub--plinko .hub-extra-starts{margin-top:2rem}

/* Keep the breadcrumb rhythm while giving the hero its own space below it. */
.game-hub--plinko .game-hub__breadcrumb{padding-top:1.25rem}
.game-hub--plinko .game-hub__breadcrumb .breadcrumb{margin:0 0 1rem;padding:0}
.game-hub--plinko .game-hero{padding-top:0}

/* Align the hub's label/title with the shared breadcrumb rhythm. */
.game-hub--plinko .game-hero>.container{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.game-hub--plinko .game-hero__grid{align-items:start}
