/* =====================================================================
 * 一覧のタイトルを押すと、カーソルが食べてから移動する（js/title-eat.js）
 * ・食べたところは見えなくするだけ（visibility: hidden）。行の幅・高さは変わらない
 * ===================================================================== */
.te-gone { visibility: hidden; }
.te-caret {
  background: #1d1f28;                /* ★ カーソルの色（オープニングと同じ） */
  color: transparent !important;
  text-decoration: none !important;
}
.te-red .te-caret { background: #c8312b; } /* ★ 6割を過ぎたらの色 */
.te-eating a { pointer-events: none; }    /* 食べている途中は、ほかのリンクを押せないように */
/* 食べ終わったあとのカーソル（js の AFTER）。記事の上に重ねて置く */
.te-end {
  position: absolute;
  top: 0;
  left: 0;
  background: #1d1f28;
  pointer-events: none;
}
.te-end--red { background: #c8312b; }
.te-end--blink { animation: te-blink .2s steps(1) 2; } /* ★ 2回点滅（1回 0.2秒。js の BLINK_MS と合わせる） */
@keyframes te-blink { 50% { opacity: 0; } }