/*
 * Quick Match / Cloud Match cards inside the shared hero's start section (.skh-start) on the tennis,
 * badminton, table tennis and volleyball landings. The cards keep their own styles (scorekeeper-landing.css);
 * this only fits them to the 760px column and keeps them on light cards, since .skh-start is always cream.
 */
.skh-start .sk-landing__versions-inner { max-width: none; gap: 1.25rem; }

.skh-start .sk-landing__version-card {
    background: #fff; color: #1f2937;
    border-color: rgba(10, 10, 10, 0.08); box-shadow: 0 1px 3px rgba(10, 10, 10, 0.06);
}
.skh-start .sk-landing__version-card:hover { border-color: rgba(10, 10, 10, 0.15); }
.skh-start .sk-landing__version-desc { color: rgba(0, 0, 0, 0.55); }
.skh-start .sk-landing__feature-list li { color: rgba(0, 0, 0, 0.68); }

/* Phones: "Free online table tennis scoreboard" is the longest eyebrow and the tennis stats ("0-15-30-40") the
   widest — keep each on one line at 360-390px instead of wrapping under the rule / orphaning the last stat. */
@media (max-width: 480px) {
    .sk-landing .skh-eyebrow { font-size: 0.66rem; letter-spacing: 0.1em; gap: 0.4rem; }
    .sk-landing .skh-eyebrow::before { display: none; }
    .sk-landing .skh-trust { gap: 0.75rem; flex-wrap: nowrap; }
    .sk-landing .skh-num { font-size: 1.2rem; }
    .sk-landing .skh-label { font-size: 0.62rem; letter-spacing: 0.06em; }
}