/* ==========================================================================
   Styles for the Review Link Approvals how-to.

   Used by:
     docs/settings/access/sign-in-providers/how-tos/review-link-approvals.md
   ========================================================================== */

/* Trust evidence signals table - SIGNAL / WHAT IT TELLS YOU.
   The first column holds an icon plus a short label and must never wrap, so it
   takes the width of its longest entry. The description keeps a floor so that on
   narrow screens the table scrolls sideways (the theme's table wrapper already
   handles the overflow) instead of squeezing the text into a sliver. */
.link-approval-signals-table table {
  width: 100%;
}

.link-approval-signals-table table th,
.link-approval-signals-table table td {
  vertical-align: top;
}

.link-approval-signals-table table th:nth-child(1),
.link-approval-signals-table table td:nth-child(1) {
  white-space: nowrap;
  padding-right: 1.5rem;
}

.link-approval-signals-table table th:nth-child(2),
.link-approval-signals-table table td:nth-child(2) {
  width: 100%;
  min-width: 28rem;
}

/* Trust evidence legend table - DOT / ANSWER / MEANING.
   The dot column is a single icon and the answer is a short label, so neither
   wraps; the meaning column absorbs the rest and keeps the same floor as above. */
.link-approval-legend-table table {
  width: 100%;
}

.link-approval-legend-table table th,
.link-approval-legend-table table td {
  vertical-align: top;
}

.link-approval-legend-table table th:nth-child(1),
.link-approval-legend-table table td:nth-child(1),
.link-approval-legend-table table th:nth-child(2),
.link-approval-legend-table table td:nth-child(2) {
  white-space: nowrap;
}

.link-approval-legend-table table th:nth-child(2),
.link-approval-legend-table table td:nth-child(2) {
  padding-right: 1.5rem;
}

.link-approval-legend-table table th:nth-child(3),
.link-approval-legend-table table td:nth-child(3) {
  width: 100%;
  min-width: 28rem;
}