/*
 * CILTIN — Сёзлюк (Sözlük) sayfası stili
 * Ortak bloklar (renkler, header/nav, sidebar/mini-card, icon-btn,
 * footer) artık shared.css'te - bu dosya sadece bu sayfaya özgü.
 */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

:where(.dir-tabs button,.clear-x,.icon-btn,.ac-item,.ac-hint-item,.reverse-result,.featured-card,.side-chip,.hero-stat.clickable,.ref-link,.sense-tag.has-gloss,.origin-badge,.speak-word-btn,.share-word-btn,.decline-btn,.report-link,.sw-chip,.suggest-result,.suggest-spell-link):focus-visible{
  outline:2px solid var(--copper);outline-offset:3px;
}
.page-head .sub{font-family:'Source Serif 4',serif;color:var(--ink-dim);max-width:560px;margin:14px auto 0;font-size:.98rem;line-height:1.55}

.stats-section{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.stats-title{font-family:'Oswald',sans-serif;font-size:.75rem;letter-spacing:.1em;color:var(--ink-dim);text-align:left;margin-bottom:12px}

.stats-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:18px}
.hero-stat{background:var(--bg);padding:12px 9px;text-align:center;border:none;margin:0;font:inherit;width:100%;min-height:68px}
.hero-stat.dark{background:var(--ink)}
.hero-stat.clickable{cursor:pointer}
.hero-stat.clickable:hover{background:var(--surface)}
.hero-stat.clickable.dark:hover{background:#2f3739}
.hero-n{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.25rem;color:var(--pine)}
.hero-n.small{font-size:.82rem;line-height:1.2;margin-top:2px}
.hero-stat.dark .hero-n{color:#fff}
.hero-l{font-family:'Oswald',sans-serif;font-size:.62rem;letter-spacing:.04em;color:var(--ink-dim);margin-top:5px}
.hero-stat.dark .hero-l{color:var(--copper)}

.stats-block{margin-bottom:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line)}
.stats-block-label{font-family:'Oswald',sans-serif;font-size:.66rem;letter-spacing:.08em;color:var(--copper);margin-bottom:9px}

.stats-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stats-donut-row{display:flex;align-items:center;gap:12px}
.stats-donut-row svg{width:62px;height:62px}
.donut-legend{display:flex;flex-direction:column;gap:4px;font-family:'Oswald',sans-serif;font-size:.68rem}
.legend-row{display:flex;align-items:center;gap:6px;color:var(--ink)}
.legend-dot{width:9px;height:9px;flex-shrink:0}
.legend-dot.outline{background:var(--surface);border:1px solid var(--ink-dim)}
.stacked-bar{display:flex;height:10px;overflow:hidden;margin-bottom:8px}

@media(max-width:600px){
  .stats-hero{grid-template-columns:repeat(2,1fr)}
  .stats-split{grid-template-columns:1fr}
}
.status{
  display:inline-flex;align-items:center;gap:8px;margin-top:18px;
  font-family:'Oswald',sans-serif;font-size:.7rem;letter-spacing:.04em;color:var(--ink-dim);
  padding:6px 14px;border:1px solid var(--line);border-radius:20px;background:var(--surface);
}
.status .dot{width:7px;height:7px;border-radius:50%;background:#c9a13b}
.status.ready .dot{background:var(--pine)}
.status.error .dot{background:#a8492f}

/* --- Araç kartı --- */
.tool-wrap{padding:30px 0 70px}
.tool-layout{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:start;min-width:0}
.tool-card{border:1px solid var(--line);border-top:3px solid var(--ink);background:var(--surface);padding:34px;min-width:0;box-shadow:0 18px 42px rgba(35,41,43,.06)}

/* --- Yön sekmeleri (КЪМ→Орус / Орус→КЪМ) ---
   Görsel stil artık shared.css'teki ORTAK SEKME STİLİ'nden geliyor
   (köşeli, aktif=pine, dar ekranda kaydırma yerine alt satıra sarma) -
   burada sadece sayfa yerleşimi kalıyor. */
.dir-tabs{margin-bottom:18px;width:100%;max-width:none}
.dir-tabs button{flex:1;min-height:42px}

/* --- Arama kutusu + autocomplete ---
   Sticky: scroll ederken üstte sabit kalsın (kullanıcı isteği - şablonda
   beğendiği "sabit arama çubuğu" özelliği). Kendi arka planı var ki
   tool-card'ın kalın üst kenarlığından "kaçmış" gibi değil, kartın
   İÇİNDE yüzen bir şerit gibi görünsün; altından kayan içerik için
   hafif bir gölge referans noktası veriyor. */
.search-box{
  position:sticky;top:0;z-index:5;background:var(--surface);
  padding-top:14px;margin-top:-14px;box-shadow:0 10px 14px -10px rgba(35,41,43,.12);
}
.search-row{display:flex;gap:10px;align-items:stretch}
.search-field{display:flex;align-items:center;border:1px solid var(--line);background:var(--bg);flex:1;min-width:0}
.search-field:focus-within{border-color:var(--copper);box-shadow:0 0 0 3px rgba(174,103,60,.12)}
.search-field:focus-within svg{stroke:var(--copper)}
.search-field svg{width:19px;height:19px;margin:0 6px 0 14px;stroke:var(--ink-dim);fill:none;stroke-width:1.6;flex-shrink:0}
.search-field input{
  flex:1;border:none;background:none;padding:15px 10px;min-width:0;
  font-family:'Source Serif 4',serif;font-size:1.1rem;color:var(--ink);outline:none;
}
.search-field input:disabled{opacity:.6}
/* Temizle butonu - isimler sayfasındaki ayrı-kutu görünümüyle aynı
   (site genelinde ortak dil; eskiden input'un içindeydi). */
.clear-x{
  font-family:'Oswald',sans-serif;font-size:.85rem;color:var(--ink-dim);
  background:var(--surface);border:1px solid var(--line);border-radius:6px;
  width:48px;min-height:48px;cursor:pointer;display:none;flex-shrink:0;
}
.clear-x.show{display:block}
.clear-x:hover{color:var(--copper);border-color:var(--copper)}

.autocomplete{
  position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:15;
  background:var(--ink);box-shadow:0 14px 28px rgba(0,0,0,.22);
  max-height:340px;overflow-y:auto;display:none;
}
.autocomplete.show{display:block}
.autocomplete .ac-item{
  display:flex;justify-content:space-between;align-items:baseline;gap:14px;
  width:100%;text-align:left;background:none;border:none;cursor:pointer;
  padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.08);
}
.autocomplete .ac-item:last-child{border-bottom:none}
.autocomplete .ac-item:hover,.autocomplete .ac-item.sel{background:rgba(255,255,255,.09)}
.autocomplete .ac-hw{font-family:'Oswald',sans-serif;font-size:.95rem;color:#fff;white-space:nowrap}
.autocomplete .ac-preview{font-family:'Source Serif 4',serif;font-size:.82rem;color:rgba(255,255,255,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.autocomplete .ac-empty,.autocomplete .ac-loading{padding:14px 16px;font-family:'Oswald',sans-serif;font-size:.78rem;color:rgba(255,255,255,.5)}
.autocomplete .ac-hint{padding:10px 16px 14px;font-family:'Oswald',sans-serif;font-size:.76rem;color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.08)}
.ac-hint-item{
  background:var(--copper);border:none;color:#fff;font-family:'Oswald',sans-serif;font-size:.74rem;
  padding:3px 9px;border-radius:3px;cursor:pointer;margin-left:4px;
}
.ac-hint-item:hover{background:var(--pine)}

/* --- Sonuç alanı --- */
.entries{margin-top:26px;display:none;flex-direction:column;gap:18px}
.entries.show{display:flex}

.entry-card{border:1px solid var(--line);border-left:3px solid var(--pine);background:var(--bg);padding:24px 26px;box-shadow:0 8px 24px rgba(35,41,43,.035)}
.entry-image{
  float:right;width:100px;height:100px;object-fit:cover;
  border:1px solid var(--line);margin:0 0 12px 16px;background:var(--surface);
}
@media(max-width:480px){
  .entry-image{width:64px;height:64px}
}
.entry-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}

/* --- Юсюнде 3-til şeridi (КЪМ/TR/RU kısa özet) --- */
.lang-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:16px}
.lang-cell{background:var(--surface);padding:9px 12px;min-width:0}
.lang-label{font-family:'Oswald',sans-serif;font-size:.6rem;letter-spacing:.08em;color:var(--copper);margin-bottom:3px}
.lang-value{font-family:'Source Serif 4',serif;font-size:.86rem;color:var(--ink);line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.lang-value-empty{color:var(--ink-dim);opacity:.5}
@media(max-width:560px){.lang-strip{grid-template-columns:1fr}.lang-cell+.lang-cell{border-top:1px solid var(--line)}}
.entry-hw{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.6rem;color:var(--ink)}
.entry-head-right{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.entry-homonym{
  font-family:'Oswald',sans-serif;font-size:.72rem;font-weight:700;color:var(--copper);
  border:1px solid var(--copper);border-radius:50%;width:20px;height:20px;
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
}
.entry-gram{font-family:'Source Serif 4',serif;font-style:italic;color:var(--ink-dim);font-size:.95rem}

/* --- Köken rozeti (şimdilik sadece Rusça) --- */
.origin-badge{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  border:1px solid var(--line);border-radius:2px;overflow:hidden;line-height:0;cursor:help;padding:0;background:none;
}
.origin-badge-fallback{
  font-family:'Oswald',sans-serif;font-size:.6rem;letter-spacing:.03em;color:var(--ink-dim);
  padding:2px 6px;border:none;
}

/* --- Sözlük seslendirme butonu (kelimenin kendisini okur) --- */
.speak-word-btn{
  width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:none;border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;
}
.speak-word-btn:hover{border-color:var(--copper);color:var(--copper)}
.speak-word-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}
.speak-word-btn.playing{border-color:var(--pine);color:var(--pine)}
.speak-word-btn.playing svg{fill:currentColor;stroke:none}
.share-word-btn{
  width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:none;border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;
}
.share-word-btn:hover{border-color:var(--copper);color:var(--copper)}
.share-word-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}

.sense{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.sense:first-of-type{margin-top:14px}
.sense-row{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.sense-n{font-family:'Oswald',sans-serif;font-weight:700;color:var(--pine);font-size:.95rem;flex-shrink:0}
.sense-labels{display:flex;gap:6px;flex-wrap:wrap}
.sense-labels .action-noun-link{
  font-family:'Oswald',sans-serif;font-size:.78rem;align-self:center;
  color:var(--pine);border:0;border-bottom:1px dotted var(--pine);cursor:pointer;padding:0 0 1px;background:none;
}
.sense-labels .action-noun-link:hover{color:var(--copper);border-color:var(--copper)}
.sense-tag{
  font-family:'Oswald',sans-serif;font-size:.66rem;letter-spacing:.03em;
  padding:2px 8px;border-radius:3px;display:inline-block;
}
button.sense-tag{line-height:inherit}
.sense-tag.has-gloss{cursor:help}

/* category: konu/alan (botanik, tıp, askerlik...) - varsayılan/en sık görülen
   sınıf, dolu çam yeşili pil (önceki tek tip görünümle aynı). */
.sense-tag-category{background:rgba(47,91,72,.1);color:var(--pine);border:0}
.sense-tag-category.has-gloss{border-bottom:1px dotted var(--pine)}

/* pos: dilbilgisi türü (fiil, isim, sıfat...) - yapısal bir sınıflandırma,
   dolgu yok, sade çerçeveli - "gramer etiketi" farklı bir şey diye ayrışsın. */
.sense-tag-pos{background:none;border:1px solid var(--ink-dim);color:var(--ink-dim)}
.sense-tag-pos.has-gloss{border-color:var(--ink);color:var(--ink);cursor:help}

/* style: kullanım/üslup (mecazi, kaba, nadir...) - eğik yazı + kesikli
   bakır çerçeve, "ton/kayıt" bilgisinin konu ya da gramerden farklı
   olduğunu görsel olarak ayırıyor. */
.sense-tag-style{background:none;border:1px dashed var(--copper);color:var(--copper);font-style:italic}
.sense-tag-style.has-gloss{cursor:help}

/* dialect: Къарачай/Малкъар - site genelindeki toggle renk kuralıyla AYNI
   (карач.=bakır, балк.=çam yeşili) - öğrenilmiş çağrışım tekrar kullanılıyor. */
.sense-tag-dialect-karacay{background:var(--copper);color:#fff;font-weight:600;border:0}
.sense-tag-dialect-balkar{background:var(--pine);color:#fff;font-weight:600;border:0}
.sense-tag-dialect-ortak{background:var(--ink);color:#fff;font-weight:600;border:0}
.sense-tag-dialect-karacay.has-gloss,.sense-tag-dialect-balkar.has-gloss,.sense-tag-dialect-ortak.has-gloss{cursor:help}

mark.search-hit{background:var(--copper-soft);color:inherit;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

.sense-latin{font-family:'Source Serif 4',serif;font-style:italic;font-size:.9rem;color:var(--ink-dim)}

/* --- КЪМ/RU/TR - üçü de AYNI desende: küçük kutulu bir "flag" + metin,
   tek tek tizgin. Önceden RU sense-row içine sıkışmış (bayraksız), КЪМ
   ayrı bir bakır-kenarlıklı blok, sadece TR bu düzeni kullanıyordu -
   şimdi üçü de tutarlı. --- */
.sense-ru,.sense-tr,.sense-kb-tanim{
  font-family:'Source Serif 4',serif;font-size:.96rem;color:var(--ink);line-height:1.5;margin-top:6px;
}
.sense-tr{font-style:italic;color:var(--ink-dim)}
.sense-tr.pending{color:#9aa39f}
.sense-kb-tanim{color:var(--ink)}

.kb-alintilar{margin:6px 0 0 44px;padding-left:14px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:6px}
.kb-alinti{font-family:'Source Serif 4',serif;font-size:.86rem}
.kb-alinti-cumle{font-style:italic;color:var(--ink-dim);display:block}
.kb-alinti-kaynak{display:block;font-family:'Oswald',sans-serif;font-size:.66rem;letter-spacing:.03em;color:var(--ink-dim);opacity:.75;margin-top:2px}

.sense-ref{margin-top:8px}
.sense-ref .ref-link{
  display:inline-flex;align-items:center;gap:5px;font-family:'Oswald',sans-serif;font-size:.78rem;
  color:var(--pine);border:0;border-bottom:1px dotted var(--pine);cursor:pointer;padding:0 0 1px;background:none;
}
.sense-ref .ref-link:hover{color:var(--copper);border-color:var(--copper)}
.sense-ref .ref-type-label{color:var(--ink-dim);font-weight:400}

.sense-synonyms{margin-top:8px;font-family:'Oswald',sans-serif;font-size:.82rem}
.sense-synonyms .syn-label{color:var(--ink-dim);letter-spacing:.02em;margin-right:4px}
.sense-synonyms .ref-link.syn-link{
  color:var(--copper);border:0;border-bottom:1px dotted var(--copper);cursor:pointer;padding:0 0 1px;background:none;font-weight:600;
}
.sense-synonyms .ref-link.syn-link:hover{color:var(--pine);border-color:var(--pine)}

.examples{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.example{padding:10px 14px;background:var(--surface);border-left:2px solid var(--line)}
.example .ex-kb{font-family:'Source Serif 4',serif;font-style:italic;font-size:.96rem;color:var(--ink)}
.example .ex-ru{font-family:'Source Serif 4',serif;font-size:.86rem;color:var(--ink-dim);margin-top:2px}
.example .ex-ru::before{content:"→ "}
.example .ex-tr{font-family:'Source Serif 4',serif;font-style:italic;font-size:.84rem;color:var(--ink-dim);margin-top:3px}

/* --- Тамыр + Къошум (kök+ek) bölümü - kelime tam eşleşmediğinde (mesela
   "барама" yazılınca) çekimli kelimeyi kök+ek zincirine ayırıp gösteren,
   entry-card'ın AYRI bir alt bölümü. Başlığı (entry-hw) hiç bölmüyor -
   kullanıcı onayı gereği. --- */
.morph-section{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line)}
.morph-section-label{font-family:'Oswald',sans-serif;font-size:.64rem;letter-spacing:.1em;color:var(--ink-dim);margin-bottom:10px}
.morph-chain{display:flex;flex-wrap:wrap;align-items:center;gap:3px}
.morph-seg{display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;border-radius:4px}
.morph-seg.root{background:var(--copper-soft)}
.morph-seg.suf{background:var(--bg);border:1px solid var(--line)}
.morph-seg .txt{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.05rem}
.morph-seg.root .txt{color:var(--copper)}
.morph-seg.suf .txt{color:var(--ink)}
.morph-seg .lbl{font-family:'Oswald',sans-serif;font-size:.6rem;letter-spacing:.02em;color:var(--ink-dim);white-space:nowrap}
.morph-plus{font-family:'Oswald',sans-serif;color:var(--line);font-size:1.1rem;padding:0 1px}

/* --- Исим чеким таблосу (noun declension table) - artık başlığın hemen
   altında (daha görünür olsun diye taşındı, kullanıcı isteği). --- */
.decline-btn{
  margin:6px 0 14px;font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.03em;
  background:none;border:1px solid var(--line);color:var(--pine);padding:7px 14px;border-radius:3px;cursor:pointer;
}
.decline-btn:hover{border-color:var(--pine);background:rgba(47,91,72,.06)}
.decline-btn:disabled{opacity:.6;cursor:default}
.decline-table-wrap{margin:0 0 16px;display:flex;flex-wrap:wrap;gap:16px}
.decline-table{border-collapse:collapse;font-family:'Source Serif 4',serif;font-size:.86rem;flex:1;min-width:220px}
.decline-table th{
  font-family:'Oswald',sans-serif;font-size:.62rem;letter-spacing:.04em;color:var(--ink-dim);
  text-align:left;padding:6px 10px;border-bottom:1px solid var(--ink);
}
.decline-table td{padding:6px 10px;border-bottom:1px solid var(--line);color:var(--ink)}
.decline-table td.dt-label{font-family:'Oswald',sans-serif;font-size:.7rem;color:var(--ink-dim);white-space:nowrap}
.decline-table-poss td.dt-label{width:40%}
.decline-empty{font-family:'Source Serif 4',serif;font-style:italic;color:var(--ink-dim);margin-top:10px;font-size:.88rem}
@media(max-width:520px){
  .decline-table-wrap{flex-direction:column;gap:12px}
  .decline-table{display:block;width:100%;min-width:0}
  .decline-table thead{display:none}
  .decline-table tbody{display:grid;gap:8px}
  .decline-table tr{display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line)}
  .decline-table td{display:flex;flex-direction:column;gap:2px;border:0;padding:8px 10px;min-width:0;overflow-wrap:anywhere}
  .decline-table td+td{border-left:1px solid var(--line)}
  .decline-table td.dt-label{grid-column:1/-1;width:auto;background:var(--bg);border:0;border-bottom:1px solid var(--line);padding:6px 10px}
  .decline-table td:not(.dt-label)::before{content:attr(data-label);font-family:'Oswald',sans-serif;font-size:.57rem;letter-spacing:.05em;color:var(--copper)}
  .decline-table-poss tr{grid-template-columns:1fr}
  .decline-table-poss td+td{border-left:0}
}

.entry-foot{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}
.report-link{
  background:none;border:none;cursor:pointer;font-family:'Oswald',sans-serif;font-size:.72rem;
  letter-spacing:.02em;color:var(--ink-dim);
}
.report-link:hover{color:var(--copper)}
.report-link:disabled{opacity:.6;cursor:default}

.empty-state{margin-top:30px;text-align:center;padding:40px 20px;color:var(--ink-dim)}
.empty-state svg{width:34px;height:34px;stroke:var(--ink-dim);fill:none;stroke-width:1.4;margin-bottom:12px}
.empty-state p{font-family:'Source Serif 4',serif;font-size:.95rem;max-width:360px;margin:0 auto}

.featured-words{margin-top:26px}
.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.featured-card{
  border:1px solid var(--line);background:var(--bg);padding:14px 16px;cursor:pointer;
  transition:border-color .15s;text-align:left;width:100%;
}
.featured-card:hover{border-color:var(--copper)}
.featured-card .fc-hw{font-family:'Oswald',sans-serif;font-weight:700;font-size:1.05rem;color:var(--ink);overflow-wrap:break-word;word-break:break-word}
.featured-card .fc-preview{font-family:'Source Serif 4',serif;font-style:italic;font-size:.82rem;color:var(--ink-dim);margin-top:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.featured-card .fc-image{width:100%;height:80px;object-fit:cover;margin-bottom:8px;background:var(--surface)}

.suggest-words{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
.suggest-words .sw-chip{
  font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.03em;
  background:var(--surface);border:1px solid var(--line);color:var(--pine);
  padding:7px 14px;cursor:pointer;transition:.2s;
}
.suggest-words .sw-chip:hover{border-color:var(--copper);color:var(--copper)}
.suggest-words:has(.suggest-heading,.suggest-result-list,.suggest-spell-link){width:min(100%,560px);margin:22px auto 0;text-align:left;gap:10px}
.suggest-heading{font-family:'Oswald',sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.05em;color:var(--ink);text-align:center}
.suggest-help{font-family:'Source Serif 4',serif;font-size:.88rem;color:var(--ink-dim);text-align:center;margin:0}
.suggest-result-list{display:flex;flex-direction:column;width:100%;border:1px solid var(--line);background:var(--bg)}
.suggest-result{display:grid;grid-template-columns:minmax(110px,.65fr) minmax(0,1.35fr) 18px;align-items:center;gap:12px;width:100%;padding:11px 13px;background:none;border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;color:var(--ink)}
.suggest-result:first-child{border-top:0}
.suggest-result:hover{background:var(--surface)}
.suggest-result-word{font-family:'Oswald',sans-serif;font-weight:700;color:var(--pine)}
.suggest-result-preview{font-family:'Source Serif 4',serif;font-size:.82rem;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.suggest-result-arrow{color:var(--copper);text-align:right}
.suggest-spell-link{justify-self:center;font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.03em;color:var(--copper);text-decoration:none;border-bottom:1px dotted currentColor;padding:3px 1px}
.suggest-spell-link:hover{color:var(--pine)}

/* Rusça/Türkçe ters arama: sözlüğe ait sonuçlar kart taklidi yapmadan
   okunabilir bir dizin olarak görünür; sözcüğe geçiş bütün satırdan yapılır. */
.reverse-result-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 2px 10px;border-bottom:1px solid var(--ink)}
.reverse-result-head strong{font-family:'Oswald',sans-serif;font-size:1.05rem;color:var(--ink)}
.reverse-result-head span{font-family:'Oswald',sans-serif;font-size:.68rem;letter-spacing:.05em;color:var(--ink-dim)}
.reverse-result-list{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
.reverse-result{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1.5fr) 22px;align-items:center;gap:18px;width:100%;padding:14px 10px;background:transparent;border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;color:var(--ink)}
.reverse-result:first-child{border-top:0}
.reverse-result:hover{background:var(--bg)}
.reverse-result-word{font-family:'Oswald',sans-serif;font-weight:700;color:var(--pine)}
.reverse-result-preview{font-family:'Source Serif 4',serif;font-size:.9rem;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reverse-result-arrow{font-family:'Oswald',sans-serif;color:var(--copper);font-size:1rem;text-align:right;transition:transform .15s ease}
.reverse-result:hover .reverse-result-arrow{transform:translateX(3px)}

@media(max-width:900px){
  .tool-layout{grid-template-columns:1fr}
}
@media(max-width:600px){
  .tool-card{padding:20px}
  .entry-card{padding:18px}
  .entry-hw{font-size:1.3rem}
  .reverse-result{grid-template-columns:1fr 20px;gap:4px 12px;padding:13px 8px}
  .reverse-result-preview{grid-column:1;font-size:.84rem}
  .reverse-result-arrow{grid-column:2;grid-row:1 / span 2}
  .suggest-result{grid-template-columns:1fr 18px;gap:3px 10px}
  .suggest-result-preview{grid-column:1}
  .suggest-result-arrow{grid-column:2;grid-row:1 / span 2}
}
@media(max-width:480px){
  .entry-head-right{width:100%;margin-left:0}
  .dir-tabs button{font-size:.68rem;padding-left:8px;padding-right:8px}
}

/* --- Bagımsız popover (kb-dictionary.js tarafından başka sayfalara enjekte edilir) --- */
.kbd-popover{
  position:absolute;z-index:9999;max-width:340px;
  background:var(--bg);border:2px solid var(--ink);box-shadow:0 16px 32px rgba(0,0,0,.25);
  padding:16px 18px;font-family:'Source Serif 4',serif;
}
.kbd-popover .kbd-close{
  position:absolute;top:6px;right:8px;background:none;border:none;cursor:pointer;
  font-size:1rem;color:var(--ink-dim);line-height:1;
}
.kbd-popover .kbd-close:hover{color:var(--copper)}
.kbd-popover .entry-card{border:none;background:none;padding:0}