/* =========================================
   DICTIONARY
========================================== */
.dict-toolbar{ margin-bottom: 8px; }
.dict-toggle{
  display:inline-flex;
  background: var(--parchment-card);
  border: 1px solid rgba(36,24,19,0.15);
  border-radius: 999px;
  padding: 4px;
  margin-bottom: 18px;
}
.dict-toggle-btn{
  padding: 9px 18px;
  border-radius: 999px;
  font-size: 0.85rem; font-weight:600;
  color: var(--ink-soft);
  background:transparent; border:none; cursor:pointer;
  display:flex; align-items:center; gap:6px;
  transition: background .2s ease, color .2s ease;
}
.dict-toggle-btn .kn{ font-family: var(--font-kn-body); }
.dict-toggle-btn.active{ background: var(--maroon-deep); color: var(--cream-white); }

.dict-search{ max-width: 560px; padding: 14px 22px; margin-bottom: 4px; }

.alpha-index{
  display:flex; flex-wrap:wrap; gap:8px;
  margin: 22px 0 44px;
}
.alpha-index.is-hidden{ display:none; }
.alpha-btn{
  min-width: 36px; height:36px; padding:0 10px;
  border-radius: 18px;
  border: 1px solid rgba(36,24,19,0.18);
  background: var(--parchment-card);
  font-family: var(--font-kn-body);
  font-size: 0.92rem; font-weight:500;
  color: var(--ink-soft);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.alpha-btn.alpha-all{ font-family: var(--font-en-body); font-weight:600; padding:0 16px; }
.alpha-btn:hover{ border-color: rgba(107,30,30,0.35); color: var(--maroon-deep); }
.alpha-btn.active{ background: var(--maroon-deep); border-color: var(--maroon-deep); color: var(--cream-white); }

.dict-results{ display:flex; flex-direction:column; }
.dict-entry{
  display:flex; gap:28px;
  padding: 28px 0;
  border-bottom: 1px solid rgba(36,24,19,0.12);
  opacity:0; transform: translateY(8px);
}
.dict-entry.in-view{ opacity:1; transform:none; transition: opacity .5s ease, transform .5s ease; }
.dict-entry:first-child{ padding-top:0; }
.dict-entry .headword-block{
  width: 176px; flex-shrink:0;
  display:flex; flex-direction:column; gap:5px;
}
.dict-entry .headword-block .kn-word{
  font-family: var(--font-kn-body);
  font-size: 1.9rem; line-height:1.15; color: var(--ink);
}
.dict-entry .headword-block .roman{
  font-family: var(--font-en-body);
  font-style: italic; font-size: 0.85rem; color: var(--ink-soft);
}
.dict-entry .pos-tag{
  align-self:flex-start;
  font-size: 0.68rem; text-transform:uppercase; letter-spacing:.06em;
  color: var(--maroon-deep);
  background: rgba(107,30,30,0.08);
  padding: 3px 9px; border-radius: 10px;
  margin-top: 2px;
}
.dict-entry .play-btn{
  margin-top: 10px; align-self:flex-start;
  width: 28px; height:28px; border-radius:50%;
  border: 1px solid rgba(107,30,30,0.3);
  background: transparent;
  display:inline-flex; align-items:center; justify-content:center;
  color: var(--maroon-deep);
  transition: background .15s ease, color .15s ease;
}
.dict-entry .play-btn:hover{ background: var(--maroon-deep); color: var(--cream-white); }
.dict-entry .play-btn svg{ width:11px; height:11px; }
.dict-entry .content{ flex:1; min-width:0; }
.dict-entry .meaning{ font-size:1.02rem; color: var(--ink); font-weight:600; margin-bottom:12px; }
.dict-entry .example{
  background: var(--parchment-deep);
  border-left: 3px solid var(--gold);
  padding: 12px 16px;
  border-radius: 0 6px 6px 0;
  font-size: 0.88rem;
}
.dict-entry .example .ex-kn{ display:block; font-family: var(--font-kn-body); color: var(--ink); margin-bottom:3px; }
.dict-entry .example .ex-en{ color: var(--ink-soft); font-style: italic; }

/* reverse (English → Kannada) visual flip */
.dict-results.reverse .dict-entry{ flex-direction: row-reverse; text-align:right; }
.dict-results.reverse .headword-block{ align-items:flex-end; }
.dict-results.reverse .pos-tag{ align-self:flex-end; }
.dict-results.reverse .play-btn{ align-self:flex-end; }
.dict-results.reverse .example{ border-left:none; border-right:3px solid var(--gold); border-radius:6px 0 0 6px; }

.dict-empty{ display:none; padding: 56px 0; text-align:center; color: var(--ink-soft); }
.dict-empty.show{ display:block; }
.dict-count{ font-size:0.85rem; color: var(--ink-soft); margin-bottom: 20px; }

/* =========================================
   RESPONSIVE
========================================== */
@media (max-width: 900px){
  .dict-entry{ flex-direction:column; gap:12px; }
  .dict-results.reverse .dict-entry{ flex-direction:column; text-align:left; }
  .dict-results.reverse .headword-block{ align-items:flex-start; }
  .dict-results.reverse .pos-tag, .dict-results.reverse .play-btn{ align-self:flex-start; }
  .dict-results.reverse .example{ border-left:3px solid var(--gold); border-right:none; border-radius:0 6px 6px 0; }
  .dict-entry .headword-block{ width:auto; }
}
@media (max-width: 600px){
  .dict-search{ max-width:100%; }
}