/* TOP events: approved 01 layout. No effect on event details or store cards. */
#homeEventList.coco-event-month-view { display:block; padding:0; background:transparent; border:0; box-shadow:none; outline:0; }
#homeEventList .coco-event-month-tabs { display:flex; gap:6px; overflow-x:auto; scrollbar-width:thin; padding:0 0 7px; margin:0 0 17px; max-width:100%; }
#homeEventList .coco-event-month-tabs button { flex:0 0 auto; min-width:72px; min-height:44px; padding:9px 13px; border:1px solid #b6c5bd; border-radius:0; background:transparent; color:#4b645b; font:inherit; font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap; }
#homeEventList .coco-event-month-tabs button[aria-pressed="true"] { background:#0f4e43; color:#fff; border-color:#0f4e43; box-shadow:inset 0 0 0 3px #0f4e43,inset 0 0 0 4px #c1b58c; }
#homeEventList .coco-event-month-tabs button:focus-visible, #homeEventList .coco-event-day > summary:focus-visible, #homeEventList a:focus-visible { outline:2px solid #c28b4a; outline-offset:3px; }
#homeEventList .coco-event-month-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; color:#143e35; font-size:12px; }
#homeEventList .coco-event-month-heading > span { color:#738178; font-size:11px; white-space:nowrap; }
#homeEventList .coco-event-day { border:0; border-top:1px solid #b9c9c1; background:transparent; margin:0; padding:0; }
#homeEventList .coco-event-day:last-child { border-bottom:1px solid #b9c9c1; }
#homeEventList .coco-event-day > summary { display:flex; align-items:center; gap:16px; min-height:60px; box-sizing:border-box; padding:13px 8px; color:#164f3e; list-style:none; cursor:pointer; }
#homeEventList .coco-event-day > summary::-webkit-details-marker { display:none; }
#homeEventList .coco-event-day > summary::marker { content:""; }
#homeEventList .coco-event-day > summary time { flex:1; min-width:0; font-size:15px; font-weight:700; line-height:1.6; }
#homeEventList .coco-event-weekday.is-saturday { color:#2264ab; }
#homeEventList .coco-event-weekday.is-sunday, #homeEventList .coco-event-weekday.is-holiday { color:#bf3737; }
#homeEventList .coco-event-day-count { font-size:12px; color:#6a7c71; white-space:nowrap; }
#homeEventList .coco-event-day-toggle { display:grid; place-items:center; width:24px; height:24px; color:#567b68; font-size:22px; font-weight:400; line-height:1; }
#homeEventList .coco-event-day-toggle::before { content:"＋"; }
#homeEventList .coco-event-day[open] > summary .coco-event-day-toggle::before { content:"−"; }
#homeEventList .coco-event-day[open] > summary { background:rgba(255,255,255,.18); }
#homeEventList .coco-event-day-panel { padding:0 8px 20px; }
#homeEventList .coco-event-day:not([open]) > .coco-event-day-panel { display:none; }
#homeEventList .coco-event-month-cards { display:grid; grid-template-columns:minmax(0,1fr); }
#homeEventList .coco-month-event-card { min-width:0; margin:0; border:0; border-top:1px solid #cad5ce; background:transparent; box-shadow:none; }
#homeEventList .coco-month-event-card:last-child { border-bottom:1px solid #cad5ce; }
#homeEventList .coco-month-event-link { display:grid; grid-template-columns:84px minmax(0,1fr) 12px; align-items:center; gap:16px; min-height:0; padding:18px 0; color:#143e35; text-decoration:none; background:transparent; }
#homeEventList .coco-month-event-link:hover { background:rgba(255,255,255,.2); }
#homeEventList .coco-month-event-photo { position:relative; display:grid; place-items:center; width:84px; height:84px; aspect-ratio:1; overflow:hidden; background:#dce6df; color:#74877b; }
#homeEventList .coco-month-event-photo img { display:block; width:100%; height:100%; object-fit:cover; }
#homeEventList .coco-month-event-placeholder { padding:4px; font-size:10px; letter-spacing:.02em; text-align:center; }
#homeEventList .coco-month-event-placeholder[hidden] { display:none; }
#homeEventList .coco-month-event-copy { display:grid; gap:7px; min-width:0; overflow-wrap:anywhere; }
#homeEventList .coco-month-event-copy time { color:#9a6d42; font-size:12px; font-weight:700; line-height:1.6; }
#homeEventList .coco-month-event-copy > strong { font-size:16px; font-weight:700; line-height:1.5; }
#homeEventList .coco-month-event-venue { color:#6a7c71; font-size:11px; line-height:1.5; }
#homeEventList .coco-month-event-tags { display:flex; flex-wrap:wrap; gap:5px; min-width:0; }
#homeEventList .coco-month-event-tags > span { max-width:100%; padding:2px 6px; font-size:9px; line-height:1.5; background:#e1e8df; color:#506b59; }
#homeEventList .coco-month-event-arrow { color:#6b8a79; font-size:23px; }
#homeEventList .coco-month-event-dates { margin:0 0 15px 100px; color:#527263; font-size:11px; }
#homeEventList .coco-month-event-dates summary { cursor:pointer; min-height:28px; }
#homeEventList .coco-month-event-dates ul { padding:0; margin:5px 0; list-style:none; }
#homeEventList .coco-month-event-dates a { display:block; padding:8px 0; color:inherit; text-underline-offset:3px; }
#homeEventList .coco-event-month-empty { grid-column:1/-1; color:#6a7c71; padding:20px 0; font-size:13px; }
.coco-home-event-lead { margin:0 0 22px; font-size:13px; color:#60756d; }
@media(min-width:900px) {
  #homeEventList .coco-event-month-cards { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:35px; }
  #homeEventList .coco-month-event-card:nth-last-child(2):nth-child(odd) { border-bottom:1px solid #cad5ce; }
}
@media(max-width:620px) {
  #homeEventList .coco-event-day > summary { min-height:56px; padding:12px 4px; gap:12px; }
  #homeEventList .coco-event-day > summary time { font-size:14px; }
  #homeEventList .coco-event-day-panel { padding-inline:0; }
  #homeEventList .coco-event-month-tabs { gap:4px; margin-bottom:16px; }
  #homeEventList .coco-event-month-tabs button { font-size:11px; min-width:68px; padding:8px 10px; }
  #homeEventList .coco-month-event-link { grid-template-columns:76px minmax(0,1fr) 9px; gap:12px; padding:17px 0; }
  #homeEventList .coco-month-event-photo { width:76px; height:76px; }
  #homeEventList .coco-month-event-copy { gap:6px; }
  #homeEventList .coco-month-event-copy > strong { font-size:14px; }
  #homeEventList .coco-month-event-copy time { font-size:11px; }
  #homeEventList .coco-month-event-venue { font-size:10px; }
  #homeEventList .coco-month-event-tags > span { font-size:8px; padding:2px 5px; }
  #homeEventList .coco-month-event-dates { margin-left:88px; }
}