.xl-card{--prog-explore:#3fb6ea;--prog-explore-tint:#e3f4fc;--prog-scientist:#3b5bd6;--prog-scientist-tint:#e6eafc;--prog-sensory:#a25ddc;--prog-sensory-tint:#f1e6fb;--prog-private:#ef3f8c;--prog-private-tint:#fde3ef;--prog-bake:#f28a2e;--prog-bake-tint:#fdeedd;--prog-wood:#2f9e5e;--prog-wood-tint:#e1f3e8;--prog-camps:#e0b31c;--prog-camps-tint:#fdf4cf;--card-ink:#16295a;--card-body:#2a3b66;--card-muted:#4a5a82;--card-line:#e1e7f2;--card-action:#bfe4fb;--card-action-hover:#a6d8f8;--card-action-border:#8fcdf3;box-sizing:border-box;border:1px solid var(--card-line);color:var(--card-ink);font-family:var(--font-body,system-ui, sans-serif);background:#fff;border-radius:18px;flex-direction:column;line-height:1.6;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.xl-card[data-programme=explore]{--p:var(--prog-explore);--pt:var(--prog-explore-tint)}.xl-card[data-programme=scientist]{--p:var(--prog-scientist);--pt:var(--prog-scientist-tint)}.xl-card[data-programme=sensory]{--p:var(--prog-sensory);--pt:var(--prog-sensory-tint)}.xl-card[data-programme=private]{--p:var(--prog-private);--pt:var(--prog-private-tint)}.xl-card[data-programme=bake]{--p:var(--prog-bake);--pt:var(--prog-bake-tint)}.xl-card[data-programme=wood]{--p:var(--prog-wood);--pt:var(--prog-wood-tint)}.xl-card[data-programme=camps]{--p:var(--prog-camps);--pt:var(--prog-camps-tint)}.xl-card :where(h3,p){margin:0}.xl-card .xl-card-head{background:var(--pt);box-shadow:inset 0 5px 0 var(--p);color:#1e4aa6;justify-content:space-between;align-items:flex-start;padding:25px 22px 20px;display:flex}.xl-card .xl-card-pill{color:var(--card-ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.3;display:inline-flex}.xl-card .xl-card-photo{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.xl-card .xl-card-next{font-size:12px;font-weight:700}.xl-card .xl-card-body{flex-direction:column;flex:1;gap:10px;padding:22px 22px 24px;display:flex}:is(html,html.dark) .xl-card h3.xl-card-title{font-family:var(--font-display,var(--font-body,system-ui, sans-serif));letter-spacing:-.01em;color:var(--card-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.3em;font-size:23px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.xl-card .xl-card-link{color:inherit;text-decoration:none}.xl-card .xl-card-link:after{content:"";position:absolute;inset:0}.xl-card:has(.xl-card-link:focus-visible){outline-offset:2px;outline:2px solid #e8177a}.xl-card .xl-card-link:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.xl-card:has(.xl-card-link:hover){border-color:var(--p)}}.xl-card .xl-card-when{min-height:2.9em;font-size:13px;font-weight:700;line-height:1.45}.xl-card .xl-card-when span{color:var(--card-muted);font-weight:600;display:block}.xl-card .xl-card-desc{color:var(--card-body);text-align:justify;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.8em;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.xl-card .xl-card-foot{flex-direction:column;gap:12px;margin-top:auto;padding-top:12px;display:flex}.xl-card .xl-card-price{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.xl-card .xl-card-btn{z-index:1;box-sizing:border-box;border:1px solid var(--card-action-border);background:var(--card-action);color:#1e4aa6;white-space:nowrap;touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .15s,transform .12s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.xl-card .xl-card-btn:active{transform:scale(.97)}.xl-card .xl-card-btn:focus-visible{outline-offset:2px;outline:2px solid #e8177a}@media (hover:hover) and (pointer:fine){.xl-card .xl-card-btn:hover{background:var(--card-action-hover)}}html.dark .crm-app .xl-card{--card-ink:var(--card-foreground);--card-body:color-mix(in srgb, var(--card-foreground) 82%, transparent);--card-muted:var(--muted-foreground);--card-line:var(--border);background:var(--card)}html.dark .crm-app .xl-card .xl-card-head{background:color-mix(in srgb, var(--p) 22%, var(--card));color:var(--card-foreground)}html.dark .crm-app .xl-card .xl-card-pill{background:color-mix(in srgb, var(--card-foreground) 12%, transparent)}