/* Mobile Explore result-list progressive disclosure. */

.mobile-explore-toggle {
  display: none;
}

@media (max-width: 720px) {
  body[data-mobile-view="explore"] .mobile-explore-toggle:not([hidden]) {
    display: flex;
    width: calc(100% - 24px);
    min-height: 46px;
    align-items: center;
    justify-content: center;
    margin: 2px 12px 18px;
    padding: 0 14px;
    border: 1px solid var(--ui-line, #c9dce4);
    border-radius: 12px;
    background: var(--ui-panel, #fbfdff);
    color: var(--ui-blue-deep, #0f4f67);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
  }

  body[data-mobile-view="explore"] .mobile-explore-toggle:focus-visible {
    outline: 3px solid rgba(23, 111, 143, 0.25);
    outline-offset: 2px;
  }
}