/* CR CALENDAR TILE — 2026-10-26 16:50 MDT. Build 1.00. ONE source for every Rockettes date tile (Team Portal availability cards + grid, the
   coloradorockettes.com home's next-games row). Port of craigwhitlock.com /ops/tickets: markup = js/custom-tickets.js paintGameDate
   :352-367 (<time> + month span + day span), CSS = css/custom-tickets.css :479-490 (md5 19600cc3…), sizes verbatim:
   120px / 3px border / 16px radius / month 24 / day 54 / TBD 30, and the tickets "card 500px or less" size as .is-sm: 64 / 2 / 10 / 14 / 32 / 18.
   Roboto 900 (the tickets face; the page loads it). Ink + month color are tokens a context sets:
     --cr-cal-ink  outline, month band, day number (white on a colored plate or photo; purple on white)
     --cr-cal-bg   the month's letters (the plate color on a colored ground; white on white)
   Craig 2026-10-26: "dates ... need to be exactly like these calendar icons/numbers from https://craigwhitlock.com/ops/tickets". */
.cr-cal{--cr-cal-ink:#fff;--cr-cal-bg:var(--color1);display:block;flex:0 0 120px;width:120px;margin:0;border:3px solid var(--cr-cal-ink);border-radius:16px;overflow:hidden;color:var(--cr-cal-ink);font-family:Roboto,sans-serif!important;font-weight:900;text-align:center;line-height:1;box-sizing:border-box}
.cr-cal .cr-cal-month{display:block;background:var(--cr-cal-ink);color:var(--cr-cal-bg);font:inherit;font-size:24px;padding:5px 4px 6px;letter-spacing:normal;text-transform:none}
.cr-cal .cr-cal-day{display:block;font:inherit;font-size:54px;padding:4px 4px 6px;color:var(--cr-cal-ink)}
.cr-cal.cr-cal-tbd .cr-cal-day{font-size:30px;padding:16px 4px 18px}
.cr-cal.is-sm{flex-basis:64px;width:64px;border-width:2px;border-radius:10px}
.cr-cal.is-sm .cr-cal-month{font-size:14px;padding:4px 2px}
.cr-cal.is-sm .cr-cal-day{font-size:32px;padding:3px 2px 5px}
.cr-cal.is-sm.cr-cal-tbd .cr-cal-day{font-size:18px;padding:10px 2px 12px}