/* Minimal, clean UI */
.tdict { font-family: "Noto Serif Tibetan", "Qomolangma", serif; max-width: 760px; margin: 2rem auto; padding: 1rem; }
.tdict .tdict-row { margin-bottom: 1rem; }
.tdict .tdict-input { width: 100%; padding: 0.9rem 1rem; font-size: 1.125rem; border: 1px solid #d0d7de; border-radius: 12px; box-shadow: 0 1px 2px rgba(0,0,0,0.04); }
.tdict .tdict-controls { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.tdict fieldset { border: 0; padding: 0; margin: 0; }
.tdict .tdict-btn { padding: 0.6rem 1rem; border-radius: 12px; border: 1px solid #1f6feb; background: #1f6feb; color: #fff; cursor: pointer; }
.tdict .tdict-btn:focus, .tdict .tdict-input:focus { outline: 2px solid #1f6feb; outline-offset: 2px; }

.tdict .tdict-autocomplete { position: relative; }
.tdict .tdict-autocomplete.open { border: 1px solid #d0d7de; border-radius: 12px; padding: .5rem; background: #fff; margin-top: .25rem; }
.tdict .tdict-autocomplete div { padding: .35rem .5rem; cursor: pointer; }
.tdict .tdict-autocomplete div:hover, .tdict .tdict-autocomplete div[aria-selected="true"] { background: #f0f6ff; }

.tdict .tdict-card { border: 1px solid #e5e7eb; border-radius: 12px; padding: 1rem; margin-bottom: .75rem; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.03); }
.tdict .tdict-card h3 { margin: 0 0 .5rem; font-size: 1.1rem; }
.tdict .tdict-card p { margin: 0; color: #374151; }

.tdict .tdict-pagination { display: flex; gap: .5rem; justify-content: center; margin-top: 1rem; }
.tdict .tdict-pagination a, .tdict .tdict-pagination span { padding: .4rem .65rem; border: 1px solid #d1d5db; border-radius: 8px; text-decoration: none; color: #111827; }
.tdict .tdict-pagination .current { background: #1f6feb; color: #fff; border-color: #1f6feb; }

@media (max-width: 640px) {
  .tdict .tdict-controls { flex-direction: column; align-items: stretch; }
  .tdict .tdict-btn { width: 100%; }
}