/* Compact ticket chooser (2026-11-14). Four rows, no new colors or fonts: the Home comparison rows' black fill and red edge, the status slot's mint, the site red.
   Every rule is scoped under body.om-mvp .omhm-chooser, so it outranks any lone-class rule from a sheet that loads after it (last loaded wins only on equal specificity). The button is the site's own .om-btn--primary, whose sheet (artistic-batch17) sets the font shorthand with !important at specificity 0,3,2, so the button rule carries one more class (0,4,1) and !important on its few size properties (checked with getComputedStyle, see the receipt). */
body.om-mvp .omhm-chooser{display:block;margin:14px 0 16px;max-width:none;text-align:left;color:#fff;scroll-margin-top:92px}
body.om-mvp .omhm-chooser .omhm-chooser-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
body.om-mvp .omhm-chooser .omhm-chooser-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text price" "text btn";column-gap:10px;row-gap:6px;align-items:center;margin:0;padding:10px 12px;background:#080808;border:3px solid #e72330;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
body.om-mvp .omhm-chooser .omhm-chooser-row--soldout{grid-template-areas:"text price"}
body.om-mvp .omhm-chooser .omhm-chooser-text{grid-area:text;display:flex;flex-direction:column;gap:2px;min-width:0}
body.om-mvp .omhm-chooser .omhm-chooser-name{display:block;font-size:16px;line-height:1.2;font-weight:800;color:#fff;text-transform:none;letter-spacing:0;-webkit-text-stroke:0;text-shadow:none}
body.om-mvp .omhm-chooser .omhm-chooser-when{display:block;font-size:13px;line-height:1.3;font-weight:400;color:#f2e8d8}
body.om-mvp .omhm-chooser .omhm-chooser-state{display:block;margin:2px 0 0;padding:0;border:0;background:none;font-size:13px;line-height:1.3;font-weight:800;color:#68f8b3}
body.om-mvp .omhm-chooser .omhm-chooser-price{grid-area:price;justify-self:end;font-size:20px;line-height:1.1;font-weight:700;color:var(--omhm-red,#ef2435);white-space:nowrap}
body.om-mvp .omhm-chooser .omhm-chooser-row .omhm-chooser-btn{grid-area:btn;justify-self:end;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px!important;min-width:44px;width:auto!important;margin:0!important;padding:8px 12px!important;font-size:14px!important;letter-spacing:.02em!important;line-height:1.1!important;white-space:nowrap}
@media (min-width:761px){
  body.om-mvp .omhm-chooser .omhm-chooser-name{font-size:18px}
  body.om-mvp .omhm-chooser .omhm-chooser-when,body.om-mvp .omhm-chooser .omhm-chooser-state{font-size:14px}
}
/* Gallery index (above the promotion banner) and Shopping Guide (after the maker rows): the chooser stands alone, so it takes a readable measure and the page gutter. */
body.om-mvp .omhm-chooser--gallery,body.om-mvp .omhm-chooser--guide{max-width:760px;margin:22px auto;padding:0 16px;box-sizing:border-box}
/* Home hero panel: the rows sit inside the hero panel under the status line. */
body.om-mvp .omhm-chooser--home{margin:12px 0 14px}
/* Screen-reader text. The site's own .screen-reader-text is not defined on every route (Home prints it visibly), so the chooser carries its own. */
body.om-mvp .omhm-chooser .omhm-chooser-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Tickets page on a phone: the hero above the chooser gives back about 135 px so the first Eventbrite button lands at or above 700 px on a 375 x 812 screen (it was 1,946 px). Spacing and the wordmark size only; no copy, no art removed. */
@media (max-width:600px){
  body.om-mvp:has(.omhm-chooser--tickets) .ticket-preview .ticket-lead{margin-bottom:8px;padding-top:6px}
  body.om-mvp:has(.omhm-chooser--tickets) .ticket-preview .ticket-lead img{display:block;margin:0 auto;width:auto;max-width:100%;max-height:84px}
  body.om-mvp:has(.omhm-chooser--tickets) .ticket-preview .ticket-intro{padding-top:12px;padding-bottom:12px}
  body.om-mvp:has(.omhm-chooser--tickets) .ticket-preview .ticket-intro .ticket-kicker{margin-top:2px;margin-bottom:2px}
  body.om-mvp:has(.omhm-chooser--tickets) .ticket-preview .ticket-intro h1{margin-top:4px;margin-bottom:6px}
  body.om-mvp:has(.omhm-chooser--tickets) .ticket-preview .ticket-intro #ticket-shopping-party{line-height:1.05!important}
  body.om-mvp:has(.omhm-chooser--tickets) .ticket-preview .ticket-intro .ticket-intro-text-p,
  body.om-mvp:has(.omhm-chooser--tickets) .ticket-preview .ticket-intro h1 + p{font-size:16px;line-height:1.4;margin:4px 0}
  body.om-mvp:has(.omhm-chooser--tickets) .ticket-preview .ticket-intro .ticket-location{margin-top:2px;margin-bottom:10px}
  body.om-mvp:has(.omhm-chooser--tickets) .ticket-preview .ticket-intro .omhm-ticket-status{margin:6px 0 8px;font-size:16px;padding-top:8px;padding-bottom:8px}
  body.om-mvp:has(.omhm-chooser--tickets) .omhm-chooser--tickets{margin:8px 0 12px}
}