/* Product links, supplied value artwork and owner-requested equal DCC panels.
   The canonical Combat PRO layout stylesheet is byte-for-byte unchanged. */
.feature-card[href], .generator-card[href], .fact-card[href], .stat-panel[href] { color: inherit; text-decoration: none; }
.feature-card[href]:hover h3, .generator-card[href]:hover h3 { text-decoration: underline; text-underline-offset: 4px; }
.value-banner { margin: 0 0 30px; padding: 10px; border-radius: 30px; }
.value-banner img { width: 100%; height: auto; border-radius: 21px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (min-width: 1041px) {
  #dcc .dcc-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* The image defines the row height: never stretch its box around taller copy. */
#dcc .dcc-image { min-height: 0; padding: 0; display: block; aspect-ratio: 16 / 9; }
#dcc .dcc-image img { width: 100%; height: auto; aspect-ratio: 16 / 9; }
#dcc .dcc-copy { min-height: 0; padding: 24px; }
#dcc .dcc-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 14px 0 18px; }
#dcc .dcc-steps span { min-height: 34px; padding: 6px 8px; font-size: .875rem; }
.hero-image { padding: 0; display: block; min-height: 0; align-self: start; aspect-ratio: auto; }
.hero-image img { width: 100%; height: auto; aspect-ratio: auto; }
.hero-copy { padding: 24px; min-height: 0; }
.hero-copy h1 { font-size: clamp(2rem, 2.8vw, 2.7rem); }
.hero-copy .hero-lede { font-size: 1.05rem; }
.hero-copy .action-row { margin-top: 18px; }
.story-visual img[src^="assets/screens/"] { aspect-ratio: auto; }
@media (min-width: 1041px) and (max-width: 1220px) {
  .main-nav a { padding-inline: 6px; }
  #dcc .dcc-copy { padding: 16px; }
  #dcc .dcc-copy .eyebrow { margin-bottom: 6px; }
  #dcc .dcc-copy h2 { margin-bottom: 10px; }
  #dcc .dcc-steps { margin: 10px 0 12px; }
}

/* Owner standard applies to every full visible bitmap. */
.story-visual img, .generator-card img { aspect-ratio: auto; }