.events-section{margin:36px 5% 30px;padding:26px 24px;background:#fff;border-top:2px solid var(--teal);scroll-margin-top:20px}
.events-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.events-heading .eyebrow{color:var(--teal-dark);letter-spacing:.1em}
.events-heading h2{margin:8px 0 0;color:var(--pink);font-size:28px;line-height:1.45}
.events-heading h2:focus{outline:none}
.events-heading>p{font-family:'Noto Sans JP',sans-serif;font-weight:400;font-size:14px;margin:0;color:var(--teal-dark)}
.event-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.event-card{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #b7d8d0;border-radius:20px;background:#fff}
.event-date{color:var(--teal-dark);font-size:19px;font-weight:700;line-height:1.5}
.event-card h3{margin:7px 0 12px;font-size:21px;line-height:1.5;color:var(--ink)}
.event-card p{font-family:'Noto Sans JP',sans-serif;font-size:14px;line-height:1.8}
.event-time,.event-venue{display:flex;gap:8px;margin:0 0 7px}
.event-time .ui-icon,.event-venue .ui-icon{width:16px;height:18px;flex-shrink:0;margin-top:4px;color:var(--teal-dark)}
.event-card .event-time{margin-top:5px}
.event-card .event-venue{margin-bottom:16px}
.event-detail-button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;margin-top:auto;padding:10px 15px;border:1px solid var(--teal);border-radius:99px;background:var(--yellow);font:700 16px/1.4 var(--round-font);color:var(--ink);cursor:pointer;box-shadow:0 3px 0 #accfc4}
.event-detail-button:active{transform:translateY(2px);box-shadow:inset 0 2px 3px #365c3826}
.event-detail-button .ui-icon{width:18px;height:18px}
.event-onsen{margin-top:17px;padding-top:14px;border-top:1px solid #e1ece7}
.event-onsen>span{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--teal-dark);font-weight:700}
.event-onsen>span .ui-icon{width:19px;height:19px;color:var(--pink)}
.event-onsen>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.event-onsen button{display:flex;align-items:center;gap:6px;min-height:40px;padding:7px 11px;border:1px solid #bfdad1;border-radius:12px;background:#f4faf6;font:700 14px/1.4 var(--round-font);color:var(--ink);cursor:pointer}
.event-onsen button .ui-icon{width:12px;height:12px}
.events-note{margin:18px 0 0;font:400 12px/1.8 'Noto Sans JP',sans-serif;color:#60756e}
.event-photo{width:100%;height:230px;object-fit:contain;margin-bottom:16px;border-radius:12px;background:#f4f8f5}
.event-empty{grid-column:1/-1;padding:16px;font-size:16px;line-height:1.8}
.detail-events{margin-top:24px;padding-top:20px;border-top:1px solid #cfe1da}
.detail-events h3{font-size:20px;margin:0 0 10px;color:var(--pink)}
.detail-events p{font:400 15px/1.8 'Noto Sans JP',sans-serif}
.detail-events button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px;border:1px solid var(--teal);border-radius:99px;background:var(--yellow);font:700 16px var(--round-font);color:var(--ink);cursor:pointer}
.detail-events .ui-icon{width:16px;height:16px}
@media(min-width:1500px){.events-section{max-width:1450px;margin-left:auto;margin-right:auto}}
@media(min-width:701px) and (max-width:1050px){.event-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .events-section{margin:28px 5%;padding:22px 14px}
 .events-heading{display:block;margin-bottom:16px}.events-heading h2{font-size:24px}.events-heading>p{margin-top:9px;font-size:14px}
 .event-cards{grid-template-columns:1fr;gap:14px}.event-card{padding:18px 16px}
 .event-card h3{font-size:21px}.event-card p{font-size:15px}.event-date{font-size:20px}
 .event-onsen button{font-size:14px;min-height:42px}.events-note{font-size:12px}
}

.event-card h3>span{display:inline-block;max-width:100%}

/* The event dialog uses the same readable Noto Sans JP as facility details. */
#event-detail{width:min(720px,calc(100% - 32px));padding:32px;max-height:calc(100dvh - 32px)}
#event-detail .eyebrow{margin:0 48px 10px 0;color:var(--teal-dark)}
.event-detail-genres{color:var(--teal-dark);font-size:14px;margin:0 44px 8px 0}
#event-detail h2{padding-right:32px;margin:0 0 20px;font-size:28px;line-height:1.5}
.event-detail-summary{font:400 16px/1.9 'Noto Sans JP',sans-serif;margin:0 0 22px}
#event-detail dl{margin-bottom:24px}
#event-detail dd{font-size:16px;overflow-wrap:anywhere}
#event-detail .event-onsen{margin:24px 0}
.event-detail-source{padding-top:20px;border-top:1px solid #cfe1da;color:#536e65}
.event-detail-source p{margin:8px 0;font:400 14px/1.8 'Noto Sans JP',sans-serif}
.event-detail-source a{font-size:14px;text-underline-offset:3px}
.event-detail-source .ui-icon{width:13px;height:13px}
.event-image-link{display:block;margin:0 0 20px}
.event-detail-photo{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:auto;border-radius:12px}
@media(max-width:700px){
 #event-detail{padding:26px 20px}
 #event-detail h2{font-size:23px}
 #event-detail dl>div{grid-template-columns:68px minmax(0,1fr);gap:10px}
 #event-detail dt{font-size:15px}#event-detail dd{font-size:16px}
 #event-detail .action{font-size:15px}
}

#event-detail h2>span{display:inline-block;max-width:100%}

/* Event overlay control stays outside the map, keeping the canvas clear. */
.event-map-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0;padding:10px 2px;cursor:pointer;color:var(--teal-dark);font:700 15px/1.5 var(--round-font);position:relative}
.event-map-toggle>span:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.event-map-toggle .ui-icon{width:19px;height:19px}
.event-map-toggle small{font-size:13px;font-weight:500}
.event-map-toggle input{position:absolute;right:0;width:46px;height:28px;opacity:0;cursor:pointer;margin:0}
.event-toggle-track{flex:0 0 46px;height:28px;border:1px solid #82b5ad;border-radius:30px;background:#e6efeb;pointer-events:none;position:relative}
.event-toggle-track::after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;background:white;border-radius:50%;box-shadow:0 1px 3px #345e5933;transition:transform .15s}
.event-map-toggle input:checked+.event-toggle-track{background:var(--yellow);border-color:var(--teal-dark)}
.event-map-toggle input:checked+.event-toggle-track::after{transform:translateX(18px);background:var(--teal-dark)}
.event-map-toggle input:focus-visible+.event-toggle-track{outline:3px solid var(--pink);outline-offset:3px}
.event-map-toggle:has(input:disabled){opacity:.55;cursor:default}
.event-map-pin{font-family:var(--round-font);color:var(--ink);text-align:center}
.event-pin-symbol{position:relative;display:grid;place-items:center;width:46px;height:46px;margin:0 auto;background:var(--yellow);border:2px solid var(--teal-dark);border-radius:15px 15px 15px 3px;transform:rotate(-12deg);box-shadow:0 2px 0 #345e5933}
.event-pin-symbol>.ui-icon{width:25px;height:25px;transform:rotate(12deg)}
.event-pin-symbol>b{position:absolute;right:-8px;top:-8px;display:grid;place-items:center;min-width:22px;height:22px;background:var(--teal-dark);border:2px solid white;border-radius:50%;color:white;font:700 12px/1 'Noto Sans JP',sans-serif;transform:rotate(12deg)}
.event-map-pin>span{display:inline-block;padding:1px 7px;margin-top:4px;border-radius:8px;background:white;color:var(--teal-dark);font-size:12px;font-weight:700;white-space:nowrap}
.event-map-pin:focus-visible{outline:3px solid var(--pink);border-radius:12px}
.event-map-popup{font-family:'Noto Sans JP',sans-serif;color:var(--ink)}
.event-map-popup .event-popup-heading{font-size:14px;font-weight:700;line-height:1.6;margin:0 12px 3px 0}
.event-map-popup .event-popup-note{font-size:11px;color:#60756e;margin:0 0 10px}
.event-map-popup button{display:block;width:100%;text-align:left;border:0;border-top:1px solid #d8e7e2;background:white;color:var(--ink);padding:10px 0;cursor:pointer;font:400 13px/1.6 'Noto Sans JP',sans-serif}
.event-map-popup button>span:first-child{color:var(--teal-dark);font-weight:700}
.event-map-popup strong{display:block;font-size:15px;line-height:1.6;margin:3px 0}
.event-popup-detail{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--teal-dark);text-decoration:underline}
.event-popup-detail .ui-icon{width:13px;height:13px}
@media(max-width:700px){.event-map-toggle{margin-top:8px;font-size:14px;padding:7px 0}.event-map-toggle small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.event-toggle-track::after{transition:none}}
/* Reset the existing facility-popup button decoration for multi-event rows. */
.leaflet-popup .event-map-popup button{border-radius:0;box-shadow:none;margin:0;min-height:0;transform:none}
.event-map-popup .event-popup-heading{font-size:13px}

/* Dates and provenance share a compact row in both information dialogs. */
.source-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font:400 12px/1.8 'Noto Sans JP',sans-serif;color:#536e65}
.source-meta-row>span{white-space:nowrap}
.source-meta-links{display:inline-flex;align-items:center;gap:10px}
.source-meta-row a,.event-detail-source .source-meta-row a{font:inherit;white-space:nowrap;text-underline-offset:3px;display:inline-flex;align-items:center;gap:3px}
.source-meta-row .ui-icon{width:10px;height:10px}
@media(max-width:360px){.source-meta-row{font-size:11px;gap:5px}.source-meta-links{gap:6px}}
@media(max-width:360px){#info .source-meta-row{margin-left:-14px;margin-right:-14px}}

.events-intro{font:400 15px/1.8 'Noto Sans JP',sans-serif;color:var(--ink);margin:9px 0 0}.events-heading>p{flex-shrink:0}.events-footer{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 18px;margin-top:16px}.events-footer .events-note{margin:0}.event-archive-link{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:14px;font-weight:700;color:var(--teal-dark);text-underline-offset:4px;white-space:nowrap}.event-archive-link .ui-icon{width:14px;height:14px}.event-detail-genres+.archive-status{margin-bottom:8px}
@media(max-width:700px){.events-intro{font-size:14px}.events-heading>p{margin-top:9px}}