/* Shared "API Studio" top menu */
.apistudio-nav { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 0 16px; min-height: 46px; background: #0b1220; color: #fff; position: sticky; top: 0; z-index: 30; border-bottom: 1px solid #1f2937; font: 14px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.apistudio-nav a { color: #cbd5e1; text-decoration: none; }
.apistudio-nav .asn-brand { font-weight: 800; font-size: 16px; color: #fff; margin-right: 12px; padding: 10px 0; }
.apistudio-nav .asn-tabs { display: flex; gap: 4px; align-self: stretch; }
.apistudio-nav .asn-tabs a { display: flex; align-items: center; padding: 0 14px; border-bottom: 3px solid transparent; font-weight: 500; }
.apistudio-nav .asn-tabs a:hover { color: #fff; background: #111a2e; }
.apistudio-nav .asn-tabs a.active { color: #fff; font-weight: 700; border-bottom-color: #818cf8; background: #111a2e; }
.apistudio-nav .asn-right { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.apistudio-nav .asn-toggle { display: none; margin-left: auto; background: none; border: 1px solid #374151; color: #fff; border-radius: 8px; font-size: 18px; padding: 2px 10px; cursor: pointer; }
/* pages that keep their own header below the menu */
.apistudio-nav ~ .topbar { top: 46px; }

@media (max-width: 720px) {
  .apistudio-nav { padding: 0 12px; }
  .apistudio-nav .asn-toggle { display: block; }
  .apistudio-nav .asn-tabs { display: none; flex-direction: column; width: 100%; order: 5; padding-bottom: 8px; }
  .apistudio-nav.open .asn-tabs { display: flex; }
  .apistudio-nav .asn-tabs a { padding: 10px 12px; border-bottom: 0; border-left: 3px solid transparent; border-radius: 4px; }
  .apistudio-nav .asn-tabs a.active { border-left-color: #818cf8; }
  .apistudio-nav .asn-right { margin-left: 0; order: 4; }
  .apistudio-nav ~ .topbar { position: static; }
}