/* V7 uses the approved linear blocks. Existing archive controls keep their roles. */
.linear-demo .block-image .single-image { padding-right: var(--mat-offset); padding-bottom: var(--mat-offset); }
.linear-demo .block-image .single-image > img { box-shadow: var(--mat); }
.single-image.cover > img { aspect-ratio: 16 / 9; object-fit: cover; object-position: center 52%; }
.single-image.cover[data-cover-for="career-consultation"] > img { object-position: center 40%; }
.single-image.cover:is([data-cover-for="slash-career"],[data-cover-for="art-wellbeing"]) > img { object-position: center bottom; }
.single-image.poster { max-width: 34rem; margin-inline: auto; }
.linear-demo .block-image .single-image.partner { padding: 0; }
.linear-demo .block-image .single-image.partner > img { max-width: 12rem; box-shadow: none; }
.single-image.banner > img { height: 18rem; object-fit: cover; }
.related-text a > span { margin: 0; }
.block-action .button { min-height: 2.75rem; }
.block-metadata .article-category { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.article-category a { min-height: 2.75rem; display: inline-flex; align-items: center; font-weight: 700; }
.archive-categories { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.archive-categories a { display: inline-flex; align-items: center; min-height: 3rem; padding: var(--space-3) var(--space-4); background: var(--color-quiet); border-radius: var(--frame-radius); text-decoration: none; font-weight: 700; }
.archive-categories a[aria-current] { color: var(--color-paper); background: var(--color-ink); }
.archive-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-4); }
.archive-controls label { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.archive-controls select { min-height: 3rem; padding: var(--space-2) var(--space-4); border: 1px solid var(--color-ink); border-radius: var(--frame-radius); background: var(--color-paper); }
.event-list,.event-record { display: block; }
.event-record { padding: var(--space-5); background: var(--color-quiet); border-radius: var(--frame-radius); }
.event-record + .event-record { margin-top: var(--space-5); }
.event-record[hidden] { display: none; }
.linear-demo .event-record > img { width: 100%; height: auto; max-height: 26rem; object-fit: contain; }
.event-record > div { margin-top: var(--space-5); }
.event-record h2 { font-size: var(--type-subheading-strong); line-height: 1.5; margin-block: var(--space-2) var(--space-3); }
.event-record .button { margin-top: var(--space-5); }
.block-reviews .feedback { padding: 0; }
.block-reviews .review-grid { display: block; overflow: visible; margin: 0; }
.block-reviews .review-grid > .review-card { margin: 0; }
.block-reviews .review-grid > .review-card + .review-card { margin-top: var(--space-5); }
.block-reviews .review-excerpt { font-size: var(--type-body); min-height: 6.6em; max-height: 6.6em; }
.block-reviews .review-full { font-size: var(--type-body); }
.linear-demo .block-title h1 .title-phrase { max-width: 100%; }
@media(max-width:47.99rem) {
  .single-image.cover > img { height: 13rem; }
  .single-image.banner > img { height: 12rem; }
  .archive-controls { justify-content: flex-start; gap: var(--space-3); }
  .archive-controls label { flex: 1 1 8rem; }
  .archive-controls select { width: 100%; }
  .event-record { padding: var(--space-4); }
  .event-record h2 { font-size: var(--type-subheading); }
  .block-action .button { width: 100%; }
}

/* Reduce only this requested cover on desktop; mobile remains unchanged. */
@media (min-width: 64rem) {
  .single-image.cover[data-cover-for="career-consultation"] { max-width: 34rem; margin-inline: auto; }
}

/* Audit fixes 6/14: retain native controls and the existing proportional yellow mat. */
.single-image.banner--wellbeing {
  --wellbeing-banner-height: 18rem;
  width: min(100%, calc(var(--wellbeing-banner-height) * 1366 / 768 + var(--mat-offset)));
  margin-inline: auto;
}
.single-image.banner--wellbeing > img { height: auto; max-height: var(--wellbeing-banner-height); }
@media (max-width: 47.99rem) {
  .approved-activities .archive-controls label { flex-basis: 100%; }
  .single-image.banner--wellbeing { --wellbeing-banner-height: 12rem; }
}

/* Existing selected-row language; preserve rectangle and text geometry. */
.linear-demo .related-grid a[aria-current="page"] { border-left: var(--space-1) solid var(--color-signal); padding-left: calc(var(--space-4) - var(--space-1)); }