/* decision table, authority table, maturity map; homepage outcome table too */

:root{
  --sumi:var(--type);      /* deprecated alias of --type */
  --sumi-2:var(--type-2);
  --washi:var(--ground);   /* deprecated alias of --ground */
  --washi-2:var(--panel);
  --shu-ink:#8f3209;      /* vermillion on --panel/--card; 6.36:1 on --panel */
}

.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(--type-2);border:1px solid var(--hairline);border-radius:2px;padding:7px 10px;
  background:var(--card);
}
.facts li.key{color:var(--shu-ink);border-color:var(--shu-ink)}

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

/* 網点 halftone — one light tone, deny cell of the outcome table only */
table.tbl td:has(.v-deny){
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9'><circle cx='4.5' cy='4.5' r='1.5' fill='%231a1714' fill-opacity='.16'/></svg>");
  background-size:9px 9px;
}

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

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

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