/* Exclusive to Associe-se. Native disclosures also work without JavaScript. */
.membership-options { align-items: start; }
.membership-options > .choice { min-width: 0; width: 100%; }
.membership-options .quota-details { width: 100%; margin: 0 0 24px; border-block: 1px solid var(--line); }
.quota-details summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 52px; padding: 14px 0; color: var(--blue); font-weight: 800; line-height: 1.35; cursor: pointer; list-style: none; }
.quota-details summary::-webkit-details-marker { display: none; }
.quota-details summary:hover { color: var(--orange-dark); }
.quota-chevron { flex: 0 0 20px; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform 180ms ease; }
.quota-details[open] .quota-chevron { transform: rotate(180deg); }
.quota-content { padding: 0 0 18px; }
.quota-content .quota-price { margin: 0; color: var(--blue); font-size: 1.6rem; }
.quota-tiers { list-style: none; padding: 0; margin: 0; }
.quota-tiers li { display: flex; flex-direction: column; gap: 4px; padding: 14px 0; line-height: 1.4; }
.quota-tiers li + li { border-top: 1px solid var(--line); }
.quota-tiers li:first-child { padding-top: 0; }
.quota-tiers li:last-child { padding-bottom: 0; }
.quota-tiers strong, .quota-amount { color: var(--blue); }
.membership-page .tight { overflow-wrap: anywhere; }
/* Older browsers retain the native disclosure without height animation. */
@supports (interpolate-size: allow-keywords) and (transition-behavior: allow-discrete) {
  .quota-details { interpolate-size: allow-keywords; }
  .quota-details::details-content { height: 0; overflow: hidden; opacity: 0; transition: height 180ms ease, opacity 180ms ease, content-visibility 180ms allow-discrete; }
  .quota-details[open]::details-content { height: auto; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.membership-page) { scroll-behavior: auto; }
  .quota-chevron { transition: none !important; }
  .quota-details::details-content { transition: none !important; }
}
/* Align closed disclosures despite descriptions of different lengths. */
@media (min-width: 981px) {
  .membership-options > .choice > p { min-height: 3em; }
}