/* PBM-REVIEW (ревью вёрстки 06.10.2026): pbm-article.css — правки по ревью, подключается из index.php после всех стилей.
   Страница поста (body.pbm-page-article = лента и новости): типографика текста статьи и блок комментариев.
   Образец — зелёные скрины ревью: 29-ПОСТ-p1-i1 (текст в редакторе), 29-ПОСТ-p2-i2 (комментарии, ПК),
   30-пост_адаптив-p1-i1 (мобила). ПК — @media (min-width:1086px), мобила — в mobile-article.css (≤1085px). */

/* =====================================================================
   1. Текст статьи — все ширины (ПО-ПК-1, ПО-ПК-2, ПО-ПК-3)
   Причина: сброс в template.css (строки 144–161: h1–h6, strong, b, em, i, sub, sup … {font:inherit};
   ol, ul {list-style:none}) снимает с тегов редактора кегль, жирность, курсив и маркеры.
   Заголовки при этом наследуют 12px от body и становятся мельче абзацев (у p свои 18px).
   Жирный: кроме сброса, у десктопного семейства MuseoSansCyrl одно начертание (MuseoSansCyrl.otf =
   Museo Sans Cyrl 500), поэтому даже font-weight:700 браузер рисовал бы «фальшивым» утолщением.
   Берём настоящие начертания Museo Sans Cyrl 300/500/700 — семейство MuseoSansCyrlPB (--pb-font),
   @font-face объявлены в mobile.css вне медиазапроса, файлы fonts/MuseoSansCyrl-*.woff.
   ===================================================================== */
body.pbm-page-article .article-body strong,
body.pbm-page-article .article-body b{font-family:var(--pb-font);font-weight:700;}
body.pbm-page-article .article-body em,
body.pbm-page-article .article-body i,
body.pbm-page-article .article-body cite{font-style:italic;}
body.pbm-page-article .article-body sub,
body.pbm-page-article .article-body sup{font-size:.75em;line-height:0;}
body.pbm-page-article .article-body sub{vertical-align:sub;}
body.pbm-page-article .article-body sup{vertical-align:super;}
body.pbm-page-article .article-body code,
body.pbm-page-article .article-body kbd{
    font-family:Consolas,"Courier New",monospace;font-size:.9em;
    padding:0 .25em;border-radius:4px;background:var(--pb-light,#f5f7fa);
}
/* заголовки: кегль и семейство задаёт сам заголовок — инлайновые font-size / font-family из редактора
   (span style="font-size:18px" внутри h2 и т.п.) их не перебивают */
body.pbm-page-article .article-body h1 [style*="font-size"],
body.pbm-page-article .article-body h2 [style*="font-size"],
body.pbm-page-article .article-body h3 [style*="font-size"],
body.pbm-page-article .article-body h4 [style*="font-size"],
body.pbm-page-article .article-body h5 [style*="font-size"],
body.pbm-page-article .article-body h6 [style*="font-size"]{font-size:inherit!important;}
body.pbm-page-article .article-body h1 [style*="font-family"],
body.pbm-page-article .article-body h2 [style*="font-family"],
body.pbm-page-article .article-body h3 [style*="font-family"],
body.pbm-page-article .article-body h4 [style*="font-family"],
body.pbm-page-article .article-body h5 [style*="font-family"],
body.pbm-page-article .article-body h6 [style*="font-family"]{font-family:inherit!important;}
body.pbm-page-article .article-body h1 strong,
body.pbm-page-article .article-body h1 b,
body.pbm-page-article .article-body h2 strong,
body.pbm-page-article .article-body h2 b,
body.pbm-page-article .article-body h3 strong,
body.pbm-page-article .article-body h3 b,
body.pbm-page-article .article-body h4 strong,
body.pbm-page-article .article-body h4 b,
body.pbm-page-article .article-body h5 strong,
body.pbm-page-article .article-body h5 b,
body.pbm-page-article .article-body h6 strong,
body.pbm-page-article .article-body h6 b{font-weight:inherit;}
body.pbm-page-article .article-body h1 a,
body.pbm-page-article .article-body h2 a,
body.pbm-page-article .article-body h3 a,
body.pbm-page-article .article-body h4 a,
body.pbm-page-article .article-body h5 a,
body.pbm-page-article .article-body h6 a{color:inherit;}
/* списки: маркеры и отступ; абзацы внутри пунктов (TinyMCE кладёт <li><p>…</p></li>) — без своих полей */
body.pbm-page-article .article-body ul{list-style:disc outside;}
body.pbm-page-article .article-body ol{list-style:decimal outside;}
body.pbm-page-article .article-body ul ul,
body.pbm-page-article .article-body ol ul{list-style-type:circle;}
body.pbm-page-article .article-body ol ol{list-style-type:lower-alpha;}
body.pbm-page-article .article-body li{display:list-item;float:none;list-style:inherit;}
body.pbm-page-article .article-body li::marker{color:var(--pb-text,#1e1e1e);}
body.pbm-page-article .article-body li > p:last-child{margin-bottom:0;}
body.pbm-page-article .article-body li ul,
body.pbm-page-article .article-body li ol{margin-top:6px;margin-bottom:0;}

/* =====================================================================
   1a. ПК (>1085px): размеры. Абзацы на ПК — 18px (template.css), заголовки крупнее и жирнее
   ===================================================================== */
@media (min-width:1086px){
body.pbm-page-article .item-page .article-body h1,
body.pbm-page-article .item-page .article-body h2,
body.pbm-page-article .item-page .article-body h3,
body.pbm-page-article .item-page .article-body h4,
body.pbm-page-article .item-page .article-body h5,
body.pbm-page-article .item-page .article-body h6{
    display:block;margin:30px 0 14px;padding:0;
    font-family:var(--pb-font);font-weight:700;font-style:normal;color:var(--pb-text,#1e1e1e);text-transform:none;
}
body.pbm-page-article .item-page .article-body h1,
body.pbm-page-article .item-page .article-body h2{font-size:28px;line-height:34px;}
body.pbm-page-article .item-page .article-body h3{font-size:24px;line-height:30px;}
body.pbm-page-article .item-page .article-body h4{font-size:20px;line-height:26px;margin-top:26px;}
body.pbm-page-article .item-page .article-body h5,
body.pbm-page-article .item-page .article-body h6{font-size:18px;line-height:24px;margin-top:24px;margin-bottom:10px;}
body.pbm-page-article .item-page .article-body > h1:first-child,
body.pbm-page-article .item-page .article-body > h2:first-child,
body.pbm-page-article .item-page .article-body > h3:first-child,
body.pbm-page-article .item-page .article-body > h4:first-child,
body.pbm-page-article .item-page .article-body > h5:first-child,
body.pbm-page-article .item-page .article-body > h6:first-child{margin-top:0;}
/* списки: кегль как у абзацев (иначе маркер наследует 12px), отступ слева под маркер */
body.pbm-page-article .item-page .article-body ul,
body.pbm-page-article .item-page .article-body ol{margin:0 0 20px;padding:0 0 0 30px;}
body.pbm-page-article .item-page .article-body li{
    margin:0 0 10px;padding:0 0 0 4px;
    font-size:18px;line-height:22px;color:#000;
}
body.pbm-page-article .item-page .article-body li:last-child{margin-bottom:0;}
body.pbm-page-article .item-page .article-body li > p{margin-bottom:0;}
body.pbm-page-article .item-page .article-body li > p + p{margin-top:10px;}
/* цитата (blockquote): в редакторе — отбивка, в макете статьи — серая плашка со скруглением */
body.pbm-page-article .item-page .article-body blockquote{
    margin:0 0 20px;padding:16px 20px;border-radius:10px;background:var(--pb-light,#f5f7fa);
    font-size:18px;line-height:22px;color:var(--pb-muted,#6b7280);
}
body.pbm-page-article .item-page .article-body blockquote p{color:inherit;}
body.pbm-page-article .item-page .article-body blockquote > :last-child{margin-bottom:0;}
} /* /min-width:1086px */

/* PBM-REVIEW: у вошедшего лайк/закладка — <button>, а кнопки не наследуют шрифт (числа были Arial 24px),
   у гостя это <a> с MuseoSansCyrl — выравниваем. Цвет/подсветку «моих» лайков не трогаем (ПО-ПК-8 — у главного исполнителя). */
@media (min-width:1086px){
body.pbm-page-article .article-stats__actions > button.btn-like,
body.pbm-page-article .article-stats__actions > button.btn-fav{font-family:"MuseoSansCyrl",sans-serif;}
}

/* =====================================================================
   2. Комментарии — ПК (ПО-ПК-4, ПО-ПК-5, ПО-ПК-7). Мобила — mobile-article.css, раздел 8.
   Порядок задан в html/com_content/article/default.php: форма → «проходят модерацию» → «N комментариев» → список.
   Размеры сняты с 29-ПОСТ-p2-i2-green (скрин в масштабе ≈1.22 к 1366).
   ===================================================================== */
@media (min-width:1086px){
body.pbm-page-article #comments-section.comments-section{
    max-width:none;margin:24px 0 0;padding:0;font-family:var(--pb-font);color:var(--pb-text,#1e1e1e);
}
/* форма: рамка 1px #E5E7EB r10, внутри поле без рамки и синяя «Отправить» снизу справа */
body.pbm-page-article form#comment-form.comment-form{
    display:flex;flex-direction:column;gap:0;margin:0;padding:18px 24px 20px 21px;
    background:#fff;border:1px solid var(--pb-border,#e5e7eb);border-radius:10px;
    transition:border-color .15s ease;
}
body.pbm-page-article form#comment-form.comment-form:focus-within{border-color:var(--pb-accent,#08a5c5);}
body.pbm-page-article .comment-form__textarea{
    display:block;width:100%;min-height:44px;max-height:420px;margin:0;padding:0;overflow-y:auto;
    border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;resize:none;
    font-family:var(--pb-font);font-weight:300;font-size:16px;line-height:20px;color:var(--pb-text,#1e1e1e);
}
/* template.css задаёт всем ::-webkit-input-placeholder 12px MuseoSansCyrl — подсказка поля как сам текст */
body.pbm-page-article .comment-form__textarea::placeholder{
    font-family:var(--pb-font);font-weight:300;font-size:16px;line-height:20px;color:var(--pb-muted,#6b7280);opacity:1;
}
body.pbm-page-article .comment-form__bar{display:flex;align-items:center;justify-content:flex-end;margin:12px 0 0;padding:0;}
body.pbm-page-article .comment-form__submit{
    display:inline-flex;align-items:center;justify-content:center;align-self:auto;
    height:28px;margin:0;padding:0 10px;border:0;border-radius:6px;
    background:var(--pb-accent,#08a5c5);color:#fff;cursor:pointer;
    font-family:var(--pb-font);font-weight:500;font-size:14px;line-height:1;
    transition:background-color .15s ease,opacity .15s ease;
}
body.pbm-page-article .comment-form__submit:hover{background:#0790ac;}
body.pbm-page-article .comment-form__submit:disabled{opacity:.6;cursor:default;}
/* гость: та же рамка, внутри приглашение войти */
body.pbm-page-article #comments-section p.comments-section__login{
    margin:0;padding:18px 21px;border:1px solid var(--pb-border,#e5e7eb);border-radius:10px;
    font-family:var(--pb-font);font-weight:300;font-size:16px;line-height:20px;color:var(--pb-muted,#6b7280);
}
body.pbm-page-article #comments-section .comments-section__login a{color:var(--pb-accent,#08a5c5);text-decoration:underline;}
/* «Комментарии проходят модерацию по правилам портала» */
body.pbm-page-article #comments-section p.comments-section__rules{
    margin:10px 0 0;padding:0;
    font-family:var(--pb-font);font-weight:300;font-size:16px;line-height:20px;color:var(--pb-muted,#6b7280);
}
body.pbm-page-article .comments-section__rules-link{color:inherit!important;text-decoration:underline!important;text-underline-offset:2px;}
/* «4 комментария» — Museo 700 32px (ширина строки в макете ≈239px = 32px) */
body.pbm-page-article .comments-section__title{
    display:block;margin:50px 0 0;padding:0;
    font-family:var(--pb-font);font-weight:700;font-size:32px;line-height:38px;color:var(--pb-text,#1e1e1e);
}
body.pbm-page-article #comments-section.is-empty .comments-section__title{display:none;}
/* список: без рамок и подложек — аватар 40, имя, дата, текст под ними */
body.pbm-page-article ul.comments-list{display:flex;flex-direction:column;gap:28px;margin:28px 0 0;padding:0;list-style:none;}
body.pbm-page-article #comments-section.is-empty ul.comments-list{margin:0;}
body.pbm-page-article .comments-list__item{
    display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"av meta" "txt txt";
    column-gap:11px;row-gap:12px;align-items:center;
    margin:0;padding:0;border:0;border-radius:0;background:transparent;
}
body.pbm-page-article .comments-list__avatar{grid-area:av;margin:0;padding:0;line-height:0;}
body.pbm-page-article .comments-list__avatar img{display:block;width:40px;height:40px;border-radius:50%;object-fit:cover;}
body.pbm-page-article .comments-list__body{display:contents;}
body.pbm-page-article .comments-list__meta{
    grid-area:meta;display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0;padding:0;min-width:0;
}
body.pbm-page-article .comments-list__author{
    margin:0;font-family:var(--pb-font);font-weight:500;font-size:16px;line-height:19px;color:var(--pb-text,#1e1e1e);
}
body.pbm-page-article .comments-list__date{
    font-family:var(--pb-font);font-weight:500;font-style:normal;font-size:12px;line-height:14px;color:var(--pb-muted,#6b7280);
}
/* текст комментария в макете — Museo 500 16px (строка «Вот это да!…» ≈676px = 16/500) */
body.pbm-page-article .comments-list__text{
    grid-area:txt;margin:0;
    font-family:var(--pb-font);font-weight:500;font-size:16px;line-height:21px;color:var(--pb-text,#1e1e1e);
    overflow-wrap:anywhere;
}
} /* /min-width:1086px */