/* ============================================================
   Audit landing page — additions beyond the kit + audit.css
   - crumb above the hero
   - signature block at the foot
   ============================================================ */

.crumb {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-5) 0 var(--sp-3);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: var(--track-mono);
  text-transform: uppercase;
  color: var(--ink-faint);
  flex-wrap: wrap;
}
.crumb a {
  color: var(--ink-faint);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color var(--dur-1) var(--ease);
}
.crumb a:hover { color: var(--ink); }
.crumb .active { color: var(--ink); }
.crumb .sep { opacity: 0.5; }
.crumb b { color: var(--ink); font-weight: 500; }

/* Signature block */
.signature {
  border-top: var(--bw-hair) solid var(--line);
  padding: var(--sp-10) 0 var(--sp-12);
  display: grid;
  gap: var(--sp-5);
}
.sig-row {
  display: flex;
  align-items: baseline;
  gap: var(--sp-7);
  flex-wrap: wrap;
}
.sig-by {
  font-family: var(--grotesk);
  font-size: 17px;
  color: var(--ink-dim);
}
.sig-by b { color: var(--ink); font-weight: 700; }
.sig-disclaimer {
  font-family: var(--grotesk);
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink-faint);
  margin: 0;
  max-width: 720px;
}
.sig-disclaimer .ital {
  font-family: var(--serif);
  font-style: italic;
  color: var(--ink-dim);
}