.cheers-mobile-card-scroll {
  color: var(--cheers-component-text, #2b2b2b);
  background: var(--cheers-component-background, #ffffff);
}
.cheers-mobile-card-scroll__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.cheers-mobile-card-scroll__card { position: relative; min-width: 0; border-radius: 8px; background: var(--cheers-component-surface, #f3f3f3); }
.cheers-mobile-card-scroll__content { min-width: 0; }
.cheers-mobile-card-scroll__heading { display: flow-root; }
.cheers-mobile-card-scroll__content h3 { color: var(--cheers-component-heading, #202020); }
.cheers-mobile-card-scroll__content a { color: var(--cheers-component-accent, #555555); }
.cheers-mobile-card-scroll__controls[hidden] { display: none; }
.cheers-mobile-card-scroll__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.cheers-mobile-card-scroll__card:focus-visible { outline: 2px solid var(--cheers-component-focus, #111111); outline-offset: 3px; }
@media (max-width: 1120px) {
  .cheers-mobile-card-scroll__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cheers-mobile-card-scroll.is-stacked { height: var(--deck-runway); }
  .cheers-mobile-card-scroll.is-stacked .cheers-mobile-card-scroll__stage { position: sticky; top: var(--deck-top); }
  .cheers-mobile-card-scroll.is-stacked .cheers-mobile-card-scroll__grid { position: relative; display: block; width: calc(100% - 32px); max-width: 460px; height: calc(var(--deck-card-height) + 44px); margin-inline: auto; }
  .cheers-mobile-card-scroll.is-stacked .cheers-mobile-card-scroll__card { position: absolute; inset: 36px 0 auto; height: var(--deck-card-height); min-height: 0; transform-origin: center top; will-change: transform; box-shadow: 0 10px 24px rgb(0 0 0 / 15%); }
  .cheers-mobile-card-scroll__controls { display: grid; justify-items: center; gap: 4px; padding-top: 8px; }
  .cheers-mobile-card-scroll__controls p { margin: 0; color: var(--cheers-component-muted, #666666); font-size: 13px; }
  .cheers-mobile-card-scroll__controls > div { display: flex; align-items: center; gap: 8px; }
  .cheers-mobile-card-scroll__controls button { appearance: none; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 12px; border: 0 solid var(--cheers-component-border, rgb(0 0 0 / 16%)); border-radius: 0; background: none; color: var(--cheers-component-accent, #555555); font: inherit; font-size: 16px; font-weight: 800; text-decoration: none; cursor: pointer; }
  .cheers-mobile-card-scroll__controls button:hover:not(:disabled) { color: var(--cheers-component-heading, #202020); }
  .cheers-mobile-card-scroll__controls button:disabled { opacity: 0.4; cursor: default; }
  .cheers-mobile-card-scroll__controls button:focus-visible { outline: 2px solid var(--cheers-component-focus, #111111); outline-offset: 3px; }
}
@media (max-width: 600px) { .cheers-mobile-card-scroll__grid { grid-template-columns: 1fr; } }
