/* Native disclosure keeps event copy in its card, including without JavaScript. */
.board-site.profile-restaurant .event-disclosure { height: 100%; color: #151513; background: #f2cc40; }
.event-summary { padding: clamp(20px, 3vw, 40px); cursor: pointer; list-style: none; }
.event-summary::-webkit-details-marker { display: none; }
.event-summary:focus-visible { outline: 3px solid #151513; outline-offset: -7px; }
.board-site.profile-restaurant .board-grid .event-summary .tile-title { font-size: clamp(44px, 8vw, 128px); line-height: .95; margin: 0 0 12px; }
.board-site.profile-restaurant .board-grid .event-summary .event-date { display: block; font-size: clamp(36px, 6vw, 88px); font-weight: 800; line-height: 1; margin: 0; }
.event-toggle { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 24px; font-size: 15px; font-weight: 600; }
.event-toggle-close { display: none; }
.event-toggle-icon { position: relative; display: block; flex: 0 0 28px; width: 28px; height: 28px; border: 2px solid currentColor; border-radius: 50%; }
.event-toggle-icon::before, .event-toggle-icon::after { content: ''; position: absolute; inset: 11px 5px auto; height: 2px; background: currentColor; }
.event-toggle-icon::after { transform: rotate(90deg); }
.event-disclosure[open] .event-toggle-open, .event-disclosure[open] .event-toggle-icon::after { display: none; }
.event-disclosure[open] .event-toggle-close { display: inline; }
.event-description { padding: 0 clamp(20px, 3vw, 40px) clamp(20px, 3vw, 40px); }
.board-site.profile-restaurant .board-grid .event-description p { max-width: 62ch; border-top: 2px solid #151513; padding-top: 24px; margin-bottom: 12px; font-size: clamp(18px, 2vw, 22px); line-height: 1.5; }
.board-site.profile-restaurant .board-grid .event-description .tile-link { padding: 12px 20px; margin-top: 8px; color: #f2cc40; background: #151513; font-size: 18px; text-decoration: none; border: 2px solid #151513; }
.event-description .tile-link:hover { text-decoration: underline; }
@media (max-width: 600px) {
  .board-site.profile-restaurant .board-grid .event-summary .tile-title { font-size: clamp(36px, 11vw, 64px); }
  .board-site.profile-restaurant .board-grid .event-summary .event-date { font-size: clamp(32px, 10vw, 56px); }
  .event-toggle { margin-top: 18px; }
}