/* ===========================================================================
   ahp-explorer.css -- the pairwise-comparison figure in chapter 03
   (assets/js/ahp-explorer.js). Scoped to .ahp.

   Set in the static figures' face and size (the "URBAN520 LM Roman" subset
   from calc-explorer.css; 13px is the figures' 3.4mm labels), so the tables
   read as a figure, not as one of the book's own tables. notes.css sizes
   every table and cell with !important, one rule through the
   #quarto-document-content id, so the size here needs the id as well.

   Nothing here is needed by the PDF build; the LaTeX format never loads css.
   =========================================================================== */

.ahp {
  margin: 1.1rem 0; text-align: left; color: #000;
  font-family: "URBAN520 LM Roman", "Latin Modern Roman", "Times New Roman", Times, serif;
  font-size: 13px; line-height: 1.25;
}
/* A phone scrolls the table sideways instead of the page. */
.ahp .ahp-wrap { overflow-x: auto; margin: 0 0 0.9rem; }
.ahp .ahp-wrap:last-child { margin-bottom: 0; }

.ahp .ahp-m { width: 100%; border-collapse: collapse; margin: 0; }
#quarto-document-content .ahp .ahp-m,
#quarto-document-content .ahp .ahp-m th,
#quarto-document-content .ahp .ahp-m td { font-size: 13px !important; }
.ahp .ahp-m th, .ahp .ahp-m td {
  padding: 0.2rem 0.35rem; border: 0;
  text-align: center; vertical-align: middle; font-weight: 400;
}
.ahp .ahp-m thead th { line-height: 1.15; vertical-align: bottom; border-bottom: 1px solid #737373; }
.ahp .ahp-m tbody tr:last-child > * { border-bottom: 1px solid #737373; }
/* Row names take only the width they need; the other columns share the rest. */
.ahp .ahp-m tbody th, .ahp .ahp-m .ahp-corner {
  text-align: left; white-space: nowrap; width: 1%; padding-left: 0;
}
.ahp .ahp-m .ahp-corner { font-style: italic; }

.ahp .ahp-r  { color: #8a8a96; }                /* the diagonal and the reciprocals */
.ahp .ahp-cr { color: #595959; }
.ahp .ahp-cr.ahp-bad { color: #b3261e; }         /* CR above 0.10 */
.ahp .ahp-link { color: #32006e; }              /* the group weight the final column uses */

.ahp select {
  -webkit-appearance: none; appearance: none;
  font: inherit; color: #32006e; background: #f9f8fa;
  border: 0; border-radius: 3px; margin: 0;
  padding: 0.1rem 0.3rem; min-width: 2.9em;
  text-align: center; text-align-last: center; cursor: pointer;
}
.ahp select:hover { background: #e6dcf4; }
.ahp select:focus-visible { outline: 2px solid #c9b6e6; outline-offset: 1px; }