/* ============================================================
   SINGLE SLOVO — страница слова словаря (CPT slovo).
   Мобильный порядок: H1 → карточка перевода → картинка → содержание.
   ПК (≥992px): grid в две колонки (перевод слева, картинка/оглавление справа).
   Классы el-w-* генерятся импортёром в post_content — менять синхронно!
   ============================================================ */

.el-slovo{padding-bottom:30px}
.el-slovo .el-updated{font-size:.875rem;color:var(--muted);margin:2px 0 8px}
.el-slovo h1{margin-bottom:18px}

/* --- Верхний блок --- */
.el-w-top{display:block;margin-bottom:34px}
@media(min-width:992px){
  .el-w-top{display:grid;grid-template-columns:2fr 1fr;grid-template-areas:"trans image" "trans toc";column-gap:24px;row-gap:20px;align-items:start}
  .el-w-trans{grid-area:trans}
  .el-w-image{grid-area:image}
  .el-w-toc{grid-area:toc}
  .el-w-top.no-image{grid-template-areas:"trans toc" "trans ."}
}

/* Карточка перевода */
.el-w-trans{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--r-card);box-shadow:var(--shadow-soft);padding:24px;margin-bottom:20px}
@media(min-width:992px){.el-w-trans{margin-bottom:0}}
.el-w-trans .wt-head{font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-deep);margin:0 0 14px}
.el-w-trans .wt-word{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 4px;color:var(--ink)}
.el-w-trans .wt-word .ru{font-weight:700;color:var(--ink)}
.el-w-trans .wt-syn{font-size:.9375rem;color:var(--muted);margin:10px 0 0}
.el-w-trans .wt-def{font-size:1.0625rem;color:var(--body);margin:12px 0 0;font-style:italic}
.el-w-trans .wt-def ol{margin:6px 0 0;padding-left:22px}
.el-w-trans .wt-def li{margin-bottom:4px}
.el-w-trans .wt-pos{font-size:.9375rem;color:var(--body);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--hairline)}
.el-w-trans .wt-pos b{color:var(--muted);font-weight:700}

/* Строки произношения UK/US */
.el-w-say{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--band);border-radius:14px;padding:12px 16px;margin-top:12px}
.el-w-say .lab{font-weight:700;font-size:.9375rem;color:var(--ink)}
.el-w-say .tr{font-family:var(--mono);font-size:1.0625rem;color:var(--body)}

/* Картинка */
.el-w-image{margin-bottom:20px}
.el-w-image img{width:100%;max-height:400px;object-fit:cover;border-radius:var(--r-card);box-shadow:var(--shadow-soft)}
@media(min-width:992px){.el-w-image{margin-bottom:0}}

/* Оглавление */
.el-w-toc{background:var(--surface);border:1px solid var(--hairline);border-radius:16px;padding:18px 20px}
.el-w-toc .toc-h{font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.el-w-toc ul{list-style:none;margin:0;padding:0}
.el-w-toc li{margin-bottom:8px}
.el-w-toc a{text-decoration:none;color:var(--ink);font-size:.9375rem;font-weight:500}
.el-w-toc a:hover{color:var(--orange-deep)}

/* --- Секции слова --- */
.el-slovo section{margin-bottom:40px}
.el-slovo section h2{margin-bottom:10px}
.el-slovo section .lead{color:var(--body);font-size:1.0625rem;margin-bottom:18px}

/* Однокоренные + формы: две колонки на ПК */
.el-w-2col{display:grid;gap:24px}
@media(min-width:768px){.el-w-2col{grid-template-columns:1fr 1fr}}
.el-list{font-size:1.0625rem}
.el-list>div{padding:9px 0;border-bottom:1px solid var(--hairline);color:var(--body)}
.el-list>div:last-child{border-bottom:0}
.el-list b{color:var(--ink)}
.el-list .lab{color:var(--muted)}

/* Чипы «слова для заучивания» */
.el-w-chips{display:flex;flex-wrap:wrap;gap:10px}
.el-w-chip{border:1px solid var(--hairline);border-radius:12px;padding:8px 12px;background:var(--surface);
  font-size:1rem;display:inline-flex;align-items:center;gap:6px;color:var(--body)}
.el-w-chip a{font-weight:700;color:var(--orange-deep);text-decoration:none}
.el-w-chip a:hover{text-decoration:underline}
.el-w-chip b{color:var(--ink)}

/* Блочные строки фраз/примеров/словосочетаний с зеброй */
.el-rows{font-size:1.0625rem;border-radius:14px;overflow:hidden}
.el-row{padding:12px 14px}
.el-rows .el-row:nth-child(even){background:var(--band)}
.el-row .en{color:var(--ink);font-weight:600}
.el-row .ru{color:var(--body)}
.el-row .tr{font-family:var(--mono);font-size:.9375rem;color:var(--muted);margin-top:2px}
@media(min-width:768px){
  .el-row{display:flex;gap:24px;align-items:baseline}
  .el-row .c-en,.el-row .c-ru{flex:1 1 0;min-width:0}
}

/* Ссылка «показать транскрипцию» (SEO-костыль ?show_transcriptions) */
.el-show-tr{margin:0 0 14px}
.el-show-tr a{color:var(--orange-deep);text-decoration:none;font-size:.9375rem}
.el-show-tr a:hover{text-decoration:underline}

/* Совет-подсказка */
.el-tip{background:var(--p-mint);color:var(--d-mint);border-radius:14px;padding:14px 18px;font-size:.9375rem;font-weight:500}
.el-tip b{font-weight:800}

/* Похожие слова — карточки */
.el-w-similar{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.el-w-similar a{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--card-border);
  border-radius:16px;padding:16px 12px;text-align:center;box-shadow:var(--shadow-soft);transition:box-shadow .15s}
.el-w-similar a:hover{box-shadow:var(--shadow)}
.el-w-similar .w{font-weight:800;color:var(--ink);font-size:1rem}
.el-w-similar .t{color:var(--muted);font-size:.875rem;margin-top:2px}

/* --- Страницы-фразы (речевые формулы: gen-phrase-page.php) --- */
.el-phrase-sim{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.5rem}
.el-phrase-sim li{background:var(--surface);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);
  border-radius:14px;padding:.7rem 1rem;line-height:1.5}
.el-phrase-sim b{color:var(--ink);font-weight:800}
.el-phrase-faq{display:grid;gap:.7rem;margin:1rem 0}
.el-phrase-faq .faq-item{background:var(--surface);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);
  border-radius:14px;padding:1rem 1.2rem 1rem 1.4rem;position:relative;overflow:hidden}
.el-phrase-faq .faq-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--orange)}
.el-phrase-faq .faq-q{font-weight:800;color:var(--ink);margin:0 0 .4rem;font-size:1.0625rem;display:flex;gap:.5rem}
.el-phrase-faq .faq-q::before{content:"❓";flex:0 0 auto}
.el-phrase-faq .faq-a{color:var(--body);margin:0;line-height:1.6}
/* Подсветка упомянутых фраз в тексте FAQ (живее, глазом видно, о чём речь) */
.el-hl{background:var(--p-yellow);color:var(--d-yellow);padding:.05em .35em;border-radius:6px;font-weight:700;font-style:normal;white-space:nowrap}

/* Блок «О русской транскрипции» */
.el-w-trnote{background:var(--p-mint);border-radius:var(--r-card);padding:20px 24px}
.el-w-trnote h2{margin:0 0 8px;font-size:1.25rem;color:var(--d-mint)}
.el-w-trnote p{margin:0;color:var(--d-mint);line-height:1.6;font-size:1rem}
.el-w-trnote code{background:rgba(0,0,0,.08);padding:.05em .35em;border-radius:5px;font-family:var(--mono)}