.explorer-mobile-tools, .explorer-tool-icon { display: none; }
html[data-theme] .explorer .explorer-steps button + button { border-left: 1px solid var(--theme-line); }
@media (max-width: 760px) {
  .explorer.has-mobile-tools .explorer-stage-bar { grid-template-columns: 1fr; }
  .explorer.has-mobile-tools .explorer-steps { grid-column: 1 / -1; }
  .explorer.has-mobile-tools .explorer-steps button { min-height: 48px; font-size: clamp(10px, 2.9vw, 11px); letter-spacing: .04em; }
  .explorer.has-mobile-tools .explorer-navigation { gap: 8px; flex-wrap: wrap; }
  .explorer.has-mobile-tools .explorer-mobile-tools { display: flex; flex: none; align-items: center; gap: 4px; margin-right: auto; }
  html[data-theme] .explorer-mobile-tools :is(#explorer-learn-more, #explorer-reset) {
    display: grid;
    flex: none;
    place-items: center;
    width: 44px;
    height: 44px;
    min-height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--theme-muted);
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease;
  }
  .explorer-mobile-tools button > span { display: none; }
  .explorer-mobile-tools .explorer-tool-icon { display: block; width: 24px; height: 24px; }
  html[data-theme] .explorer-mobile-tools :is(#explorer-learn-more, #explorer-reset):hover { color: var(--theme-ink); background: var(--theme-surface); }
  html[data-theme] .explorer-mobile-tools :is(#explorer-learn-more, #explorer-reset):focus-visible { outline: 2px solid var(--theme-accent); outline-offset: 2px; }
  .explorer.has-mobile-tools .explorer-navigation #explorer-back { padding-inline: 8px; }
  .explorer.has-mobile-tools .explorer-navigation #explorer-next { margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme] .explorer-mobile-tools :is(#explorer-learn-more, #explorer-reset) { transition: none; }
}