/* Vendors page (T5). Layout and one list only: the glass cards, section heads, .why tiles,
   form and fact slots all come from site.css. Colors, type and spacing are site.css tokens; the
   two bare lengths (280px, 760px) restate site.css's own head column and form measure. */

/* 02: requirements as hairline rows (the .compliance__list rhythm), with a mono // index */
.expect {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 760px; /* the form's measure (.wrap > .form) */
  border-top: 1px solid var(--line);
  counter-reset: expect;
}
.expect__item {
  counter-increment: expect;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--s-5);
  align-items: baseline;
  padding: var(--s-4) 0;
  border-bottom: 1px solid var(--line);
  font-size: var(--t-body-lg);
  line-height: var(--lh-body);
  color: var(--fg);
}
/* the // label stays (D9), silent to screen readers, as in the footer */
.expect__item::before {
  content: "// " counter(expect, decimal-leading-zero);
  content: "// " counter(expect, decimal-leading-zero) / "";
  font-family: var(--font-mono);
  font-size: var(--t-mono-sm);
  letter-spacing: var(--tracking-mono-tag);
  color: var(--fg-3);
}

/* 03: the returning-partner line under the lede */
.apply__signin { margin: var(--s-4) 0 0; font-size: var(--t-body); color: var(--fg-2); }
.apply__signin a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; } /* the lede's own link colour is the shared rule in site.css */
.apply__signin a:hover { color: var(--accent-hi); }

/* .section__head is a 280px index column + --s-8 + the title column above 900px. From 1181px the
   list and the form start on the title's left edge, so each card reads down one line. Not from
   901px: up to 1180px the indent squeezes the form's two-up fields below their phone width, so that
   range keeps the full-width layout. Last, so it out-ranks the `margin: 0` list reset above. */
@media (min-width: 1181px) {
  .expect,
  #apply .form { margin-left: calc(280px + var(--s-8)); }
}