/* Approved extension: retain the site's gold, anthracite and type tokens. */
.financing-section {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 7vw;
  padding: 90px var(--gutter);
  color: var(--text);
  background: var(--light-grey);
}
.financing-intro > p:not(.section-label) { margin: 28px 0 0; }
.financing-completion { padding-top: 24px; border-top: 1px solid var(--line); }
.financing-completion strong { font-weight: var(--font-weight-medium); }
.financing-timeline { margin: 0; padding: 0; list-style: none; }
.financing-timeline li {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 24px;
  padding: 26px 0;
  border-top: 1px solid var(--line);
}
.financing-timeline li:first-child { border-top: 2px solid var(--gold); }
.financing-timeline li:last-child { border-bottom: 1px solid var(--line); }
.financing-number {
  color: var(--muted);
  font-family: var(--font-label);
  font-size: var(--font-size-subheading);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-heading);
  font-variant-numeric: tabular-nums;
}
.financing-timeline h3 { font-size: var(--font-size-body); }
.financing-timeline p { margin: 10px 0 0; font-size: var(--font-size-micro); }

/* Content-sized cells keep eight unbroken labels within the approved rail. */
@media (min-width: 1181px) {
  .site-nav { grid-template-columns: repeat(8, auto); }
  .site-nav a { padding-inline: 5px; white-space: nowrap; }
  .site-header.is-scrolled .site-nav a { padding-inline: 4px; }
}
/* Use the existing mobile menu when all eight labels cannot fit comfortably. */
@media (min-width: 901px) and (max-width: 1180px) {
  :root { --header-height: 76px; }
  .site-header,
  .site-header.is-scrolled {
    grid-template-columns: minmax(150px, 1fr) 66px;
    height: var(--header-height);
    padding-left: 14px;
    border-right: 0;
  }
  .site-header .brand,
  .site-header.is-scrolled .brand { justify-content: flex-start; padding: 8px 0; border-right: 0; }
  .site-header .brand img,
  .site-header.is-scrolled .brand img { width: 145px; max-height: calc(var(--header-height) - 16px); }
  .menu-toggle { display: block; width: 46px; height: 46px; margin-right: 12px; border-width: 2px; }
  .site-nav {
    position: fixed;
    inset: var(--header-height) 0 0;
    display: none;
    align-content: start;
    padding: 18px 24px 32px;
    overflow-y: auto;
    color: var(--white);
    background: var(--anthracite);
  }
  .site-header.nav-active .site-nav { display: grid; grid-template-columns: 1fr; }
  .site-nav a,
  .site-header.is-scrolled .site-nav a {
    min-height: 58px;
    justify-content: flex-start;
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line-light);
    font-size: var(--font-size-body);
    text-align: left;
    text-transform: uppercase;
  }
}
@media (max-width: 900px) {
  .financing-section { grid-template-columns: 1fr; gap: 40px; padding-block: 60px; }
}
@media (max-width: 560px) {
  .financing-timeline li { grid-template-columns: 36px minmax(0, 1fr); gap: 16px; padding-block: 22px; }
}
