/* HTMLエンティティ早見表 */
.el-convert-note { display: flex; gap: 8px; align-items: flex-start; margin-bottom: 12px; padding: 9px 12px; background: #eaf2f8; border-left: 4px solid #1a5276; border-radius: 3px; font-size: 13px; line-height: 1.6; }
.el-convert-note .material-icons { font-size: 20px; color: #1a5276; flex: 0 0 auto; }
.el-search-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.el-search { flex: 1 1 auto; min-width: 0; padding: 7px 10px; border: 1px solid #b8c4d0; border-radius: 4px; font-size: 14px; }
.el-count { flex: 0 0 auto; font-size: 13px; color: #6b7a89; white-space: nowrap; }
.el-filter-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-bottom: 10px; font-size: 13px; }
.el-label { font-weight: bold; margin: 0; }
.el-select { padding: 5px 8px; border: 1px solid #b8c4d0; border-radius: 4px; max-width: 100%; }
.el-check { font-weight: normal; margin: 0; }
.el-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.el-table th { background: #2c3e50; color: #fff; padding: 6px 8px; text-align: left; white-space: nowrap; }
.el-td { padding: 6px 8px; border-bottom: 1px solid #e3e8ee; vertical-align: top; }
.el-char { font-family: "Segoe UI Symbol", "Cambria Math", "Noto Sans Math", "Noto Sans Math", "Noto Sans Symbols 2", "Noto Sans Symbols", "Apple Symbols", "Arial Unicode MS", sans-serif; font-size: 24px; line-height: 1.2; text-align: center; width: 64px; cursor: pointer; }
.el-char.el-ph { font-size: 11px; color: #8a99a8; }
.el-split { margin-top: 2px; font-family: "Segoe UI Symbol", "Cambria Math", "Noto Sans Math", sans-serif; font-size: 11px; color: #6b7a89; white-space: nowrap; }
.el-name, .el-num { font-family: Consolas, Menlo, monospace; cursor: pointer; }
.el-num { white-space: nowrap; }
.el-name { min-width: 130px; word-break: break-all; }
.el-th-desc { width: 38%; }
.el-name:hover, .el-num:hover, .el-char:hover { background: #eef2f6; }
.el-none { color: #b8c4d0; cursor: default; text-align: center; }
.el-copied { background: #dff0d8 !important; }
.el-desc-ja { color: #34495e; }
.el-desc-en { font-size: 11px; color: #8a99a8; word-break: break-word; }
.el-ph { font-size: 11px; color: #8a99a8; }
.el-more-row { text-align: center; margin: 12px 0 4px; }
.el-empty { padding: 20px; text-align: center; color: #6b7a89; }
@media (max-width: 600px) {
	.el-search-row { flex-wrap: wrap; }
	.el-count { width: 100%; }
	.el-th-desc, .el-desc { min-width: 220px; }		/* 表が横に広がる分は、表の中で横スクロールする */
	.el-char { width: 52px; font-size: 20px; }
}