/* Component consumes baseline tokens; no duplicate numeric design parameters. */
.application-section[data-design-baseline="en-desktop-v1"] {
  max-inline-size: var(--jyh-scenario-grid-max-inline);
}
[data-design-baseline="en-desktop-v1"] .scenario-grid {
  gap: var(--jyh-space-card-gap);
}
[data-design-baseline="en-desktop-v1"] .section-heading h2 { font-size: var(--jyh-type-section); }
[data-design-baseline="en-desktop-v1"] .scenario-card {
  isolation: isolate;
  min-height: 0;
  padding: var(--jyh-space-card-padding);
  border-radius: var(--jyh-card-radius);
  border-color: var(--jyh-card-border);
  background: var(--jyh-card-surface);
  box-shadow: var(--jyh-card-shadow);
  color: var(--jyh-color-text);
  transition: border-color var(--jyh-motion-interaction) var(--jyh-motion-ease-interaction),
    box-shadow var(--jyh-motion-interaction) var(--jyh-motion-ease-interaction);
}
[data-design-baseline="en-desktop-v1"] .scenario-card-media {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: var(--jyh-card-media-aspect);
  height: auto;
  margin-bottom: var(--jyh-space-card-media-gap);
  border-radius: var(--jyh-card-radius);
  object-fit: cover;
  object-position: center;
  filter: var(--jyh-card-media-filter);
}
[data-design-baseline="en-desktop-v1"] .scenario-card > *:not(.scenario-card-media) {
  position: relative;
  z-index: 1;
}
[data-design-baseline="en-desktop-v1"] .scenario-card::before {
  z-index: 2;
  border-radius: calc(var(--jyh-card-radius) - 1px);
  animation: none;
  transition: opacity var(--jyh-motion-interaction) var(--jyh-motion-ease-interaction);
}
[data-design-baseline="en-desktop-v1"] .scenario-card h3 {
  font-size: var(--jyh-type-card-title); line-height: var(--jyh-line-card-title);
}
[data-design-baseline="en-desktop-v1"] .scenario-card-plasma-material-heating h3 {
  max-inline-size: none;
  white-space: nowrap;
  font-size: var(--jyh-type-card-title-condensed);
}
[data-design-baseline="en-desktop-v1"] .scenario-card-top {
  margin-bottom: var(--jyh-space-card-content-gap);
}
[data-design-baseline="en-desktop-v1"] .scenario-arrow { display: none; }
[data-design-baseline="en-desktop-v1"] .scenario-card > p {
  color: var(--jyh-color-muted);
  font-size: var(--jyh-type-card-body); line-height: var(--jyh-line-card-body);
}
/* Follow the existing three-column desktop breakpoint; leave narrower layouts stable. */
@media (min-width: 1101px) {
  [data-design-baseline="en-desktop-v1"] .scenario-card > p {
    min-block-size: var(--jyh-card-summary-min-block);
    min-height: var(--jyh-card-summary-min-block);
    margin-bottom: 0;
  }
  [data-design-baseline="en-desktop-v1"] .scenario-card > .scenario-link {
    margin-top: auto;
    padding-top: var(--jyh-space-card-action-gap);
  }
}
[data-design-baseline="en-desktop-v1"] .scenario-link span {
  transition: transform var(--jyh-motion-interaction) var(--jyh-motion-ease-interaction);
}
[data-design-baseline="en-desktop-v1"] .scenario-card:hover .scenario-link span,
[data-design-baseline="en-desktop-v1"] .scenario-card:focus-visible .scenario-link span {
  transform: translateX(var(--jyh-motion-arrow-distance));
}
@media (prefers-reduced-motion: reduce) {
  [data-design-baseline="en-desktop-v1"] .scenario-card,
  [data-design-baseline="en-desktop-v1"] .scenario-card::before,
  [data-design-baseline="en-desktop-v1"] .scenario-link span { transition: none; }
}