/* Страница статьи — новые компоненты (префикс udm-nw). Всё остальное — классы и стили сайта.
   Токены сайта: текст #382D28 · приглушённый #6C605A · акцент #7CAB3D · тёмный акцент #56772A ·
   кремовая подложка #F7F8E6 · бежевая #F1F0EA · рамка #C6B4AC · светло-зелёная рамка #BED597 · коричневый #8D6959 */

/* ---------- 3.1 / 3.3 «Коротко» и «Короткий вывод» (один компонент) ---------- */
.udm-short{position:relative;background:#F7F8E6;border-radius:20px;padding:24px 28px 22px 32px;margin:0 0 32px;overflow:hidden}
.udm-short::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#7CAB3D}
.udm-short__t,.podcat-text h2.udm-short__t{font:500 14px/1.3 "Unbounded",sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#382D28;margin:0 0 12px;padding:0}
.udm-short__body{font-size:19px;line-height:1.55;font-weight:500;color:#382D28}
.udm-short__body p{margin:0 0 10px}
.udm-short__body p:last-child{margin-bottom:0}
.udm-short__body ul{margin:0;padding-left:22px}
.udm-short__body li{margin-bottom:6px}
.udm-short__meta{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:14px;font-size:14px;line-height:1.4;color:#6C605A}
.udm-short__meta b{font-weight:700;color:#382D28}
.udm-short--end{margin:40px 0 32px}

/* ---------- 3.4 даты в карточке автора ---------- */
.udm-nw-dates{margin-top:8px;font-size:13px;line-height:1.45;color:#6C605A}
.udm-nw-dates span{display:block}

/* мобильная карточка автора над «Коротко» (на ПК — в правой колонке, как сейчас) */
.udm-nw-meta{display:none}

/* ---------- 3.5 оглавление ---------- */
/* Промо-карточки статей в правой колонке: липкое оглавление наезжало бы на них — скрыты.
   РЕШЕНИЕ НА СОГЛАСОВАНИИ (записка, вопрос 1). Чтобы вернуть — удалить это правило. */
.udm-nw .news-dop{display:none}
/* ПК: липкое оглавление в правой колонке, подсветка текущего раздела */
.udm-nw .news-dop-wrapper{align-self:stretch}
.udm-nw .new-soferganie-right{position:sticky;top:20px;max-height:calc(100vh - 40px);display:flex;flex-direction:column}
.udm-nw .new-soferganie-right .soderganie-block{min-height:0;display:flex;flex-direction:column}
.udm-nw .new-soferganie-right .soderganie-body{overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(124,171,61,.45) transparent;padding-right:4px}
.udm-nw .sod-line a.go-to-text{color:#6C605A;display:block;position:relative;padding:4px 0 4px 12px;border-radius:6px;transition:color .15s}
.udm-nw .sod-line a.go-to-text:hover{color:#382D28}
.udm-nw .sod-line a.go-to-text.is-active{color:#382D28;font-weight:700}
.udm-nw .sod-line a.go-to-text.is-active::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:#7CAB3D}
.udm-nw .sod-line a.go-to-text:focus-visible{outline:3px solid #382D28 !important;outline-offset:2px}

/* мобильный: сворачиваемый блок под «Коротко», свёрнут по умолчанию */
.udm-toc-mob{display:none}

/* ---------- 3.6 карточка инструмента ---------- */
.udm-tool{display:flex;align-items:center;gap:14px;margin:4px 0 24px;padding:14px 18px;border:1px solid #BED597;border-radius:16px;background:#fff;color:#382D28;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.udm-tool:hover{border-color:#7CAB3D;box-shadow:0 10px 20px rgba(141,105,89,.15);color:#382D28;text-decoration:none}
.udm-tool:focus-visible{outline:3px solid #382D28 !important;outline-offset:-3px}
.udm-tool__ico{flex:none;width:40px;height:40px;border-radius:12px;background:#F7F8E6;display:flex;align-items:center;justify-content:center}
.udm-tool__ico img{display:block;max-width:22px;max-height:24px}
.udm-tool__tx{flex:1;min-width:0;display:flex;align-items:baseline;gap:4px 12px;flex-wrap:wrap}
.udm-tool__t{font-weight:700;font-size:17px;line-height:1.3}
.udm-tool__d{font-size:15px;line-height:1.35;color:#6C605A}
.udm-tool__k{font:500 11px/1 "Unbounded",sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#56772A;background:#F7F8E6;border-radius:6px;padding:5px 7px;flex:none}
.udm-tool__ar{flex:none;display:flex}
.udm-tool__ar img{display:block}

/* ---------- 3.2 «Частые вопросы» ---------- */
.udm-nw-faq{margin:40px 0 0}
.udm-nw-faq .udm-nw-faq__list{margin-top:18px}
.udm-nw-faq__item{background:#F7F8E6;border-radius:20px;margin-bottom:10px;transition:box-shadow .2s}
.udm-nw-faq__head{display:flex;align-items:stretch}
.udm-nw-faq__q{flex:1;min-width:0;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;background:none;padding:16px 8px 16px 26px;text-align:left;font:800 19px/1.35 "Mulish",sans-serif;color:#382D28;cursor:pointer;border-radius:20px}
.udm-nw-faq__q h3{margin:0;font:inherit;color:inherit}
.udm-nw-faq__q .arAcc{flex:none;transition:transform .3s ease}
.udm-nw-faq__q:focus-visible{outline:3px solid #382D28 !important;outline-offset:-3px}
.udm-nw-faq__q:hover{color:#56772A}
.udm-nw-faq__link{flex:none;width:44px;min-height:44px;border:0;background:none;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#56772A;cursor:pointer;opacity:0;transition:opacity .15s;margin:10px 10px 10px 0}
.udm-nw-faq__item:hover .udm-nw-faq__link,.udm-nw-faq__link:focus-visible,.udm-nw-faq__link.is-copied{opacity:1}
.udm-nw-faq__link:hover{background:#fff}
.udm-nw-faq__link:focus-visible{outline:3px solid #382D28 !important;outline-offset:0}
.udm-nw-faq__a{padding:0 26px 18px;font-size:18px;line-height:1.5}
.udm-nw-faq__a p{margin:0 0 10px}
.udm-nw-faq__a p:last-child{margin:0}
/* вариант Б (аккордеон): ответ скрыт только визуально — текст в DOM всегда */
.udm-nw-faq--acc .udm-nw-faq__item:not(.is-open) .udm-nw-faq__a{display:none}
.udm-nw-faq--acc .udm-nw-faq__item.is-open{box-shadow:0 10px 20px 0 rgba(124,171,61,.35)}
.udm-nw-faq--acc .udm-nw-faq__item.is-open .arAcc{transform:rotate(180deg)}
/* вариант А (всё раскрыто): без стрелки, вопрос не кнопка по виду */
.udm-nw-faq--open .udm-nw-faq__q{cursor:default}
.udm-nw-faq--open .udm-nw-faq__q .arAcc{display:none}
.udm-nw-faq--open .udm-nw-faq__q:hover{color:#382D28}
.udm-nw-faq__toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#382D28;color:#fff;font-size:14px;padding:10px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000}
.udm-nw-faq__toast.on{opacity:1}

/* мобильный */
@media (max-width:991px){
  .udm-nw .news-dop-wrapper{display:none}           /* карточка автора и оглавление на мобиле — в начале статьи */
  .udm-nw-meta{display:flex;align-items:center;gap:12px;margin:0 0 18px}
  .udm-nw-meta img.yur-img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
  .udm-nw-meta__name a{font-weight:700;font-size:16px;color:#56772A}
  .udm-nw-meta__note{font-size:13px;line-height:1.4;color:#6C605A}
  .udm-toc-mob{display:block;background:#F7F8E6;border-radius:20px;margin:0 0 28px}
  .udm-toc-mob__btn{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:none;padding:12px 20px;font:700 17px "Mulish",sans-serif;color:#382D28;text-align:left;cursor:pointer;border-radius:20px}
  .udm-toc-mob__btn:focus-visible{outline:3px solid #382D28 !important;outline-offset:-3px}
  .udm-toc-mob__btn img{transition:transform .3s}
  .udm-toc-mob.is-open .udm-toc-mob__btn img{transform:rotate(180deg)}
  .udm-toc-mob ol.udm-toc-mob__list{display:none;padding:0 20px 10px;margin:0;list-style:none}
  .udm-toc-mob.is-open ol.udm-toc-mob__list{display:block}
  .udm-toc-mob .udm-toc-mob__list li{display:block;margin:0;padding:0;counter-increment:none}
  .udm-toc-mob .udm-toc-mob__list li::before{content:none;display:none}
  .udm-toc-mob .udm-toc-mob__list a.udm-toc-mob__a{display:flex;align-items:center;min-height:44px;padding:8px 0;border-top:1px solid #E3EDCF;color:#382D28;font-size:15px;line-height:1.35;text-decoration:none}
  .udm-toc-mob .udm-toc-mob__list li:first-child a.udm-toc-mob__a{border-top:0}
  .udm-toc-mob .udm-toc-mob__list a.udm-toc-mob__a:active{color:#56772A}
  .udm-toc-mob .udm-toc-mob__list a.udm-toc-mob__a:focus-visible{outline:3px solid #382D28 !important;outline-offset:2px;border-radius:4px}
}
@media (max-width:767px){
  .udm-short{padding:18px 16px 16px 20px;border-radius:16px;margin-bottom:24px}
  .udm-short__body{font-size:17px}
  .udm-tool{display:grid;grid-template-columns:40px 1fr 22px;grid-template-areas:"ico k ar" "ico tx ar";align-items:center;padding:12px 14px;gap:6px 12px}
  .udm-tool__ico{grid-area:ico;align-self:start}
  .udm-tool__k{grid-area:k;justify-self:start;font-size:10px;padding:4px 6px}
  .udm-tool__tx{grid-area:tx;flex-direction:column;align-items:flex-start;gap:2px}
  .udm-tool__ar{grid-area:ar}
  .udm-tool__t{font-size:16px}
  .udm-tool__d{font-size:14px}
  .udm-nw-faq__q{font-size:17px;padding:14px 4px 14px 18px;min-height:56px}
  .udm-nw-faq__a{padding:0 18px 16px;font-size:16px}
  .udm-nw-faq__link{opacity:1;width:40px;margin:8px 6px 8px 0}
}
@media (prefers-reduced-motion:reduce){.udm-nw-faq__q .arAcc,.udm-toc-mob__btn img,.udm-tool{transition:none}}