/**
 * Page banner — green title band between gold rules, styled after the SCRC
 * subsite banner (css/scrc.css). Enabled per node in
 * gmu_libraries_preprocess_page(); modifiers supply background art.
 *
 * Bannered pages also get a narrower reading column. The banner's inner
 * box uses the same width and gutter so the title, breadcrumbs, and body
 * text share one left edge.
 */

.page-banner {
  background: linear-gradient(135deg, #003c2a 0%, #005239 50%, #006b4a 100%);
  border-top: 1px solid var(--gmu-primary-gold, #ffc733);
  border-bottom: 5px solid var(--gmu-primary-gold, #ffc733);
  color: #fff;
  /* 205px = the banner art's native height, so it isn't upscaled. */
  min-height: clamp(9rem, 16vw, 205px);
  display: flex;
  align-items: center;
  padding: 2rem 0 1.75rem;
  box-sizing: border-box;
}

.page-banner__inner {
  width: 100%;
}

.page-banner__inner,
.page-banner + .content-with-sidebar {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  box-sizing: border-box;
}

/* Drop the percentage gutters these regions add inside the column. */
.page-banner + .content-with-sidebar .breadcrumb-region,
.page-banner + .content-with-sidebar .page-content {
  padding-left: 0;
  padding-right: 0;
}

.page-banner .page-banner__title {
  margin: 0;
  padding: 0;
  border-bottom: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
  text-wrap: balance;
}

/* /ai-libraries — AI Boot Camp artwork. The source image is a flat #005238
 * field with a network graphic across its right half, so only
 * that part is kept, pinned right over the matching colour. Images are cached for a
 * year, so a new version of the art gets a new filename (-N suffix). */
.page-banner--ai-libraries {
  background: #005238 url(../images/banners/ai-libraries-4.png) right center / auto 100% no-repeat;
}