/* Project heading and retained module tagline, approved 3 November 2026. */
/* Identical status labels on the two research-intent cards. */
.canvas.s35 .research-badge {
  width: max-content;
  height: auto;
  max-width: 100%;
  padding: 5px 10px;
  margin: 0;
  color: #fff;
  background: #2924e8;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: .015em;
  white-space: nowrap;
}
.canvas.s32 > .research-project-heading {
  line-height: 1.08;
  text-wrap: wrap;
}
.canvas.s32 > .research-project-heading > span {
  display: block;
}
.canvas.s32 > .research-project-tagline {
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.3;
}
@media (min-width: 901px) {
  .canvas.s32 { aspect-ratio: 800 / 544; }
  /* Keep original image proportions and hotspot coordinates. The extra row
     moves the artwork, tabs, details and closing baseline together. */
  .canvas.s32 .at { top: calc(var(--y) * .125cqw); }
  .canvas.s32 .at:not(.kicker):not(.research-project-heading):not(.research-project-tagline) {
    top: calc((var(--y) + 44) * .125cqw);
  }
  .canvas.s32 > .research-project-heading > span { white-space: nowrap; }
}
@media (max-width: 900px) {
  .canvas.s32 > .research-project-heading {
    font-size: clamp(28px, 7.2vw, 46px);
    margin-bottom: 0;
    overflow-wrap: normal;
  }
  .canvas.s32 > p.copy.research-project-tagline {
    font-size: clamp(18px, 4.5vw, 23px);
    line-height: 1.3;
  }
}

/* Solution disclosures participate in layout so opening either row moves
   subsequent cards and the iARNS section instead of covering their content. */
.canvas.s33 .native-detail .expanded-content {
  max-height: none;
  overflow: visible;
}
@media (min-width: 901px) {
  .canvas.s33 {
    aspect-ratio: auto;
    padding-top: 14.5%;
    padding-bottom: 1.5%;
  }
  .canvas.s33 > .at { top: calc(var(--y) * .125cqw); }
  .canvas.s33 .responsive-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 3.375cqw;
    row-gap: 1.25cqw;
    margin-inline: 3.875%;
  }
  .canvas.s33 .responsive-card {
    display: flex;
    flex-direction: column;
    align-self: start;
    min-width: 0;
  }
  .canvas.s33 .responsive-card[hidden] { display: none !important; }
  .canvas.s33 .responsive-card > .at {
    position: static;
    inset: auto;
    width: 100%;
    height: auto;
  }
  .canvas.s33 .responsive-card > .art {
    align-self: center;
    width: calc(var(--w) * .125cqw);
    max-width: 100%;
    height: 16.375cqw;
  }
  .canvas.s33 .responsive-card:nth-child(n+4) > .art { height: 13.25cqw; }
  .canvas.s33 .responsive-card > .art img { object-position: center bottom; }
  .canvas.s33 .responsive-card > .card-title {
    margin-top: .75cqw;
    font-size: 1.75cqw;
    line-height: 1.2;
  }
  .canvas.s33 .card-title .reference-line {
    position: static;
    display: inline;
    width: auto;
    line-height: inherit;
    white-space: normal;
  }
  .canvas.s33 .card-title .reference-ink {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    transform: none;
    white-space: normal;
  }
  .canvas.s33 .responsive-card > .native-detail { margin-top: .375cqw; }
  .canvas.s33 > .vertical-rule {
    top: 17.375cqw;
    bottom: 5.875cqw;
    height: auto;
  }
  .canvas.s33 > .section-note {
    position: static;
    width: auto;
    margin: 2.5cqw 3.75% 0;
  }
  .canvas.s33 > .rule {
    position: relative;
    inset: auto;
    width: 22.5%;
    margin: .9cqw 0 0 3.75%;
  }
  .canvas.s33 > .registration {
    top: auto;
    bottom: 3cqw;
  }
}