/* Most3 display update03. Keep the /most2/ comparison styles unchanged.
   Added records use the existing In practice photo-title/disclosure system. */
#practice .case--additional {
  min-width: 0;
  border-top: 1px solid var(--ink);
}
#practice .case--additional:nth-child(even) {
  border-right: 1px solid var(--ink);
}
#practice .case--additional .case-title {
  min-height: clamp(16rem, 27vw, 26rem);
}
#practice .case--additional .case-title > h3 {
  margin-block: auto;
  font-size: 16cqi;
}
#practice .case--additional .case-context {
  align-items: center;
}
#practice .case-record > div > p + p:not(.record-credit) { margin-top: 1.5rem; }
#practice .case-award,
#initiatives .award-fact {
  font-size: .875rem;
  line-height: 1.5;
}
#practice .case-award a,
#initiatives .award-fact a,
#practice .case-credits a {
  text-decoration: underline;
  text-underline-offset: .2em;
}
#practice .case-credits,
#andbox .initiative-award-credits {
  margin: 1.5rem 0 0;
  font-size: .875rem;
}
#practice .case-credits dt,
#andbox .initiative-award-credits dt {
  margin-top: .8rem;
  color: #555;
}
#practice .case-credits dd,
#andbox .initiative-award-credits dd {
  margin: .3rem 0 0;
  overflow-wrap: anywhere;
}
#andbox .award-record {
  font-size: .875rem;
}
#andbox .award-record > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-block: .75rem;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  cursor: pointer;
  list-style: none;
}
#andbox .award-record > summary::-webkit-details-marker { display: none; }
#andbox .award-record[open] .disclosure { transform: rotate(45deg); }
#open-lab .most-openlab__caption {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 1rem;
  padding-top: .75rem;
  font-size: .875rem;
}
#open-lab .most-openlab__caption span:last-child { color: #c5c5c5; }
/* IQB detail only: remove automatic push-down and surplus hero height. */
.project-page #top .project-mark { min-height: 0; }
.project-page #top .project-mark > .main-display { flex: 0 1 auto; }
.project-page #top .project-mark > p { margin-top: 0; }
.project-page #top .project-intro .lead {
  margin-top: clamp(1rem, 2.5vw, 2.5rem);
}
@media (max-width: 540px) {
  #practice .case--additional:nth-child(even) { border-right: 0; }
}
/* Keep the recorded preview centered inside its existing host column. */
.most-openlab { margin-inline: auto; }

/* Restore 04's original header; its three brand rows are temporarily omitted. */

/* Photographs fill their title surfaces at every width; models stay contained. */
#practice .case-title--photo > .title-media,
.project-page .project-mark .main-slide img {
  object-fit: cover;
}
#practice .case-title--photo > .title-source {
  width: auto;
  background: none;
  color: #fff;
  text-shadow: 0 1px 4px rgb(0 0 0 / 85%);
}
#practice .case-title--photo > .title-source:hover { text-decoration: none; }

/* Title and recorded model share the first row; the explanation follows below. */
#open-lab .lab-body > .lab-title { gap: 1rem; }
#open-lab .lab-body > .most-openlab {
  grid-column: auto;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 1.5rem var(--gutter);
  align-self: center;
  border-top: 0;
}
#open-lab .most-openlab__frame,
#open-lab .most-openlab > figcaption {
  width: 100%;
  max-width: none;
  margin-inline: auto;
}
#open-lab .most-openlab > figcaption { flex-wrap: wrap; }
#open-lab .most-openlab .most-openlab__caption {
  flex: 1 1 18rem;
  padding-inline: 0;
}
#open-lab .most-openlab__controls { flex: 1 1 16rem; }
#open-lab .most-openlab__controls > .text-link {
  flex: 1;
  min-width: 0;
  padding-inline: .75rem;
  justify-content: space-between;
  overflow-wrap: anywhere;
}
#open-lab .lab-body > .lab-copy {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 1.5rem var(--gutter);
  gap: .75rem;
  border-top: 1px solid var(--light-line);
}
#open-lab .lab-copy > p { width: 100%; max-width: none; }