/* EVENT-PRICE (Gino, Oct 31 2026 3:25 PM; Gino delegated the design to Grok + Claude). Approved C41-C43 exception.
   1) a ticket stub's price/Free sits on a "header board" above the date tile (equal 14px gaps all round, nothing shrunk, 12px -> 16px)
   2) a photo card's range tile (OCT-NOV / 30-2) grows to fit its text (22px digits stay 22px); a single date is unchanged
   3) a stub for a run / multi-day / weekly event shows the NEXT date with a pad edge; tap = flip to a cropped month (c44.js)
   P = the feed event-card prefix (beats the c41/c43 !important rules) */
/* ---- 1. price board ---- */
html[data-c41]:not(#c41) body[data-mk-side=updated] .feed-stream .feed-card.event-card.ev .tk-feed:not(.has-bg) .db-col{justify-content:center!important;gap:0!important;padding:0 14px!important;box-sizing:border-box}
html[data-c41]:not(#c41) body[data-mk-side=updated] .feed-stream .feed-card.event-card.ev .tk-feed:not(.has-bg) .db-col>:is(.db,.db-btn){order:1;margin-bottom:16px}
html[data-c41]:not(#c41) body[data-mk-side=updated] .feed-stream .feed-card.event-card.ev .tk-feed:not(.has-bg) .db-col .db-w{height:10px;line-height:10px}
html[data-c41]:not(#c41) body[data-mk-side=updated] .feed-stream .feed-card.event-card.ev .tk-feed:not(.has-bg) .db-col>.ec.c41-pr{position:static!important;order:0;margin:0 0 -8px!important;flex:none;box-sizing:border-box;width:50px;height:28px!important;padding:0 0 8px!important;border-radius:8px 8px 0 0!important;display:inline-flex;justify-content:center;align-items:center;font:700 1rem/20px var(--c41-fb)!important;letter-spacing:0!important;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.2),0 0 0 .5px rgba(0,0,0,.06)}
html[data-c41]:not(#c41) body[data-mk-side=updated] .feed-stream .feed-card.event-card.ev .tk-feed:not(.has-bg) .db-col>.ec.c41-pr.long{font-size:.875rem!important;letter-spacing:-.01em!important}
html[data-c41]:not(#c41) body[data-mk-side=updated] .feed-stream .feed-card.event-card.ev .tk-feed:not(.has-bg) .db-col>.ec.c41-pr.paid{background:var(--c41-chip-paid)!important;color:var(--c41-chip-paid-ink)!important}
html[data-c41]:not(#c41) body[data-mk-side=updated] .feed-stream .feed-card.event-card.ev .tk-feed:not(.has-bg) .db-col>.ec.c41-pr.free{background:var(--c41-sage-ink)!important;color:var(--c41-tk-body)!important}
html[data-c41]:not(#c41) body[data-mk-side=updated] .feed-stream .feed-card.event-card.ev .tk-feed:not(.has-bg) .db-col .db{position:relative;z-index:1}
/* ---- 2. photo range tile fits its content (min = today's 46px) ---- */
html[data-c41]:not(#c41) body[data-mk-side=updated] .feed-stream .feed-card.event-card.ev .tk-feed.has-bg .db:has(.db-d.rng){width:auto!important;min-width:46px}
html[data-c41]:not(#c41) body[data-mk-side=updated] .feed-stream .feed-card.event-card.ev .tk-feed.has-bg .db:has(.db-d.rng) :is(.db-in,.db-f){position:relative;inset:auto;height:52px}
html[data-c41]:not(#c41) body[data-mk-side=updated] .feed-stream .feed-card.event-card.ev .tk-feed.has-bg .db:has(.db-d.rng) :is(.db-band,.db-d){padding-left:8px!important;padding-right:8px!important;white-space:nowrap}
/* ---- 3. multi-date tile: pad edges, tap target, photo ribbon ---- */
.db-btn{all:unset;display:block;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.db-btn:focus-visible{outline:2px solid var(--c41-sage-ink);outline-offset:2px;border-radius:8px}
.db-btn:active .db{scale:.97}
.tk-feed:not(.has-bg) .db-btn:after{content:"";position:absolute;inset:0}
.tk-feed.has-bg .db-btn{position:relative}
.tk-feed.has-bg .db-btn:after{content:"";position:absolute;inset:-6px}
.db.multi{--s1:#F1ECE2;--s2:#E2DCCF;--sl:rgba(0,0,0,.16);isolation:isolate}
html:not([data-theme=light]) .db.multi{--s1:#CFC9C0;--s2:#A9A39B;--sl:rgba(0,0,0,.28)}
.db.multi:before,.db.multi:after{content:"";position:absolute;inset:0;border-radius:8px;z-index:-1;pointer-events:none}
.db.multi:before{transform:translateX(3px) scaleY(.94);background:var(--s1);box-shadow:0 0 0 .5px var(--sl)}
.db.multi[data-sheets="1"]:after{display:none}
.db.multi[data-sheets="2"]:after{transform:translateX(6px) scaleY(.88);background:var(--s2);box-shadow:0 0 0 .5px var(--sl)}
.tk-feed:not(.has-bg) .db-col:has(.db.multi[data-sheets="2"]) :is(.ec.c41-pr,.db-btn>.db){transform:translateX(-2px)}
.tk-feed:not(.has-bg) .db-col:has(.db.multi[data-sheets="1"]) :is(.ec.c41-pr,.db-btn>.db){transform:translateX(-1px)}
.md-rb{position:absolute;left:58px;top:28px;height:24px;padding:0 9px;border-radius:12px;background:rgba(14,11,9,.62);color:#fff;font:600 .75rem/24px var(--c41-fb);white-space:nowrap;pointer-events:none}
/* ---- the flip panel (the back of the tile): a month cropped to the weeks that hold dates ---- */
.dp{position:absolute;z-index:6;inset:0;box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:6px 44px 6px 14px;background:#FFFCF7;color:#15120F;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.3);font-family:var(--c41-fb);cursor:pointer;transform-origin:left center}
html:not([data-theme=light]) .dp{background:#EFE9E0}
.tk-feed.has-bg .dp{inset:8px}
.dp-sum{flex:none;width:88px;display:flex;flex-direction:column;gap:3px}
.dp-sum b{font:700 .625rem/12px var(--c41-fb);letter-spacing:.04em;white-space:nowrap;color:var(--c41-deep,#B42343)}
.dp-sum i{font:600 .75rem/15px var(--c41-fb);font-style:normal}
.dp-grid{flex:1;display:grid;grid-template-columns:repeat(7,minmax(24px,30px));justify-content:end}
.dp-grid s{text-decoration:none;font:700 .5625rem/12px var(--c41-fb);text-align:center;opacity:.6;height:12px}
.dp-grid u{text-decoration:none;margin:1px;font:500 .6875rem/1 var(--c41-fb);font-variant-numeric:tabular-nums;display:grid;place-items:center;border-radius:5px;opacity:.62}
.dp-grid u.ev{opacity:1;background:var(--c41-deep,#B42343);color:#fff;font-weight:700}
.dp-grid u.ev.past{opacity:.45}
.dp-grid u.nx{box-shadow:inset 0 0 0 1.5px #FFFCF7}
.dp-x{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(0,0,0,.1);color:inherit;font:700 .875rem/28px var(--c41-fb);text-align:center;padding:0;cursor:pointer}
.dp-x:after{content:"";position:absolute;inset:-8px}
.dp-x:focus-visible{outline:2px solid var(--c41-sage-ink);outline-offset:2px}
.dp .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.dp{transition:opacity .12s}}
/* photo card: the tile button sits above the card link (z 3) so it can be tapped */
html[data-c41]:not(#c41) body[data-mk-side=updated] .feed-stream .feed-card.event-card.ev .tk-feed.has-bg .db-col:has(.db-btn){z-index:5}