/* Availability-only semantics. Confirmed appointments and app branding are unchanged. */
.weekly-event.bookable-slot.offer-trial,.availability-offer.offer-trial{background:#521d2b;border-color:#ff7b86;color:#fff1f2}
.weekly-event.bookable-slot.offer-consultation,.availability-offer.offer-consultation{background:#113a64;border-color:#72b9ff;color:#edf6ff}
.weekly-event.bookable-slot.offer-selected,.availability-offer.offer-selected{background:#55430c;border-color:#ffd45c;color:#fff8d8}
.weekly-event.bookable-slot.offer-review{background:#27272d;border-color:#b6b3bf;color:#f5f3fa}
.weekly-event.bookable-slot:is(.offer-trial,.offer-consultation,.offer-selected):is(:hover,:focus-visible){filter:brightness(1.2);outline:2px solid currentColor;outline-offset:1px}
.availability-offers{display:grid;gap:1px;max-width:100%;min-width:0}
.availability-offer{display:block;border:1px solid;border-radius:3px;padding:1px 2px;font-size:9px;line-height:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;box-sizing:border-box}
.availability-time:has(.availability-offers){gap:1px;padding:2px}
.weekly-event.bookable-slot>strong{display:flex;flex-direction:column;gap:1px;line-height:1.05;white-space:normal;min-width:0;overflow:visible}
.weekly-event.bookable-slot .weekly-event-name{display:block;white-space:normal;overflow-wrap:normal;hyphens:manual;font-size:10px;font-weight:750;line-height:1.05}
.weekly-event.bookable-slot .weekly-event-time{font-size:10px}
.weekly-event.bookable-slot{container-type:inline-size;padding-inline:2px}
.offer-name-compact{display:none}
@container(max-width:80px){.weekly-event.bookable-slot small{display:none}}
@container(max-width:52px){.weekly-event.bookable-slot .offer-name-full{display:none}.weekly-event.bookable-slot .offer-name-compact{display:inline}}
.local-android-app.native-calendar-view .weekly-event.bookable-slot{padding-inline:1px}
.local-android-app.native-calendar-view .weekly-event.bookable-slot>strong{gap:0;line-height:1}
.local-android-app.native-calendar-view .weekly-event.bookable-slot :is(.weekly-event-name,.weekly-event-time){font-size:9px;line-height:1}
@media(max-width:600px){.weekly-event.bookable-slot small{display:none}.weekly-event.bookable-slot{padding:3px}}