/* Plain sections are the fallback; enhancement hides inactive panels only on screen. */
.site-page .install-alternatives { margin: 1rem 0; }
.site-page .install-alternatives pre { max-width: 100%; overflow-x: auto; box-sizing: border-box; }
.install-tab-bar { display: none; }
@media screen {
  .tabs-ready .install-tab-bar { display: flex; gap: 0.25rem; border-bottom: 1px solid #b8c6d1; }
  .install-tab-bar button {
    font: inherit;
    color: #205f91;
    background: #f3f5f7;
    border: 1px solid transparent;
    border-radius: 0.3rem 0.3rem 0 0;
    padding: 0.6rem 1rem;
    cursor: pointer;
  }
  .install-tab-bar button[aria-selected="true"] {
    color: #202833;
    background: #e2edf6;
    border-color: #b8c6d1;
    border-bottom: 3px solid #205f91;
    font-weight: 600;
  }
  .install-tab-bar button:focus-visible, .tabs-ready > section:focus-visible {
    outline: 2px solid #205f91; outline-offset: 2px;
  }
  .tabs-ready > section { display: none; padding: 1rem 0 0; }
  .tabs-ready > section.is-selected { display: block; }
  .tabs-ready > section > h4 { display: none; }
}