.ac {
  background-color: lightgreen;
}

.wa {
  background-color: red;
}

.tle {
  background-color: yellow;
}

.ce {
  background-color: red;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  color: #2c3e50;
}
h1 { 
	margin-top: 0.5em;
	margin-left: 0.3em;
	font-size: 2rem; 
}
h2 { 
	margin-top: 0.2em;
	margin-left: 0.2em;
	font-size: 1.5rem; 
}

.vh-90 {
  height: 90vh !important;
}

.results {
	line-height: 1;
	font-family: monospace;
}

.highlight td {
	background-color: yellow !important;
}

/* opt-in: .fix-emoji が付いた要素だけ */
.fix-emoji {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Cascadia Code",
               "Noto Sans Mono", monospace;
  white-space: pre;      /* 必要に応じて pre-wrap に */
  line-height: 1.2;
}

/* 1グラフェム＝1セル。次の文字までの送りを letter-spacing で調整 */
.fix-emoji .cell {
  /* 次の文字まで = 目標セル幅 - 実測幅 */
  letter-spacing: calc(var(--target) - var(--w));
}

/* 以前の ::after は削除！ */