
.cue-events{font:inherit;color:inherit;width:100%}.cue-events *{box-sizing:border-box}
.cue-list{border:1px solid rgba(0,0,0,.12);background:#fff}
.cue-event{margin:0}.cue-list .cue-event+.cue-event{border-top:1px solid rgba(0,0,0,.1)}
.cue-event-trigger{appearance:none;border:0;background:none;color:inherit;font:inherit;width:100%;padding:0;text-align:left;cursor:pointer;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:stretch}
.cue-date{display:flex;min-height:82px;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgba(0,0,0,.1);line-height:1}
.cue-date strong{font-size:22px;font-weight:500}.cue-date small{font-size:11px;letter-spacing:.08em;margin-top:5px}
.cue-main{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:15px 18px}
.cue-title{font-size:17px;line-height:1.25;font-weight:600}.cue-meta{font-size:12px;opacity:.66;margin-top:7px;display:flex;gap:14px;flex-wrap:wrap}
.cue-loc:before{content:"⌖";margin-right:5px}.cue-time:before{content:"◷";margin-right:5px}
.cue-thumb{width:220px;min-height:82px;overflow:hidden}.cue-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.cue-list .has-image .cue-event-trigger{grid-template-columns:76px minmax(0,1fr) 220px}
.cue-event-trigger:hover .cue-title,.cue-event-trigger:focus-visible .cue-title{text-decoration:underline}
.cue-grid{display:grid;grid-template-columns:repeat(var(--cue-cols),minmax(0,1fr));gap:20px}
.cue-grid .cue-event{border:1px solid rgba(0,0,0,.12);background:#fff}
.cue-grid .cue-event-trigger{display:grid;grid-template-columns:68px 1fr;position:relative}
.cue-grid .cue-thumb{grid-column:1/-1;grid-row:1;width:100%;height:190px;order:-1}
.cue-grid .cue-date{grid-column:1;grid-row:2}.cue-grid .cue-main{grid-column:2;grid-row:2}
.cue-modal[hidden]{display:none}.cue-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:20px}
.cue-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62)}
.cue-dialog{position:relative;background:#fff;color:#222;width:min(680px,100%);max-height:88vh;overflow:auto;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.cue-close{position:absolute;z-index:2;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);font-size:26px;line-height:1;cursor:pointer}
.cue-modal-image img{display:block;width:100%;max-height:300px;object-fit:cover}.cue-modal-body{padding:26px}
.cue-modal-date{font-size:12px;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.cue-modal-body h3{margin:6px 0 7px;font-size:28px;line-height:1.15}
.cue-modal-meta{font-size:13px;opacity:.7;margin-bottom:18px}.cue-content{margin-top:15px}
.cue-cta{display:inline-block;padding:10px 16px;border:1px solid currentColor;text-decoration:none}
body.cue-modal-open{overflow:hidden}
@media(max-width:700px){
 .cue-list .cue-event-trigger,.cue-list .has-image .cue-event-trigger{grid-template-columns:62px minmax(0,1fr)}
 .cue-list .cue-thumb{display:none}.cue-date{min-height:74px}.cue-main{padding:13px 14px}.cue-title{font-size:15px}
 .cue-grid{grid-template-columns:1fr}.cue-grid .cue-thumb{display:block}
}

.cue-tabs{display:flex;gap:6px;margin:0 0 16px}.cue-tabs button{font:inherit;border:1px solid rgba(0,0,0,.14);background:transparent;padding:8px 15px;cursor:pointer}.cue-tabs button.active{background:#111;color:#fff;border-color:#111}
.cue-panel[hidden]{display:none!important}.cue-range{font-size:13px!important;line-height:1.35!important;text-align:center;text-transform:uppercase}


/* v1.2 compact row image treatment: image height always matches its event row */
.cue-list .cue-event-trigger{
  min-height:76px;
  grid-template-columns:68px minmax(0,1fr);
  align-items:stretch;
}
.cue-list .has-image .cue-event-trigger{
  grid-template-columns:68px minmax(0,1fr) 150px;
}
.cue-list .cue-date{
  min-height:76px;
}
.cue-list .cue-main{
  min-height:76px;
  padding:11px 16px;
}
.cue-list .cue-thumb{
  width:150px;
  min-height:0;
  height:auto;
  align-self:stretch;
  overflow:hidden;
}
.cue-list .cue-thumb img{
  display:block;
  width:100%;
  height:100%;
  min-height:100%;
  object-fit:cover;
  object-position:center;
}
@media (max-width:700px){
  .cue-list .cue-event-trigger,
  .cue-list .has-image .cue-event-trigger{
    grid-template-columns:58px minmax(0,1fr) 92px;
  }
  .cue-list .cue-thumb{
    display:block;
    width:92px;
  }
  .cue-list .cue-date,
  .cue-list .cue-main{
    min-height:70px;
  }
  .cue-list .cue-main{
    padding:9px 11px;
  }
}


/* v1.3: images appear only inside expanded modal details */
.cue-list .cue-event-trigger,
.cue-list .has-image .cue-event-trigger{
  grid-template-columns:68px minmax(0,1fr);
}
.cue-list .cue-thumb{display:none!important}
@media (max-width:700px){
  .cue-list .cue-event-trigger,
  .cue-list .has-image .cue-event-trigger{
    grid-template-columns:58px minmax(0,1fr);
  }
}
