/*------------------------------------*\
    DISCLAIMER (details/summary)
    - Animated open/close panel.
    - NOTE: max-height is used as a practical animation approach.
  \*------------------------------------*/
  .disclaimer__details { font-size: .85rem; font-style: italic; }

  .disclaimer__summary {
    cursor: pointer;
    font-weight: 600;
    color: #666;
    padding: .5rem 0;
    transition: color .2s ease;
    outline: none;
  }

  .disclaimer__summary:hover,
  .disclaimer__summary:focus-visible { color: #222; }

  .disclaimer__content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    margin-top: 0;
    padding: 0 1.5rem;
    border: 1px solid transparent;
    border-radius: 8px;
    transition: max-height .4s ease-out, opacity .4s ease-out, padding .4s ease-out, margin-top .4s ease-out, border-color .4s ease;
    font-style: italic;
    color: #666;
  }

  .disclaimer__details[open] .disclaimer__content {
    max-height: 500px;
    opacity: 1;
    margin-top: 1rem;
    padding: 1rem 1.5rem;
    border-color: #ddd;
  }

  .disclaimer__content p { margin-bottom: 1rem; }
  .disclaimer__content p:last-of-type { margin-bottom: 0; }