/* operators page only: the decision table, the authority table, and the maturity map */

.facts{
  list-style:none;padding:0;margin:1.5em 0 0;display:flex;flex-wrap:wrap;gap:8px 10px;
}
.facts li{
  font:500 11.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;
  color:var(--sumi-2);border:1px solid var(--hairline);border-radius:2px;padding:7px 10px;
  background:var(--card);
}
.facts li.key{color:var(--shu);border-color:var(--shu)}

.tbl-wrap{overflow-x:auto;margin:1.6em 0}
table.tbl{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}
table.tbl caption{
  text-align:left;font:500 10.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;
  color:var(--sumi-2);padding-bottom:12px;
}
table.tbl th,table.tbl td{
  text-align:left;vertical-align:top;padding:12px 14px 12px 0;
  border-bottom:1px solid var(--hairline);color:var(--sumi-2);
}
table.tbl thead th{
  font:500 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--sumi);border-bottom:1px solid var(--sumi-2);white-space:nowrap;
}
table.tbl tbody th{font-weight:600;color:var(--sumi);padding-right:24px}
table.tbl td:last-child,table.tbl th:last-child{padding-right:0}
table.tbl code{font:500 13px/1 var(--mono);color:var(--sumi)}

/* one vocabulary, three values */
.lvl{font:500 11px/1.35 var(--mono);letter-spacing:.06em;white-space:nowrap}
.lvl-1{color:var(--shu);font-weight:600}
.lvl-2,.lvl-3{color:var(--sumi-2)}

.verdict{font:600 12px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.v-permit{color:var(--ai)}
.v-deny,.v-esc{color:var(--shu)}

.note-under{
  font-size:14.5px;color:var(--sumi-2);border-left:2px solid var(--shu);
  padding:2px 0 2px 16px;margin:1.4em 0;
}