/* 喪中はがきの判定。答え（出すか出さないか）が主役なので、そこを一番大きくする。 */

.hint-s { color: var(--muted); font-size: 13.5px; line-height: 1.6; margin: 5px 0 0; }

/* 親等の表示。判定の色分けだけに頼らないよう、文字でも「出すのが一般的です」と書く。 */
.verdict {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  border-radius: 999px;
  padding: 3px 12px;
  margin-bottom: 8px;
  color: var(--on-accent);
  background: var(--cc, var(--accent));
}
.verdict.is-maybe { background: #8a5a12; }
.verdict.is-no { background: #545d6b; }
@media (prefers-color-scheme: dark) {
  .verdict.is-maybe { background: #e0a35a; }
  .verdict.is-no { background: #9aa3b2; }
}

.when {
  margin: 12px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  font-size: 14.5px;
  line-height: 1.8;
}

/* 文例。改行をそのまま見せる。書体は本文と同じ（縦書き風にすると実物と違って見える）。 */
.sample {
  white-space: pre-wrap;
  line-height: 2;
  padding: 16px 18px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: var(--card);
  word-break: break-word;
  margin-top: 4px;
}