/* Inner pages: a section tint groups content; a card tint identifies a choice. */
main > #selection.selection-band {
  margin-block-start: 0;
  background: #fff;
}
#selection.selection-band .intent:not([aria-pressed="true"]),
#selection.selection-band .v-method:not([aria-pressed="true"]) {
  background-color: #eff2f5;
}
#selection.selection-band .v-count { background-color: #e3e8ee; }
#selection.selection-band :is(.intent,.v-method):focus-visible {
  outline: 3px solid var(--navy);
  outline-offset: 3px;
}
@media (hover:hover) and (pointer:fine) {
  #selection.selection-band :is(.intent,.v-method):not([aria-pressed="true"]):hover {
    background-color: #e5eaf0;
  }
}
/* Equipment and photography sit directly on the page surface. */
#selection.selection-band + :is(#systems,#models) { padding-top: 0; }
:is(#systems,#models) :is(.model-card,.v-card) { background: transparent; }
:is(#systems,#models) :is(.model-photo,.v-card-photo) {
  background: transparent;
  border-radius: 3px;
}
:is(#systems,#models) :is(.model-content,.v-card-body) {
  padding-inline: clamp(8px,1.2vw,18px);
}
:is(#systems,#models) :is(.models-grid,.v-cards) { row-gap: clamp(32px,3.5vw,52px); }

/* The link to the catalogue has a surface of its own, next to a distinct contact section. */
main > :is(#downloads.downloads-panel,#documents.v-section.tint) {
  background: #fff;
  box-shadow: none;
  clip-path: none;
  padding-block-start: clamp(10px,1.5vw,22px);
}
main > :is(#downloads,#documents) :is(.download-tile,.v-inline-doc) { background-color: var(--page-card); }
main > :is(#downloads,#documents) + :is(.product-contact,.v-cta) { margin-block-start: 0; }
@media (hover:hover) and (pointer:fine) {
  main > :is(#downloads,#documents) :is(.download-tile,.v-inline-doc):hover { background-color: #e5eaf0; }
}
/* On the single-model EBL page the table already organizes the specifications. */
main > #parameters.v-section.tint:has(+ #selection) {
  background: #fff;
  padding-block-start: clamp(12px,2vw,28px);
}
main > #parameters.v-section.tint + #selection:has(.v-actions) { margin-block-start: 0; }

/* Keep catalogue shortcuts and section headings on the surrounding surface. */
.catalog-lead .shortcuts .shortcut,
.catalog-lead .short-photo,
.directory .method-group,
.directory .method-group h3,
.directory .method-group a:hover { background: transparent; }

@media (max-width: 540px) {
  #selection.selection-band .intent { min-height: 0; padding: 16px; }
  #selection.selection-band .intent .intent-desc { margin-block: 7px 10px; }
}
/* A model is one native link; an inquiry remains its own action. */
[data-open-model] {
  position: relative;
  isolation: isolate;
}
[data-open-model] .model-open {
  display: inline-flex;
  align-items: baseline;
  gap: .5em;
  color: var(--navy);
  text-decoration: none;
}
.model-open::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
}
.model-arrow {
  align-self: center;
  color: #56607d;
  font: 500 .7em/1 Arial, sans-serif;
}
[data-open-model] .card-proposal {
  position: relative;
  z-index: 2;
}
[data-open-model]:has(.model-open:focus-visible) {
  outline: 2px solid var(--navy);
  outline-offset: 3px;
}
[data-open-model] .model-open:focus-visible { outline: 0; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .model-arrow { transition: transform var(--ui-motion); }
  [data-open-model]:hover:not(:has(.card-proposal:hover)) .model-arrow { transform: translateX(3px); }
}