/* Targeted overrides for readable contrast and compact editorial media. */
:root {
  --muted: #4f6070;
  --line: #d9deda;
  --mint: #248f82;
}

figcaption {
  color: #5f6d78;
  font-size: 12px;
}

.split img {
  width: 100%;
  height: clamp(320px, 34vw, 430px);
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
}

.split p,
.split li {
  color: var(--muted);
}

.feature-band .split p,
.feature-band .split li {
  color: #edf4f7;
}

.byline small {
  color: #5e6e7a;
}

footer {
  color: #d2dde5;
}

.brand-symbol {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  object-fit: contain;
  filter: drop-shadow(0 4px 7px rgba(13, 34, 53, 0.16));
}

footer .brand-symbol {
  width: 56px;
  height: 56px;
  flex-basis: 56px;
  filter: drop-shadow(0 5px 9px rgba(0, 0, 0, 0.22));
}

@media (max-width: 600px) {
  .split img {
    height: 280px;
  }

  .hero figure img {
    height: 270px;
  }

  .split p {
    font-size: 16px;
  }

  .answer-card p {
    font-size: 14px;
  }

  .brand-symbol {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
}