/* r82 preview: event page thumb-zone action bar + "More" disclosure (phones only, <=767px). Desktop is unchanged. */
.evb,.evm-more{display:none}
@media (max-width:767px){
  .evb{display:flex;gap:8px;position:fixed;z-index:85;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));
    bottom:calc(8px + env(safe-area-inset-bottom));padding:6px;border-radius:18px;
    background:color-mix(in srgb,var(--bg,#0b0b0c) 78%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
    border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 30px rgba(0,0,0,.45);
    transform:translateY(calc(100% + 90px));opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .2s}
  html.sn .evb{bottom:calc(62px + env(safe-area-inset-bottom) + 8px)} /* sits above the tab bar, never over it */
  html.evb-on .evb{transform:none;opacity:1;pointer-events:auto}
  html.nt-open .evb,html.tq-open .evb,html.tn-open .evb,body.has-map .evb,html.dir-open .evb{display:none}
  .evb .evb-b{flex:1 1 0;min-width:0;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:13px;
    font:600 14px/1 Inter,system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap;color:#fff;background:rgba(255,255,255,.07);border:0;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .evb .evb-b svg{width:17px;height:17px;flex:none}
  .evb .evb-b span{overflow:hidden;text-overflow:ellipsis}
  .evb .evb-save{flex:0 0 auto;padding:0 14px}
  .evb .evb-save.on{color:#ff6b5e}
  .evb .evb-tk{background:#fff;color:#0b0b0c;flex:0 0 auto;padding:0 16px}
  .evb .evb-b:active{transform:scale(.97)}
  html.evb-on body{padding-bottom:calc(62px + env(safe-area-inset-bottom) + 88px)} /* r72.6.3: +24px so Get-there clears tab */
  /* editor Pick mode pill sits in the same spot: lift the bar above it so neither covers the other */
  body:has(> .pk-bar) .evb,html.sn body:has(> .pk-bar) .evb{bottom:calc(134px + env(safe-area-inset-bottom))}
  html.evb-on body:has(> .pk-bar){padding-bottom:calc(200px + env(safe-area-inset-bottom))}
  /* progressive disclosure: key facts stay up top; the long details sit behind one "More" tap */
  .evm-more{display:block;margin:6px 16px 22px;padding:0;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);overflow:hidden}
  .evm-more button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:16px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .evm-more .evm-t{flex:1;min-width:0}
  .evm-more b{display:block;font:650 16px/1.25 Inter,system-ui,sans-serif;color:#fff}
  .evm-more small{display:block;margin-top:4px;font:400 13px/1.35 Inter,system-ui,sans-serif;color:rgba(255,255,255,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .evm-more .evm-ch{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);transition:transform .25s}
  .evm-more .evm-ch svg{width:16px;height:16px}
  .evm-more[aria-expanded=true] .evm-ch{transform:rotate(180deg)}
  html.evm #ev > .e-body:not(.evm-open):not(.evm-why){display:none}
  /* r72.1: the why card stays open; everything else in the body waits behind More */
  html.evm #ev > .e-body.evm-why:not(.evm-open) > :not(.e-main),
  html.evm #ev > .e-body.evm-why:not(.evm-open) > .e-main > :not(.ev2-acc),
  html.evm #ev > .e-body.evm-why:not(.evm-open) .ev2-acc > :not([data-k=why]):not(.evm-more){display:none}
  html.evm #ev > .e-body.evm-why .ev2-acc > .evm-more{margin:14px 0 18px}
  html.evm #ev > .e-body.evm-open{animation:evmIn .3s ease-out}
  @keyframes evmIn{from{opacity:0;transform:translateY(-6px)}}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){.evb{transition:none}html.evm #ev > .e-body.evm-open{animation:none}}
/* r72.5: the bar uses the hero's own label; long labels ellipsize instead of crowding Save / Get me there */
@media (max-width:767px){
  .evb .evb-b span{white-space:nowrap}
  .evb .evb-tk{flex:0 1 auto;min-width:0;max-width:62%}
  .evb.evb-f1 .evb-tk{flex:1 1 auto;max-width:none}
  .evb.evb-f2 .evb-save{flex:0 0 52px;padding:0}
  .evb.evb-f2 .evb-save span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .evb.evb-f3 .evb-tk{font-size:13px;padding:0 12px}
  .evb.evb-f4 .evb-tk span{white-space:normal;font-size:12px;line-height:1.12;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .evb .evb-go.evb-ico{flex:0 0 52px;padding:0}
  .evb .evb-go.evb-ico span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}