/* 単語カード（es-wordcard.js）と、タップできる語（es-common.js の linkify）の見た目 */
.tes-word { cursor: pointer; border-bottom: 1px dotted currentColor; }
.tes-word:hover { background: #eef1f7; }
.tes-word:focus-visible { outline: 2px solid #1C2B4A; outline-offset: 1px; }

.tes-modal-backdrop { position: fixed; inset: 0; background: rgba(0, 0, 0, .45); display: flex; align-items: center; justify-content: center; padding: 16px; z-index: 99999; }
.tes-modal-backdrop[hidden] { display: none; }
.tes-modal-box { position: relative; background: #fff; color: #222; border-radius: 10px; max-width: 480px; width: 100%; max-height: 82vh; overflow-y: auto; padding: 18px 16px 16px; box-sizing: border-box; }
.tes-modal-close { position: absolute; top: 6px; right: 8px; border: none; background: none; font-size: 18px; line-height: 1; color: #999; cursor: pointer; padding: 6px; }
.tes-modal-close:hover { color: #333; }
.tes-card + .tes-card { margin-top: 16px; padding-top: 16px; border-top: 1px solid #e2e2e2; }
.tes-head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin: 0 0 6px; padding-right: 24px; }
.tes-hw { font-size: 22px; font-weight: 700; color: #1C2B4A; }
.tes-badge { display: inline-block; font-size: 11px; font-weight: 700; padding: 1px 8px; border-radius: 10px; color: #fff; white-space: nowrap; }
.tes-pos { background: #B8860B; }
.tes-lv.lv-A { background: #4CAF50; }
.tes-lv.lv-B { background: #FB8C00; }
.tes-lv.lv-C { background: #E53935; }
.tes-speak { border: none; background: none; cursor: pointer; font-size: 16px; padding: 2px 4px; }
.tes-speak:hover { opacity: .6; }
.tes-surface { font-size: 12px; color: #888; margin: 0 0 4px; }
.tes-ja { font-size: 16px; margin: 0 0 6px; }
.tes-notes { font-size: 12px; color: #888; margin: 0 0 6px; }
.tes-sub { font-size: 12px; font-weight: 700; color: #1C2B4A; margin: 8px 0 2px; }
.tes-table-wrap { overflow-x: auto; margin: 2px 0 6px; }
.tes-table { border-collapse: collapse; font-size: 13px; }
.tes-table th, .tes-table td { border: 1px solid #ddd; padding: 3px 8px; text-align: left; white-space: nowrap; }
.tes-table th { background: #f5f5f5; color: #1C2B4A; }
.tes-table td { font-style: italic; }
.tes-dict-link { display: inline-block; margin-top: 6px; font-size: 13px; color: #1C2B4A; font-weight: 700; }