/* Events calendar ([wttc_events_calendar]): a month grid with events as pills that span their days, and a popup per event. Without JS the plain list shows. */
.wttc-cal, .wttc-calpop { --cal-line: rgba(21, 27, 52, .16); --cal-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path d='M221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32'/></svg>"); text-align: left; }
.wttc-cal__chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.wttc-cal__chip { padding: 6px 12px; border: 1px solid #D1CFC8; border-radius: 999px; background: var(--wttc-white); color: var(--wttc-navy); font: 500 12px/1.2 var(--wttc-font-sans); cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.wttc-cal__chip:hover, .wttc-cal__chip:focus-visible { border-color: var(--wttc-navy); }
.wttc-cal__chip.is-on, .wttc-cal__chip.is-on:hover { border-color: var(--wttc-navy); background: var(--wttc-navy); color: var(--wttc-white); }
.wttc-cal__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 14px; margin: 0 0 16px; }
.wttc-cal__nav { display: flex; align-items: center; gap: 10px; }
.wttc-content .wttc-cal__month { order: 1; display: flex; align-items: center; justify-content: center; min-width: 7.4em; height: 34px; margin: 0; padding: 0; font: 400 clamp(19px, 1.7vw, 22px)/1 var(--wttc-font-serif); text-align: center; }
.wttc-cal__nav [data-cal-prev] { order: 0; }
.wttc-cal__nav [data-cal-next] { order: 2; }
.wttc-cal__btn { position: relative; width: 34px; height: 34px; padding: 0; border: 1px solid #D1CFC8; border-radius: 50%; background: var(--wttc-white); color: var(--wttc-navy); cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.wttc-cal__btn::before { content: ""; position: absolute; inset: 0; background: currentColor; -webkit-mask: var(--cal-arrow) center / 14px no-repeat; mask: var(--cal-arrow) center / 14px no-repeat; }
.wttc-cal__btn[data-cal-prev]::before { transform: scaleX(-1); }
.wttc-cal__btn:hover, .wttc-cal__btn:focus-visible { border-color: var(--wttc-navy); background: var(--wttc-navy); color: var(--wttc-white); }
.wttc-cal__tools { display: contents; }
.wttc-cal__today { order: -1; }
.wttc-cal__jump { order: 1; }
.wttc-cal__today { height: 34px; padding: 0 14px; border: 1px solid #D1CFC8; border-radius: 999px; background: var(--wttc-white); color: var(--wttc-navy); font: 500 12.5px/1 var(--wttc-font-sans); cursor: pointer; }
.wttc-cal__today:hover, .wttc-cal__today:focus-visible, .wttc-cal__today:active { border-color: var(--wttc-navy); background: var(--wttc-navy); color: var(--wttc-white); }
.wttc-cal__jump select { box-sizing: border-box; height: 34px; max-width: 240px; padding: 0 44px 0 12px; border: 1px solid #BFC2CE; border-radius: 8px; appearance: none; cursor: pointer; color: var(--wttc-navy); font: 400 12.5px/1 var(--wttc-font-sans); background-color: var(--wttc-white); background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path fill='%23151B34' d='m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32'/></svg>"), linear-gradient(to right, #D1CFC8 0 1px, #F3F0E8 1px); background-repeat: no-repeat; background-position: right 12px center, right top; background-size: 14px, 34px 100%; }
.wttc-cal :focus-visible { outline: 2px solid var(--wttc-navy); outline-offset: 2px; }
.wttc-cal__tbd { margin: 0 0 8px; font-size: 13.5px; }
.wttc-cal__tbd button { padding: 0; border: 0; border-bottom: 1px solid currentColor; background: none; color: var(--wttc-navy); font: 600 13.5px/1.4 var(--wttc-font-sans); cursor: pointer; }
/* layout: the calendar and, beside it, the panel with the next event */
.wttc-cal__layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px 28px; align-items: stretch; }
.wttc-cal__main { min-width: 0; }
.wttc-content .wttc-cal__side { display: flex; flex-direction: column; gap: 12px; margin: 0; }
.wttc-cal__feat { display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; min-height: 260px; padding: 0; overflow: hidden; border: 0; border-radius: 16px; background: var(--wttc-navy); color: var(--wttc-white); text-align: left; white-space: normal; cursor: pointer; transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease; }
.wttc-cal__feat:hover, .wttc-cal__feat:focus-visible { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(21, 27, 52, .25); }
.wttc-cal__featimg { display: block; flex: 1 1 auto; min-height: 150px; background: #0b1230 center / cover no-repeat; transition: transform .8s cubic-bezier(.22, 1, .36, 1); }
.wttc-cal__feat:hover .wttc-cal__featimg { transform: scale(1.05); }

.wttc-cal__featbody { position: relative; display: block; padding: 16px 18px 18px; overflow-wrap: anywhere; }
.wttc-cal__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.wttc-cal__tag { display: inline-block; padding: 3px 9px; border-radius: 999px; background: var(--wttc-accent); color: var(--wttc-navy); font: 700 10.5px/1.3 var(--wttc-font-sans); letter-spacing: .05em; text-transform: uppercase; }
.wttc-cal__tag.is-soft { background: rgba(255, 255, 255, .16); color: var(--wttc-white); }
.wttc-cal__feat strong { display: block; font: 400 clamp(21px, 1.9vw, 25px)/1.15 var(--wttc-font-serif); }
.wttc-cal__facts { display: flex; flex-direction: column; gap: 3px; margin-top: 10px; }
.wttc-cal__facts em { font: 600 13px/1.35 var(--wttc-font-sans); font-style: normal; }
.wttc-cal__facts em + em { font-weight: 400; opacity: .78; }
.wttc-cal__lede { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 10px; overflow: hidden; font: 400 13px/1.5 var(--wttc-font-sans); opacity: .85; }
.wttc-cal__cue { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font: 600 13px/1 var(--wttc-font-sans); color: var(--wttc-accent); }
.wttc-cal__cue::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--cal-arrow) center / contain no-repeat; mask: var(--cal-arrow) center / contain no-repeat; transition: transform .25s ease; }
.wttc-cal__feat:hover .wttc-cal__cue::after { transform: translateX(4px); }
.wttc-content .wttc-cal__more { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.wttc-cal__more button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 8px 12px 8px 8px; border: 1px solid var(--cal-line); border-radius: 12px; background: var(--wttc-white); color: var(--wttc-navy); text-align: left; cursor: pointer; transition: border-color .2s ease, transform .2s ease; }
.wttc-cal__more button:hover, .wttc-cal__more button:focus-visible { border-color: var(--wttc-navy); transform: translateX(2px); }
.wttc-cal__more i { flex: 0 0 52px; height: 52px; border-radius: 9px; background: #e7e4da center / cover no-repeat; }
.wttc-cal__more small { display: block; font: 600 10.5px/1.2 var(--wttc-font-sans); letter-spacing: .05em; text-transform: uppercase; color: rgba(21, 27, 52, .6); }
.wttc-cal__more strong { display: block; margin-top: 2px; font: 400 15px/1.2 var(--wttc-font-serif); }
.wttc-cal__more em { display: block; margin-top: 2px; font: 400 12px/1.3 var(--wttc-font-sans); font-style: normal; color: rgba(21, 27, 52, .7); }
/* the grid: rounded day tiles with a gap, no table lines; one row per week; events are pills laid over the week on the same 7-column track, so a long event is ONE pill */
.wttc-cal__grid { display: grid; gap: 6px; }
.wttc-cal__dows, .wttc-cal__week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0 6px; }
.wttc-cal__dow { padding: 2px 4px 4px; font: 600 11px/1 var(--wttc-font-sans); letter-spacing: .06em; text-transform: uppercase; color: rgba(21, 27, 52, .6); }
.wttc-cal__week { position: relative; --lanes: 0; }
.wttc-cal__day { min-height: calc(34px + var(--lanes) * 46px + 4px); padding: 9px 10px; border: 1px solid var(--cal-line); border-radius: 12px; background: var(--wttc-white); font: 500 12px/1 var(--wttc-font-sans); transition: border-color .2s ease, background-color .2s ease; }
.wttc-cal__day.is-out { border-color: transparent; background: rgba(21, 27, 52, .04); color: rgba(21, 27, 52, .4); }
.wttc-cal__day.has-ev { background: var(--wttc-cream); border-color: transparent; }
.wttc-cal__day:not(.is-out):hover { border-color: var(--wttc-navy); }
.wttc-cal__day.is-today { border-color: var(--wttc-accent); box-shadow: inset 0 0 0 1px var(--wttc-accent); }
.wttc-cal__day.is-today b { display: inline-grid; place-items: center; width: 22px; height: 22px; margin: -5px 0 -5px -5px; border-radius: 50%; background: var(--wttc-accent); color: var(--wttc-navy); font-weight: 700; }
.wttc-cal__day b { font-weight: 500; }
.wttc-cal__lane { position: absolute; inset: 32px 0 auto 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-auto-rows: 42px; gap: 4px 6px; pointer-events: none; }
.wttc-cal__ev { grid-row: var(--lane); grid-column: var(--c1) / var(--c2); display: flex; align-items: center; gap: 9px; box-sizing: border-box; min-width: 0; margin: 0 4px; padding: 0 12px 0 4px; overflow: hidden; border: 0; border-radius: 999px; background: var(--wttc-navy); color: var(--wttc-white); font: 600 12px/1.15 var(--wttc-font-sans); text-align: left; cursor: pointer; pointer-events: auto; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.wttc-cal__ev.t1 { background: var(--wttc-accent); color: var(--wttc-navy); }
.wttc-cal__ev.t2 { background: var(--wttc-peach); color: var(--wttc-navy); }
.wttc-cal__ev i { flex: 0 0 34px; height: 34px; border-radius: 50%; background: rgba(255, 255, 255, .25) center / cover no-repeat; }
.wttc-cal__ev span { display: block; min-width: 0; overflow: hidden; }
.wttc-cal__ev b, .wttc-cal__ev small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wttc-cal__ev b { font-weight: 600; }
.wttc-cal__ev small { margin-top: 2px; font-size: 11px; font-weight: 400; opacity: .78; }
.wttc-cal__ev.is-cut-l { margin-left: -6px; padding-left: 12px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.wttc-cal__ev.is-cut-r { margin-right: -6px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.wttc-cal__ev:hover, .wttc-cal__ev:focus-visible { transform: translateY(-1px); background: var(--wttc-white); color: var(--wttc-navy); box-shadow: 0 0 0 2px var(--wttc-navy); }
.wttc-cal__none { margin: 0; padding: 12px 8px; text-align: center; color: rgba(21, 27, 52, .7); font-size: 13.5px; }
.wttc-cal__agenda { display: none; margin: 0; padding: 0; list-style: none; }
.wttc-cal__agenda li { padding: 10px 0; border-bottom: 1px solid var(--cal-line); }
.wttc-cal__agenda button { display: block; width: 100%; padding: 0; border: 0; background: none; color: var(--wttc-navy); text-align: left; cursor: pointer; }
.wttc-cal__agenda strong { display: block; font: 400 17px/1.25 var(--wttc-font-serif); }
.wttc-cal__agenda span { font-size: 13px; color: rgba(21, 27, 52, .7); }
.wttc-cal__fallback { margin: 0; padding: 0; list-style: none; }
.wttc-cal__fallback li { padding: 10px 0; border-bottom: 1px solid var(--cal-line); }
.wttc-cal__fallback span { color: rgba(21, 27, 52, .7); font-size: 14px; }
.wttc-cal.is-ready .wttc-cal__fallback { display: none; }
.wttc-cal [hidden] { display: none !important; }
.wttc-content p.wttc-note { margin: 10px 0 0; }
@media (max-width: 1000px) { .wttc-cal__layout { grid-template-columns: minmax(0, 1fr); } .wttc-content .wttc-cal__side { min-height: 0; } }
@media (max-width: 760px) {
	.wttc-cal__head { gap: 8px; margin-bottom: 12px; }
	.wttc-cal__nav { order: -2; flex: 1 1 100%; justify-content: center; }
	.wttc-cal__jump { flex: 1 1 0; min-width: 0; }
	.wttc-cal__jump select { width: 100%; max-width: none; }
	.wttc-cal__today { flex: 0 0 auto; }
	/* the month stays a calendar: small tiles, the events are bars (tap one for its popup) and the list below tells what they are */
	.wttc-cal__grid { gap: 3px; }
	.wttc-cal__dows, .wttc-cal__week { gap: 0 3px; }
	.wttc-cal__dow { padding: 0 0 3px; font-size: 9.5px; letter-spacing: .02em; text-align: center; }
	.wttc-cal__day { min-height: calc(30px + var(--lanes) * 22px + 2px); padding: 6px 0 0; border-radius: 8px; text-align: center; font-size: 11px; }
	.wttc-cal__day.is-today b { width: 20px; height: 20px; margin: -4px 0 -4px; }
	.wttc-cal__lane { inset: 26px 0 auto 0; grid-auto-rows: 19px; gap: 3px 3px; }
	.wttc-cal__ev { margin: 0 2px; padding: 0 7px; border-radius: 999px; font-size: 10px; }
	.wttc-cal__ev i, .wttc-cal__ev small { display: none; }
	.wttc-cal__ev b { font-weight: 600; }
	.wttc-cal__ev.is-cut-l { margin-left: -3px; }
	.wttc-cal__ev.is-cut-r { margin-right: -3px; }
	.wttc-cal__agenda:not([hidden]) { display: grid; gap: 8px; margin-top: 14px; }
	.wttc-cal__agenda li { padding: 0; border: 0; }
	.wttc-cal__agenda button { display: flex; align-items: center; gap: 12px; padding: 8px 12px 8px 8px; border: 1px solid var(--cal-line); border-radius: 12px; background: var(--wttc-white); }
	.wttc-cal__agenda i { flex: 0 0 56px; height: 56px; border-radius: 9px; background: #e7e4da center / cover no-repeat; }
	.wttc-cal__agenda em { display: block; margin-top: 3px; font: 400 12.5px/1.3 var(--wttc-font-sans); font-style: normal; color: rgba(21, 27, 52, .7); }
	.wttc-cal__empty { margin-bottom: 8px; }
	.wttc-cal__recall { box-sizing: border-box; min-width: 0; width: 100%; }
}

/* The popup of an event (appended to <body>: fixed positioning does not work inside the smoothed page) */
.wttc-calpop { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; }
.wttc-calpop__bg { position: absolute; inset: 0; background: rgba(21, 27, 52, .7); }
.wttc-calpop__box { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); width: min(780px, 100%); max-height: calc(100vh - 32px); overflow: auto; border-radius: 12px; background: #fff; color: #151B34; font-family: var(--wttc-font-sans, system-ui, sans-serif); box-shadow: 0 20px 60px rgba(0, 0, 0, .35); }
.wttc-calpop__img { min-height: 220px; background: #151B34 center / cover no-repeat; }
.wttc-calpop__body { padding: 28px 28px 26px; }
.wttc-calpop__chip { display: inline-block; margin: 0 0 12px; padding: 4px 10px; border-radius: 999px; background: #F3F0E8; font: 600 11px/1.2 var(--wttc-font-sans, sans-serif); letter-spacing: .04em; text-transform: uppercase; }
.wttc-calpop__title { margin: 0 0 8px; font: 400 clamp(22px, 2.4vw, 28px)/1.15 var(--wttc-font-serif, Georgia, serif); }
.wttc-calpop__meta { margin: 0 0 4px; font-size: 14px; font-weight: 600; }
.wttc-calpop__place { margin: 0 0 12px; font-size: 14px; color: rgba(21, 27, 52, .7); }
.wttc-calpop__text { margin: 0 0 18px; font-size: 14.5px; line-height: 1.55; }
.wttc-calpop__btn, .wttc-calpop__btn:visited { display: inline-flex; align-items: center; gap: 10px; padding: 11px 18px; border-radius: 6px; background: #151B34; color: #fff; font: 600 14px/1.2 var(--wttc-font-sans, sans-serif); text-decoration: none; }
.wttc-calpop__btn::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--cal-arrow) center / contain no-repeat; mask: var(--cal-arrow) center / contain no-repeat; }
.wttc-calpop__btn:hover, .wttc-calpop__btn:focus-visible { background: #92D400; color: #151B34; }
.wttc-calpop__x { position: absolute; top: 10px; right: 10px; z-index: 2; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: #151B34; cursor: pointer; }
.wttc-calpop__x::before { content: ""; position: absolute; inset: 0; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path d='M204.24 195.76a6 6 0 1 1-8.48 8.48L128 136.49l-67.76 67.75a6 6 0 0 1-8.48-8.48L119.51 128L51.76 60.24a6 6 0 0 1 8.48-8.48L128 119.51l67.76-67.75a6 6 0 0 1 8.48 8.48L136.49 128Z'/></svg>") center / 18px no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'><path d='M204.24 195.76a6 6 0 1 1-8.48 8.48L128 136.49l-67.76 67.75a6 6 0 0 1-8.48-8.48L119.51 128L51.76 60.24a6 6 0 0 1 8.48-8.48L128 119.51l67.76-67.75a6 6 0 0 1 8.48 8.48L136.49 128Z'/></svg>") center / 18px no-repeat; }
.wttc-calpop__x:focus-visible, .wttc-calpop__btn:focus-visible { outline: 2px solid #151B34; outline-offset: 2px; }
.wttc-calpop[hidden] { display: none; }
@media (max-width: 640px) { .wttc-calpop__box { grid-template-columns: minmax(0, 1fr); } .wttc-calpop__img { min-height: 150px; } .wttc-calpop__body { padding: 20px; } }
@media (prefers-reduced-motion: reduce) { .wttc-cal__chip, .wttc-cal__btn, .wttc-cal__ev { transition: none; } }

/* Motion: the calendar and its panel come in once when seen; a month change slides the grid; the pills are drawn from the left; the popup fades and rises */
@keyframes calPill { from { clip-path: inset(0 100% 0 0 round 21px); } to { clip-path: inset(0 0 0 0 round 21px); } }
@keyframes calNext { from { opacity: 0; transform: translateX(26px); } to { opacity: 1; transform: none; } }
@keyframes calPrev { from { opacity: 0; transform: translateX(-26px); } to { opacity: 1; transform: none; } }
.wttc-cal__ev { animation: calPill .6s cubic-bezier(.22, 1, .36, 1) both; animation-delay: calc(.12s + var(--lane, 1) * .06s); }
.wttc-cal__grid.is-next { animation: calNext .42s cubic-bezier(.22, 1, .36, 1); }
.wttc-cal__grid.is-prev { animation: calPrev .42s cubic-bezier(.22, 1, .36, 1); }
.wttc-cal.is-ready:not(.is-seen) .wttc-cal__main, .wttc-cal.is-ready:not(.is-seen) .wttc-cal__side { opacity: 0; transform: translateY(22px); }
.wttc-cal.is-ready .wttc-cal__main, .wttc-cal.is-ready .wttc-cal__side { transition: opacity .8s cubic-bezier(.22, 1, .36, 1), transform .8s cubic-bezier(.22, 1, .36, 1); }
.wttc-cal.is-ready .wttc-cal__side { transition-delay: .12s; }
.wttc-cal__more li { transition: opacity .6s ease, transform .6s cubic-bezier(.22, 1, .36, 1); }
.wttc-cal.is-ready:not(.is-seen) .wttc-cal__more li { opacity: 0; transform: translateY(14px); }
.wttc-cal__more li:nth-child(2) { transition-delay: .1s; } .wttc-cal__more li:nth-child(3) { transition-delay: .2s; }
.wttc-calpop__bg { opacity: 0; transition: opacity .25s ease; }
.wttc-calpop__box { opacity: 0; transform: translateY(18px) scale(.98); transition: opacity .3s ease, transform .4s cubic-bezier(.22, 1, .36, 1); }
.wttc-calpop.is-open .wttc-calpop__bg { opacity: 1; }
.wttc-calpop.is-open .wttc-calpop__box { opacity: 1; transform: none; }
.wttc-calpop.is-closing .wttc-calpop__bg, .wttc-calpop.is-closing .wttc-calpop__box { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
	.wttc-cal__ev, .wttc-cal__grid.is-next, .wttc-cal__grid.is-prev { animation: none; }
	.wttc-cal.is-ready:not(.is-seen) .wttc-cal__main, .wttc-cal.is-ready:not(.is-seen) .wttc-cal__side, .wttc-cal.is-ready:not(.is-seen) .wttc-cal__more li { opacity: 1; transform: none; }
	.wttc-calpop__bg, .wttc-calpop__box { transition: none; opacity: 1; transform: none; }
}

/* A month with no events: when the last one was and when the next one is */
.wttc-cal__empty { margin: 0 0 12px; padding: 14px 16px; border-radius: 12px; background: var(--wttc-cream); text-align: center; }
.wttc-cal__empty p { margin: 0; font: 400 17px/1.2 var(--wttc-font-serif); }
.wttc-cal__empty > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 10px; }
.wttc-cal__recall { display: flex; align-items: center; gap: 14px; min-width: 280px; max-width: 100%; padding: 10px 18px 10px 10px; border: 1px solid var(--cal-line); border-radius: 14px; background: var(--wttc-white); color: var(--wttc-navy); text-align: left; cursor: pointer; transition: border-color .25s ease, transform .25s cubic-bezier(.22, 1, .36, 1), box-shadow .25s ease; }
.wttc-cal__recall:hover, .wttc-cal__recall:focus-visible { border-color: var(--wttc-navy); transform: translateY(-3px); box-shadow: 0 10px 22px rgba(21, 27, 52, .12); }
.wttc-cal__recall i { flex: 0 0 64px; height: 64px; border-radius: 10px; background: #e7e4da center / cover no-repeat; }
.wttc-cal__recall::after { content: ""; flex: 0 0 14px; height: 14px; margin-left: auto; background: currentColor; -webkit-mask: var(--cal-arrow) center / contain no-repeat; mask: var(--cal-arrow) center / contain no-repeat; transition: transform .25s ease; }
.wttc-cal__recall:hover::after { transform: translateX(4px); }
.wttc-cal__recall small { display: block; font: 600 10.5px/1.2 var(--wttc-font-sans); letter-spacing: .05em; text-transform: uppercase; color: rgba(21, 27, 52, .6); }
.wttc-cal__recall strong { display: block; margin-top: 3px; font: 400 17px/1.2 var(--wttc-font-serif); }
.wttc-cal__recall em { display: block; margin-top: 4px; font: 400 12.5px/1.3 var(--wttc-font-sans); font-style: normal; color: rgba(21, 27, 52, .7); }
/* an empty month: the grid greys out and stops answering, the reminders above it do the talking */
.wttc-cal__grid { transition: opacity .4s ease, filter .4s ease; }
.wttc-cal__grid.is-idle { opacity: .38; filter: grayscale(1); pointer-events: none; }
.wttc-cal__recall > span { min-width: 0; overflow-wrap: anywhere; }
.wttc-cal__agenda button > span { min-width: 0; overflow-wrap: anywhere; }
.wttc-cal__recall, .wttc-cal__agenda button, .wttc-cal__more button { white-space: normal; }