/* Keep the directory's photographic cards in the same family as the other buyer choices. */
#sector-choices { scroll-margin-top: 88px; }
@media (min-width: 601px) and (max-width: 920px) {
  body main #sector-choices.route-picker .buyer-routes[data-columns="3"] {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  body main #sector-choices.route-picker .buyer-routes[data-columns="3"] > a {
    min-height: 165px;
  }
}
.sector-context, .sector-support {
  padding: clamp(30px,4vw,60px) var(--photo-edge);
  color: #293451;
}
.sector-context {
  display: grid;
  grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr);
  align-items: start;
  gap: clamp(28px,5vw,85px);
}
.sector-context h2, .sector-support h2 {
  margin: 0;
  font: 450 clamp(26px,2.7vw,40px)/1.13 VambraceGeist,Satoshi,sans-serif;
  letter-spacing: -.035em;
  max-width: 24ch;
  color: inherit;
}
.sector-context p, .sector-support p {
  margin: 0;
  max-width: 70ch;
  font: 400 clamp(16px,1.15vw,18px)/1.58 Satoshi,Arial,sans-serif;
}
.sector-support { background: #f5f5f8; }
.sector-support h2 { margin-bottom: clamp(14px,2vw,28px); }
.sector-support article {
  display: grid;
  grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr);
  gap: clamp(28px,5vw,85px);
  padding-block: clamp(16px,2vw,25px);
  border-top: 1px solid #cfd3df;
}
.sector-support article:last-child { padding-bottom: 0; }
.sector-support h3 {
  margin: 1px 0 0;
  font: 500 clamp(20px,1.55vw,25px)/1.2 VambraceGeist,Satoshi,sans-serif;
  letter-spacing: -.025em;
  color: inherit;
}
.sector-support a {
  display: inline-block;
  margin-top: 8px;
  color: #394368;
  font: 550 .98rem/1.4 Satoshi,Arial,sans-serif;
  text-decoration: underline;
  text-underline-offset: .24em;
}
.sector-support a:focus-visible { outline: 2px solid #764581; outline-offset: 4px; }
@media (max-width: 700px) {
  .sector-context, .sector-support article { grid-template-columns: 1fr; gap: 12px; }
  .sector-context h2, .sector-support h2 { max-width: 100%; }
}