.calendar-disclosure { margin-top: 44px; }
.calendar-disclosure__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  width: fit-content;
  max-width: 100%;
  min-height: 58px;
  margin-inline: auto;
  padding: 13px 25px;
  border: 1px solid #987347;
  color: #50391f;
  background: transparent;
  font-family: var(--serif);
  font-size: 27px;
  font-weight: 500;
  line-height: 1.15;
  list-style: none;
  cursor: pointer;
}
.calendar-disclosure__toggle::-webkit-details-marker { display: none; }
.calendar-disclosure__toggle:hover { background: #eee5d3; }
.calendar-disclosure__toggle:focus-visible { outline: 2px solid #805b31; outline-offset: 5px; }
.calendar-disclosure__hide { display: none; }
.calendar-disclosure[open] .calendar-disclosure__show { display: none; }
.calendar-disclosure[open] .calendar-disclosure__hide { display: inline; }
.calendar-disclosure__icon { position: relative; width: 16px; height: 16px; flex: 0 0 16px; }
.calendar-disclosure__icon::before,
.calendar-disclosure__icon::after { content: ""; position: absolute; background: currentColor; }
.calendar-disclosure__icon::before { width: 16px; height: 1px; left: 0; top: 7px; }
.calendar-disclosure__icon::after { width: 1px; height: 16px; top: 0; left: 7px; }
.calendar-disclosure[open] .calendar-disclosure__icon::after { display: none; }
.calendar-disclosure .tango-calendar { margin-top: 32px; }

@media (max-width: 700px) {
  .calendar-disclosure { margin-top: 30px; }
  .calendar-disclosure__toggle { gap: 16px; padding-inline: 16px; font-size: 23px; }
  .calendar-disclosure .tango-calendar { margin-top: 28px; }
}