/* ENP Unicode Tools — supplemental CSS only (spec R4/R7: < 10 KB, Tailwind does
 * the heavy lifting). Everything below is additive, never overrides kytu.html. */

/* Layout rules from kytu.html that the theme stylesheet (built from home.html)
 * does not carry. Without .character-grid the grid container falls back to a
 * block element and the cells stack in a single column — define it here so the
 * Unicode pages lay out as a multi-column grid (spec R4: plugin owns its CSS). */
.character-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #e2e8f0;
  border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #cbd5e1;
}

/* Detail-panel & tables keep code values from overflowing on narrow screens. */
[data-enp-uc="char-detail"] code,
[data-enp-uc="panel"] code {
  word-break: break-all;
}

/* Converter textareas resize vertically only. */
[data-enp-uc="conv-in"],
[data-enp-uc="conv-out"] {
  resize: vertical;
}

/* Grid cell glyphs: keep large emoji from clipping their line box. */
[data-enp-uc="grid"] .enp-cell > span:first-child {
  line-height: 1.1;
}