/* Colors echo the communal calendar without importing booking UI styles. */
.mode-intro{padding:24px 0 12px}
.mode-intro h1{font-size:clamp(38px,6vw,62px);line-height:1.1;letter-spacing:-.03em;margin:0 0 20px}
.mode-intro p:not(.service-eyebrow){font-size:21px;line-height:1.6;max-width:720px}
.mode-links{display:grid;gap:18px;margin:28px 0}
.service-wrap a.mode-link{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:132px;padding:32px 36px;border-radius:20px;font-size:clamp(25px,3.5vw,38px);font-weight:900;line-height:1.2;text-decoration:none;color:#fff;background:var(--mode-color);box-shadow:0 8px 24px #153b2010}
.mode-link:hover{filter:brightness(.96)}
.mode-link span[aria-hidden]{font-size:40px;flex-shrink:0}
.mode-barkade{--mode-color:#a94b00}
.mode-classes{--mode-color:#169650}
.service-wrap a.mode-daycare{--mode-color:#f6d85c;color:#29250f}
.service-wrap a.mode-parties{--mode-color:#f26a53;color:#241b19}
.service-wrap a.mode-events{--mode-color:#ff7700;color:#18100a}
.mode-help{font-size:18px;line-height:1.6}
.service-wrap details.hubMarketingFaq{padding:18px 0;border-bottom:1px solid #ccd6cf}
@media(max-width:760px){.service-wrap a.mode-link{padding:24px;min-height:118px;gap:16px}.mode-links{gap:14px}.mode-link span[aria-hidden]{font-size:32px}.mode-intro{padding-top:10px}}