/* Readable chrome and reachable controls at narrow widths. No overflow hiding:
   oversize content must wrap or scroll inside its own explicit code/table region. */
.navbar .brand-sub,
.stoa-footer .footer-sub,
.stoa-footer .footer-heading { font-size: .875rem; }
nav.stoa-navbar .navbar-nav .nav-link { font-size: .875rem; }
nav.stoa-navbar .navbar-nav .btn,
.stoa-footer .btn,
[id^="analytics-consent"] .btn { font-size: .875rem; }
.navbar-brand { min-height: 44px; align-items: center; }
.btn, button, select, summary { min-height: 44px; }
input[type="range"] { min-height: 44px; }
.docs-nav-link { min-height: 44px; display: flex; align-items: center; }
.docs-sidebar-title > a { display: inline-flex; align-items: center; min-height: 44px; }
.docs-code-block:has(> .docs-copy-btn) pre,
#api-guide .docs-code-block:has(> .docs-copy-btn) pre { padding-top: 3.6rem !important; }
.swagger-ui button,
.swagger-ui .models-control { min-width: 44px; min-height: 44px !important; }
.stoapack-viewer__live {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.swagger-ui a.nostyle,
.swagger-ui .info .link { display: inline-flex; align-items: center; min-height: 44px; }
/* Scalar previews otherwise silently truncate parameter/schema text on phones. */
.scalar-api-reference .truncate,
.scalar-api-reference .property-collapsed-preview {
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
}
@media (max-width: 600px) {
  .scalar-api-reference button,
  .scalar-api-reference select { min-width: 44px; min-height: 44px; }
  .scalar-api-reference .schema-card-title.schema-card-title--compact { min-height: 44px !important; }
  .scalar-api-reference a { min-height: 44px; }
  .scalar-api-reference .download-container.download-both {
    display: flex; flex-direction: column; gap: .5rem;
  }
  .scalar-api-reference .download-container.download-both .download-button {
    position: static !important;
    width: 100% !important;
    max-width: 100%;
    transform: none !important;
    overflow: visible;
    white-space: normal;
  }
  .scalar-api-reference .download-button .extension { display: inline-flex !important; }
}
.stoa-footer li > a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 600px) {
  .navbar a, .docs-mobile-toggle { min-height: 44px; }
  .navbar-brand { padding-top: .5rem; padding-bottom: .5rem; }
}