/* MP-041 Defect 2 — named businesses inside the single-post First Mate teaser.
 *
 * OWN FILE, OWN VERSION CONSTANT (AAS_POSTDIR_VER), same reasoning as reactions.css
 * and pages.css: a concurrent session is holding components.css AND style.css
 * uncommitted, and a feature that can bust its own asset cache should not have to
 * reach into a contested file to do it. Fold back into components.css at the next
 * uncontested theme bump.
 *
 * Only the NEW elements are styled here. The container, the category tiles and the
 * CTA keep their existing rules in components.css — this file must not restate them.
 *
 * ⚠ Palette note, deliberately not fixed here: the existing .aas-postdir rules in
 * components.css reference `--aas-line`, which is defined NOWHERE in the theme, so
 * they always resolve to their warm-grey literals (#dcd7cc / #e3ded3) instead of the
 * v2 cool hairline (--aas-hair #D3DEE0). Correcting that means editing the contested
 * file, so it is recorded in tasks/MP-041.md rather than done quietly in passing.
 * The rules below therefore lean on TYPE AND SPACING rather than new borders, so the
 * two do not have to agree on a colour.
 */

.aas-postdir-lead { margin: 0 0 1rem; }

/* The lead tile is the one category the article is actually about, so it spans the
 * full width instead of sitting in the 2-column grid with its peers. */
.aas-postdir-cat--lead { margin-bottom: .55rem; }

.aas-postdir-names {
  list-style: none;
  margin: 0;
  display: grid;
  gap: .34rem;
}

.aas-postdir-names li {
  display: flex;
  align-items: baseline;
  gap: .5rem;
  font-family: var(--aas-sans);
  font-size: .88rem;
  line-height: 1.3;
}

/* The names belong to the category tile above them, so the list is grouped by a single
 * seaglass rule rather than by a marker on every line. Per-item dashes were tried first
 * and read as stray underscores at body size — one quiet vertical line says "these are
 * inside that" without adding a glyph to scan past on every row. */
.aas-postdir-names {
  border-left: 2px solid var(--aas-seaglass-lt, #A7CAC8);
  padding-left: .75rem;
  margin-left: .35rem;
}

.aas-postdir-biz {
  color: var(--aas-navy, #163A57);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .15s, border-color .15s;
}

a.aas-postdir-biz:hover,
a.aas-postdir-biz:focus-visible {
  color: var(--aas-sunset-link, #A63C22);
  border-bottom-color: currentColor;
}

/* Rendered only where the widget is scoped wider than a single port — see
 * aas_post_directory_teaser(). */
.aas-postdir-port {
  margin-left: auto;
  padding-left: .6rem;
  color: var(--aas-muted-2, #3E566A);
  font-size: .78rem;
  white-space: nowrap;
}

@media (max-width: 520px) {
  .aas-postdir-names li { font-size: .85rem; }
  .aas-postdir-port { font-size: .74rem; }
}