/* Shared by the model pages and API console. Based on the existing API buttons. */
html { scrollbar-gutter: stable; }
body.model-product-page,
body.open-platform-page { --product-nav-inset: clamp(20px, 4.4vw, 76px); }
body.model-product-page .review-topbar,
body.open-platform-page .platform-topbar-inner { padding-inline: var(--product-nav-inset) !important; }
body.open-platform-page .platform-topbar { height: 82px; min-height: 82px; }
body .product-page-actions {
  display: flex; align-items: center; justify-content: flex-end; gap: 10px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
}
body .product-page-actions > a {
  box-sizing: border-box; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 36px !important; padding: 0 14px !important;
  border: 1px solid rgba(48, 43, 36, 0.14) !important;
  border-radius: 8px !important; background: rgba(255, 255, 255, 0.72) !important;
  color: #11100f !important; font-family: inherit;
  font-size: 13px !important; font-weight: 800 !important; line-height: 1.5 !important;
  white-space: nowrap; text-decoration: none; box-shadow: none !important;
  transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}
body .product-page-actions > a:first-of-type { width: 116px; }
body .product-page-actions > a:nth-of-type(2) { width: 72px; }
body .product-page-actions > a:nth-of-type(3) { width: 86px; }
body .product-page-actions > a:hover {
  border-color: rgba(201, 111, 76, 0.36) !important;
  background: #fff !important; color: #7b3a22 !important; text-decoration: none;
}
body .product-page-actions > .product-guide-action {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto; min-height: 36px; margin-right: 12px; padding: 0 2px;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  color: #6c685f; font: inherit; font-size: 13px; font-weight: 400; white-space: nowrap;
  cursor: pointer;
}
body .product-page-actions > .product-guide-action:hover {
  color: #242320; background: transparent; box-shadow: none;
  text-decoration: underline; text-underline-offset: 4px;
}
body .product-page-actions > [hidden] { display: none !important; }
body .product-page-actions > :focus-visible { outline: 2px solid #706b60; outline-offset: 3px; }

@media (max-width: 1160px) {
  body.open-platform-page .platform-topbar-inner { align-items: flex-start; padding-top: 12px; }
}
@media (max-width: 600px) {
  body .product-page-actions { gap: 6px !important; }
  body .product-page-actions > a {
    padding-inline: 9px !important;
    font-size: 12px !important;
  }
  body .product-page-actions > a:first-of-type { width: 108px; }
  body .product-page-actions > a:nth-of-type(2) { width: 64px; }
  body .product-page-actions > a:nth-of-type(3) { width: 76px; }
  body.model-product-page .review-actions { flex-wrap: wrap; }
  body .product-page-actions > .product-guide-action {
    order: 1; width: 100%; min-height: 28px; margin: 0; justify-content: flex-end;
  }
}