/* Public product stories use the approved native layout and existing identity inks. */
.story-support { --story-ink: #0F854F; }
.story-datacenter { --story-ink: #923FCB; }
.story-devops { --story-ink: #2563EB; }
.story-s3rver { --story-ink: #155fca; }
.story-eyebrow { color: var(--story-ink); font-size: 13px; font-weight: 650; letter-spacing: .06em; margin: 0 0 18px !important; }
.product-story .product-feature-number { color: var(--story-ink); }
.product-story #features { scroll-margin-top: 150px; }
.story-screen > img { max-height: 580px; object-fit: cover; object-position: top; }
.story-band { padding: 64px 0 16px; background: #f8f9fb; margin: 0 0 64px; }
.story-related { display: inline-block; margin-top: 24px; }
.product-story .product-faq > h2 { margin-bottom: 28px; }
.story-app-mark { width: min(280px, 48vw); margin: 38px auto 0 !important; }
.story-app-mark img { width: 100%; height: auto; display: block; }
.story-app-mark figcaption { font-size: 13px; text-align: center; color: #606b79; margin-top: 20px; }
.story-s3rver .product-hero { padding-bottom: 8px; }
@media (max-width: 760px) {
  .story-screen > img { max-height: 370px; }
  .story-band { padding-top: 40px; margin-bottom: 40px; }
  .product-story .product-subnav nav { gap: 12px; }
  .product-story .product-subnav { padding-inline: 16px; }
  .product-story .product-subnav .product-name { font-size: 13px; }
  .product-story .product-subnav .product-name img { width: 24px; height: 24px; }
}