/* "Show phone & email" (M4a) on the front page's contact band and the Contact page's side card.
   Loaded after site.css (and portal.css on the Contact page) and uses their tokens. The Contact
   page's tabs and layout are in portal.css. */

/* ---------- Show phone & email ---------- */
.reveal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
}
.reveal[hidden],
.reveal [hidden] {
  display: none;
}
.reveal__check:empty {
  display: none;
}
.reveal__status:empty {
  /* Empty: hidden from sight but kept in the page, so screen readers hear the first message. */
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.reveal__status--error {
  padding: 6px 12px;
  border-radius: var(--radius-sm);
  background: var(--cream);
  color: var(--coral-ink);
  font-weight: 700;
}
.reveal__details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 20px;
  font-weight: 700;
}
.reveal__details a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--teal-ink);
}
.reveal__details a:hover {
  text-decoration: underline;
}