/*
Theme Name: TestMaket
Theme URI: https://gameye.ru
Author: Yar
Author URI: https://gameye.ru
Description: Лёгкая тема для игрового портала: лента новостей, страница поста с тегами, блоком «Похожее» и комментариями, единая цветовая схема на основе фона #F9FBF7.
Version: 1.3.62
Requires at least: 6.2
Requires PHP: 7.4
Tested up to: 7.1
Text Domain: testmaket
*/

/* =========================================
   INTER — свой шрифт (self-hosted, без внешних запросов к Google Fonts)
========================================= */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('assets/fonts/inter-cyrillic-wght-normal.woff2') format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('assets/fonts/inter-cyrillic-wght-italic.woff2') format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('assets/fonts/inter-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('assets/fonts/inter-latin-wght-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ==========================================================================
   1. ПЕРЕМЕННЫЕ
   Один источник правды для цвета/радиуса/ширины — компоненты ниже
   только ссылаются на эти переменные, повторных значений в коде нет.
   ========================================================================== */
:root{
  color-scheme: light;
  --tm-container: 980px;   /* ширина шапки/подвала/ленты */
  --tm-text-width: 720px;  /* ширина колонки для чтения (текст поста/страницы/комментарии) */

  /* базовый фон, задан пользователем */
  --tm-bg: #F9FBF7;
  --tm-bg-soft: #F5F4F0;      /* нейтральная подложка */
  --tm-card: #FFFFFF;         /* белые карточки на мягком фоне */
  --tm-card-border: rgba(38, 38, 38, .07);
  --tm-shadow: 0 1px 2px rgba(38, 38, 38, .025), 0 12px 36px rgba(38, 38, 38, .04);

  --tm-text: #262626;
  --tm-text-muted: #68696D;
  --tm-text-faint: #777A80;

  --tm-button: #F2CE32;
  --tm-button-hover: #E3BD19;
  --tm-cosplay-bg: #FCE8ED;
  --tm-accent: #F2CE32;       /* Жёлтый акцент; текстовые ссылки стилизованы отдельно. */
  --tm-accent-dark: #202024;
  --tm-accent-soft: #FFF7D6;
  --tm-accent-contrast: #262626;
	--tm-negative: #B44C4C;
	--tm-negative-soft: #F9E8E8;

  --tm-chip-bg: #F0F0ED;
  --tm-chip-text: #57585C;

  --tm-border: #E5E5E0;

  /* один радиус на всю тему — так проще держать стиль единым */
  --tm-radius: 1.5rem;
  --tm-radius-lg: var(--tm-radius);
  --tm-radius-md: var(--tm-radius);
  --tm-radius-sm: var(--tm-radius);
  --tm-radius-pill: 999px;

  --tm-font: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --tm-font-round: 'Inter', var(--tm-font);

  /* палитра для меток рубрик — распределяется автоматически по id рубрики,
     подобрана в тон основному фону, без обращения к базе за доп. настройками */
  --tm-cat-1: #34343A; --tm-cat-1-bg: #FFF7D6;
  --tm-cat-2: #45627F; --tm-cat-2-bg: #EDF2F8;
  --tm-cat-3: #8A5A2B; --tm-cat-3-bg: #FAF0E4;
  --tm-cat-4: #73588B; --tm-cat-4-bg: #F3EDF8;
  --tm-cat-5: #A64C5D; --tm-cat-5-bg: #FBECEF;
  --tm-cat-6: #596487; --tm-cat-6-bg: #EFF0F7;
}

[data-theme="dark"]{
  color-scheme: dark;
  --tm-bg: #19191C;
  --tm-bg-soft: #202024;
  --tm-card: #252529;
  --tm-card-border: rgba(242, 242, 238, .075);
  --tm-shadow: 0 1px 2px rgba(0,0,0,.22), 0 12px 34px rgba(0,0,0,.24);

  --tm-text: #F2F2EE;
  --tm-text-muted: #BABAC0;
  --tm-text-faint: #A0A0A8;

  --tm-button: #F2CE32;
  --tm-button-hover: #FFE178;
  --tm-cosplay-bg: #37242B;
  --tm-accent: #F2CE32;
  --tm-accent-dark: #FFE178;
  --tm-accent-soft: #383222;
  --tm-accent-contrast: #262626;
	--tm-negative: #EE8A8A;
	--tm-negative-soft: #41292B;

  --tm-chip-bg: #303035;
  --tm-chip-text: #D3D3D7;

  --tm-border: #3C3C42;

  --tm-cat-1: #F2CE32; --tm-cat-1-bg: #383222;
  --tm-cat-2: #A7BFE1; --tm-cat-2-bg: #293240;
  --tm-cat-3: #DABA91; --tm-cat-3-bg: #393127;
  --tm-cat-4: #C6AFE0; --tm-cat-4-bg: #342D40;
  --tm-cat-5: #E3A2B1; --tm-cat-5-bg: #3D2931;
  --tm-cat-6: #B1BAE0; --tm-cat-6-bg: #2D3040;
}

/* ==========================================================================
   2. RESET / БАЗА
   ========================================================================== */
*, *::before, *::after{ box-sizing: border-box; }
::selection{ background:#FFF6A9; color:#262626; }
html{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body{
  margin: 0;
  background: var(--tm-bg);
  color: var(--tm-text);
  font-family: var(--tm-font);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  transition: background-color .2s ease, color .2s ease;
}
.tm-header img,.tm-main img,.tm-footer img{ max-width: 100%; height: auto; display: block; }
.tm-header a,.tm-main a,.tm-footer a{ color: inherit; text-decoration: none; }
.tm-header ul,.tm-header ol,.tm-main ul,.tm-main ol,.tm-footer ul,.tm-footer ol{ margin: 0; padding: 0; }
.tm-header button,.tm-main button,.tm-footer button{ font-family: inherit; cursor: pointer; }
.tm-header input,.tm-main input,.tm-footer input,.tm-header textarea,.tm-main textarea,.tm-footer textarea{ font-family: inherit; font-size: 14px; }
.tm-header button:focus-visible,.tm-main button:focus-visible,.tm-footer button:focus-visible,.tm-header a:focus-visible,.tm-main a:focus-visible,.tm-footer a:focus-visible,.tm-header input:focus-visible,.tm-main input:focus-visible,.tm-footer input:focus-visible,.tm-main textarea:focus-visible{
  outline: 2px solid var(--tm-accent); outline-offset: 3px;
}
.tm-header h1,.tm-header h2,.tm-header h3,.tm-header h4,.tm-main h1,.tm-main h2,.tm-main h3,.tm-main h4,.tm-footer h1,.tm-footer h2,.tm-footer h3,.tm-footer h4{ font-family: var(--tm-font-round); font-weight: 800; margin: 0; letter-spacing: -.01em; }
.tm-header p,.tm-main p,.tm-footer p{ margin: 0 0 1em; }
.screen-reader-text{
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(1px,1px,1px,1px); white-space: nowrap; border: 0; padding: 0; margin: -1px;
}

.tm-container{
  width: min(calc(100% - 12px), var(--tm-container));
  max-width: var(--tm-container);
  margin: 0 auto;
}
.tm-skip-link:focus{ position:fixed !important; z-index:100000; top:8px; left:8px; width:auto; height:auto; clip:auto; padding:9px 13px; margin:0; border-radius:8px; background:var(--tm-card); color:var(--tm-text); }

/* колонка для чтения — переиспользуется в ленте, посте, страницах и комментариях,
   чтобы не плодить разные ширины по шаблонам */
.tm-in-post,
.tm-content-column{ width:100%; max-width:var(--tm-text-width); margin-left:auto; margin-right:auto; }

/* ==========================================================================
   3. ШАПКА
   ========================================================================== */
.tm-header{
  position: sticky; top: 0; z-index: 40;
  background: var(--tm-card);
  border-bottom: 1px solid var(--tm-border);
}
.tm-header__inner{
  display: flex; align-items: center; gap: 14px;
  height: 66px;
}
.tm-header__brand{ display:flex; align-items:center; gap:4px; flex-shrink:0; }
.tm-logo{
  font-family: var(--tm-font-round);
  font-weight: 800;
  font-size: 20px;
  color: var(--tm-text);
  flex-shrink: 0;
  white-space: nowrap;
}
.tm-logo img{ max-height: 32px; display: block; }

.tm-header__search{ flex: 1 1 auto; max-width: 460px; margin: 0 auto; }
.tm-searchform{
  position: relative;
  display: flex; align-items: center;
  background: var(--tm-bg-soft);
  border: 1px solid var(--tm-border);
  border-radius: var(--tm-radius-pill);
  padding: 0 14px;
  height: 40px;
}
.tm-searchform input[type="search"]{
  border: 0; background: transparent; outline: none;
  flex: 1; padding: 0 4px; color: var(--tm-text); font-size: 14px;
}
.tm-searchform__submit{
  display: grid; place-items: center; flex: 0 0 28px;
  width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%;
  background: transparent; color: var(--tm-text-muted);
}
.tm-searchform__submit:hover{ background: var(--tm-card); color: var(--tm-accent); }
.tm-header__actions{ display: flex; align-items: center; gap: 8px; flex-shrink: 0; margin-left:auto; }
.tm-icon-btn{
  width: 40px; height: 40px; border-radius: var(--tm-radius-pill);
  display: flex; align-items: center; justify-content: center;
  background: transparent; border: 1px solid transparent; color: var(--tm-text);
}
.tm-icon-btn:hover{ background: var(--tm-bg-soft); border-color: var(--tm-border); }
.tm-header-login{
  display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:0 14px;
  border:1px solid var(--tm-border); border-radius:var(--tm-radius-pill);
  background:var(--tm-bg-soft); color:var(--tm-text); font-size:13px; font-weight:700;
}
.tm-header-login:hover{ border-color:var(--tm-accent); color:var(--tm-accent); }
.tm-account{ position:relative; }
.tm-account__toggle{
  display:flex; align-items:center; gap:8px; max-width:210px; min-height:42px; padding:4px 9px 4px 5px;
  border:1px solid transparent; border-radius:var(--tm-radius-pill);
  background:transparent; color:var(--tm-text); font-size:13px; font-weight:700;
}
.tm-account__toggle:hover,.tm-account.is-open .tm-account__toggle{ background:var(--tm-bg-soft); border-color:var(--tm-border); }
.tm-account__avatar,.tm-account__toggle > img,.tm-account__toggle > svg:first-child{
  flex:0 0 32px; width:32px; height:32px; border-radius:50%; object-fit:cover;
}
.tm-account__name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tm-account__chevron{ display:flex; flex:0 0 auto; color:var(--tm-text-faint); transition:transform .16s ease; }
.tm-account.is-open .tm-account__chevron{ transform:rotate(180deg); }
.tm-account-menu{
  position:absolute; top:calc(100% + 9px); right:0; z-index:60; width:240px; padding:7px;
  border:1px solid var(--tm-card-border); border-radius:16px; background:var(--tm-card);
  box-shadow:var(--tm-shadow); opacity:0; transform:translateY(-5px); pointer-events:none;
  transition:opacity .14s ease,transform .14s ease;
}
.tm-account-menu[hidden]{ display:none; }
.tm-account.is-open .tm-account-menu{ opacity:1; transform:none; pointer-events:auto; }
.tm-account-menu__item{
  display:flex; align-items:center; gap:10px; min-height:40px; padding:8px 10px;
  border-radius:11px; color:var(--tm-text); font-size:13px; font-weight:650;
}
.tm-account-menu__item > svg{ flex:0 0 auto; color:var(--tm-text-muted); }
.tm-account-menu__item:hover,.tm-account-menu__item:focus-visible{ background:var(--tm-bg-soft); color:var(--tm-accent); outline:0; }
.tm-account-menu__profile span{ display:flex; min-width:0; flex-direction:column; line-height:1.25; }
.tm-account-menu__profile strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tm-account-menu__profile small{ color:var(--tm-text-faint); font-size:11px; font-weight:500; }
.tm-account-menu__logout{ margin-top:5px; border-top:1px solid var(--tm-border); border-radius:0 0 11px 11px; color:var(--tm-text-muted); }

/* прогресс чтения отдельного поста */
.tm-reading-progress{
  position:fixed; top:0; left:0; right:0; z-index:80; height:3px;
  background:transparent; pointer-events:none;
}
.tm-reading-progress__bar{
  display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left center;
  background:var(--tm-button); box-shadow:0 0 8px color-mix(in srgb,var(--tm-accent) 45%,transparent);
  will-change:transform;
}

/* плавающие элементы */
.tm-to-top{
  position:fixed; right:22px; bottom:22px; z-index:65; display:grid; place-items:center;
  width:44px; height:44px; padding:0; border:1px solid var(--tm-border); border-radius:50%;
  background:var(--tm-card); color:var(--tm-text); box-shadow:var(--tm-shadow); cursor:pointer; font-family:inherit;
  opacity:0; transform:translateY(8px); pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,bottom .2s ease,background-color .16s ease,color .16s ease;
}
.tm-to-top[hidden]{ display:none; }
.tm-to-top.is-visible{ opacity:1; transform:none; pointer-events:auto; }
.tm-to-top:hover{ background:var(--tm-button); border-color:var(--tm-accent); color:var(--tm-accent-contrast); }
.tm-to-top:focus-visible,.tm-cookie-notice a:focus-visible,.tm-cookie-notice__accept:focus-visible{ outline:2px solid var(--tm-accent); outline-offset:3px; }
.tm-cookie-visible .tm-to-top{ bottom:104px; }

.tm-cookie-notice{
  position:fixed; left:50%; bottom:18px; z-index:70; display:flex; align-items:center; gap:18px;
  width:max-content; max-width:calc(100vw - 32px); padding:12px 13px 12px 17px;
  border:1px solid var(--tm-card-border); border-radius:16px; background:var(--tm-card); color:var(--tm-text);
  box-shadow:var(--tm-shadow); opacity:0; transform:translate(-50%,10px);
  transition:opacity .18s ease,transform .18s ease;
}
.tm-cookie-notice[hidden]{ display:none; }
.tm-cookie-notice.is-visible{ opacity:1; transform:translate(-50%,0); }
.tm-cookie-notice p{ margin:0; font-size:13px; line-height:1.4; }
.tm-cookie-notice a{ color:var(--tm-accent-dark); text-decoration:underline; text-underline-offset:2px; }
.tm-cookie-notice__accept{
  min-height:36px; padding:0 13px; border:0; border-radius:var(--tm-radius-pill);
  background:var(--tm-button); color:var(--tm-accent-contrast); font-family:inherit; font-size:12px; font-weight:750; white-space:nowrap; cursor:pointer;
}
.tm-cookie-notice__accept:hover{ background:var(--tm-button-hover); }

/* мобильное меню */
.tm-mobile-menu{
  display: none; position: relative;
  z-index: 1; background: var(--tm-card); border-bottom: 1px solid var(--tm-border);
  box-shadow: var(--tm-shadow);
}
.tm-mobile-menu.is-open{ display: block; }
.tm-mobile-menu__inner{ padding:10px 20px 14px; }
.tm-mobile-menu__search{ margin-bottom:10px; }
.tm-mobile-menu ul{ margin: 0; padding: 0; list-style: none; }
.tm-mobile-menu nav > ul{ display:flex; flex-wrap:wrap; gap:8px; }
.tm-mobile-menu nav > ul > li{ flex:1 1 auto; min-width:0; }
.tm-mobile-menu a{ display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 14px; font-size:13px; font-weight:600; color:var(--tm-text-muted); border:0; border-radius:var(--tm-radius-pill); text-decoration:none; overflow-wrap:anywhere; }
.tm-mobile-menu a svg{ flex:0 0 18px; }
.tm-mobile-menu a:hover,.tm-mobile-menu .current-menu-item > a,.tm-mobile-menu .current-cat > a{ background:var(--tm-accent-soft); color:var(--tm-accent-dark); }
.tm-mobile-menu .sub-menu,.tm-mobile-menu .children{ padding-left:12px; border-left:1px solid var(--tm-border); }
.tm-mobile-menu{ max-height:70vh; overflow-y:auto; }
.tm-header-search[hidden]{ display:none; }
.tm-header-search__inner{ display:flex; align-items:center; gap:8px; padding-top:10px; padding-bottom:14px; }
.tm-header-search__form{ display:flex; align-items:center; gap:10px; flex:1; min-width:0; padding:5px 6px 5px 14px; border:1px solid var(--tm-border); border-radius:var(--tm-radius-pill); background:var(--tm-bg-soft); color:var(--tm-text-muted); }
.tm-header-search__form input{ flex:1; min-width:0; width:100%; border:0; background:transparent; color:var(--tm-text); font:inherit; font-size:14px; padding:6px 0; }
.tm-header-search__form:focus-within{ border-color:var(--tm-accent); }
.tm-header-search__form > svg,.tm-header-search__form button{ flex-shrink:0; }
.js-search-toggle[aria-expanded="true"],.js-menu-toggle[aria-expanded="true"]{ background:var(--tm-accent-soft); color:var(--tm-accent-dark); }
@media(max-width:600px){ .tm-mobile-menu nav > ul > li{ flex:1 1 calc(33% - 8px); }.tm-mobile-menu a{ padding:9px 6px; }.tm-header__brand{ min-width:0; flex-shrink:1; }.tm-logo{ overflow-wrap:anywhere; } }
.tm-mobile-menu li:last-child a{ border-bottom: 0; }

/* ==========================================================================
   4. ХЛЕБНЫЕ КРОШКИ
   ========================================================================== */
.tm-breadcrumbs{
  width:min(calc(100% - 32px),calc(var(--tm-text-width) + 40px));
  max-width:calc(var(--tm-text-width) + 40px);
  padding: 14px 20px;
  margin: 20px auto 0;
  font-size: 13px;
  color: var(--tm-text-muted);
}
.tm-breadcrumbs a{ color:var(--tm-accent-dark); font-weight:650; }
.tm-breadcrumbs a:hover{ color:var(--tm-accent); }
.tm-breadcrumbs__sep{ margin: 0 6px; color: var(--tm-text-faint); }

/* ==========================================================================
   5. ПОВЕРХНОСТИ («карточки») — общий вид для всех белых блоков
   Один общий селектор вместо повторения background/border/shadow в каждом блоке.
   ========================================================================== */
.tm-main{ padding-bottom: 60px; }
.tm-card,
.tm-featured-strip,
.tm-popular,
.tm-feed{
  background: var(--tm-card);
  border: 1px solid var(--tm-card-border);
  border-radius: var(--tm-radius);
  box-shadow: var(--tm-shadow);
  margin-top: 20px;
  overflow: visible;
}
.tm-card{ padding: 40px; }
.tm-featured-strip{ padding:26px 30px 17px; overflow:hidden; }
.tm-popular,
.tm-feed{ padding: 26px 30px; }
@media (max-width: 640px){
  .tm-card,
  .tm-featured-strip,
  .tm-popular,
  .tm-feed{ padding: 22px 18px; }
	.tm-featured-strip{ padding-bottom:13px; }
}

/* ==========================================================================
   6. БЕЙДЖИ / ТЕГИ / КНОПКИ — переиспользуемые элементы
   ========================================================================== */
.tm-badge{
  display: inline-flex; align-items: center;
  font-family: var(--tm-font-round);
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  padding: 5px 12px; border-radius: var(--tm-radius-pill);
  background: var(--tm-accent-soft); color: var(--tm-accent-dark);
}
.tm-cat-label{
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
}
.tm-cat-dot{
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
}
.tm-cat-dot::before{
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: currentColor; flex-shrink: 0;
}

.tm-btn{
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--tm-bg-soft); border: 1px solid var(--tm-border);
  color: var(--tm-text); font-size: 13px; font-weight: 700;
  padding: 9px 16px; border-radius: var(--tm-radius-pill);
}
.tm-btn:hover{ background: var(--tm-accent-soft); color: var(--tm-accent-dark); border-color: transparent; }
.tm-btn--accent{ background:var(--tm-button); color: var(--tm-accent-contrast); border-color: transparent; }
.tm-btn--accent:hover{ background:var(--tm-button-hover); color: var(--tm-accent-contrast); }

.tm-toast-region{ position:fixed; right:18px; bottom:18px; z-index:10060; display:flex; max-width:min(360px,calc(100vw - 36px)); flex-direction:column; gap:8px; }
.tm-toast{ padding:11px 14px; border:1px solid var(--tm-border); border-radius:12px; background:var(--tm-card); box-shadow:var(--tm-shadow); color:var(--tm-text); font-size:13px; opacity:0; transform:translateY(6px); transition:.18s; }.tm-toast.is-visible{ opacity:1; transform:none; }.tm-toast--error{ border-color:#d96464; }.tm-toast--success{ border-color:var(--tm-accent); }

.tm-tags{ display: flex; flex-wrap: wrap; gap: 8px; }
.tm-tags a{
  background: var(--tm-chip-bg); color: var(--tm-chip-text);
  font-size: 13px; font-weight: 600;
  padding: 7px 14px; border-radius: var(--tm-radius-pill);
}
.tm-tags a:hover{ background: var(--tm-accent-soft); color: var(--tm-accent-dark); }

/* заголовок + подзаголовок для простых карточек-заглушек (архив, поиск, пустые состояния) */
.tm-page-header h1{ font-size: 22px; }
.tm-search-query{ color: var(--tm-accent); }
.tm-page-header__desc{ color: var(--tm-text-muted); margin-top: 8px; font-size: 14px; }
.tm-empty{ text-align: center; }

/* ========================================================================== 
   7. ГЛАВНАЯ / ЛЕНТА
   ========================================================================== */
.tm-featured-strip__head,
.tm-feed__head,
.tm-popular__head{
  display:flex; align-items:center; gap:11px; margin-bottom:18px;
}
.tm-featured-strip__icon,
.tm-feed__icon,
.tm-popular__icon{
  display:grid; flex:0 0 36px; width:36px; height:36px; place-items:center;
  border-radius:11px; background:var(--tm-accent-soft); color:var(--tm-accent-dark);
}
.tm-featured-strip__head h2,
.tm-feed__head h2,
.tm-popular__head h2{ margin:0; font-size:22px; line-height:1.2; }
.tm-featured-strip__viewport{
  width:100%; overflow-x:auto; overflow-y:hidden; padding:0 0 10px;
  scroll-padding-inline:1px; scroll-snap-type:x proximity; overscroll-behavior-inline:contain;
  scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--tm-text-faint) 52%,transparent) transparent;
}
.tm-featured-strip__viewport::-webkit-scrollbar{ height:7px; }
.tm-featured-strip__viewport::-webkit-scrollbar-track{ border-radius:999px; background:var(--tm-bg-soft); }
.tm-featured-strip__viewport::-webkit-scrollbar-thumb{ border-radius:999px; background:color-mix(in srgb,var(--tm-text-faint) 52%,transparent); }
.tm-featured-strip__viewport:focus-visible{ outline:2px solid var(--tm-accent); outline-offset:4px; }
.tm-featured-strip__track{ display:flex; width:max-content; gap:9px; }
.tm-featured-strip__card{
  position:relative; flex:0 0 188px; aspect-ratio:3 / 5; overflow:hidden;
  border-radius:17px; background:var(--tm-bg-soft); scroll-snap-align:start;
}
.tm-featured-strip__link{ position:absolute; inset:0; display:block; color:#fff; }
.tm-featured-strip__card img.tm-featured-strip__image{
  width:100%; height:100%; object-fit:cover; transition:transform .28s ease;
}
.tm-featured-strip__placeholder{
  position:absolute; inset:0; display:grid; place-items:center;
  background:linear-gradient(145deg,var(--tm-accent-soft),var(--tm-bg-soft)); color:var(--tm-accent-dark);
}
.tm-featured-strip__shade{
  position:absolute; inset:0; background:linear-gradient(to top,rgba(7,10,8,.92) 0,rgba(7,10,8,.5) 34%,rgba(7,10,8,.05) 68%,transparent 100%);
}
.tm-featured-strip__body{ position:absolute; right:13px; bottom:13px; left:13px; z-index:1; color:#fff; }
.tm-featured-strip__title{
  display:-webkit-box; overflow:hidden; font-size:15px; font-weight:700; line-height:1.38;
  text-wrap:balance; -webkit-box-orient:vertical; -webkit-line-clamp:3;
}
.tm-featured-strip__card:hover img.tm-featured-strip__image{ transform:scale(1.035); }
.tm-featured-strip__link:focus-visible{ outline:3px solid var(--tm-accent); outline-offset:-4px; }
@media (max-width:640px){
  .tm-featured-strip__head,.tm-feed__head,.tm-popular__head{ margin-bottom:15px; }
  .tm-featured-strip__head h2,.tm-feed__head h2,.tm-popular__head h2{ font-size:19px; }
  .tm-featured-strip__icon,.tm-feed__icon,.tm-popular__icon{ flex-basis:32px; width:32px; height:32px; }
  .tm-featured-strip__card{ flex-basis:158px; }
  .tm-featured-strip__title{ font-size:14px; }
}
@media (prefers-reduced-motion:reduce){
  .tm-featured-strip__viewport{ scroll-behavior:auto; }
  .tm-featured-strip__card img.tm-featured-strip__image{ transition:none; }
}

.tm-popular__head{ width:100%; }
.tm-popular__period{ margin-left:auto; color:var(--tm-text-faint); font-size:12px; }
.tm-popular__list li{
  display: flex; gap: 16px; padding: 10px 0;
  border-top: 1px solid var(--tm-border);
}
.tm-popular__list{ list-style: none; }
.tm-popular__list li:first-child{ border-top: 0; }
.tm-popular__time{ flex-shrink: 0; width: 50px; font-size: 12px; color: var(--tm-text-faint); padding-top: 2px; }
.tm-popular__list a{ font-size: 14px; font-weight: 600; line-height: 1.4; }
.tm-popular__list a:hover{ color: var(--tm-accent); }
.tm-feed-pagination-standalone{ width:min(calc(100% - 32px),var(--tm-container)); margin:20px auto 0; }
.tm-feed-pagination-standalone .tm-pagination{ margin-top:0; }
@media (max-width:520px){
  .tm-popular__head{ flex-wrap:wrap; }
  .tm-popular__period{ flex:0 0 100%; margin:-5px 0 0 43px; }
}

.tm-feed-item{ padding: 28px 0; border-bottom: 1px solid var(--tm-border); max-width: var(--tm-text-width);margin-left: auto;margin-right: auto; }
.tm-feed-item:first-child{ padding-top: 0; }
.tm-feed__head + .tm-feed-item{ padding-top:0; }
.tm-feed-item:last-child{ padding-bottom: 0; border-bottom: 0; }
.tm-feed-item__meta{
  display: flex; align-items: center; flex-wrap:wrap; gap: 7px 10px; margin-bottom: 10px; color: var(--tm-text-faint); font-size: 12px;
}
.tm-feed-item__author{ display:inline-flex; align-items:center; gap:6px; color:var(--tm-text-muted); font-weight:700; }
.tm-feed-item__author:hover{ color:var(--tm-accent); }
.tm-feed-item__author .tm-feed-item__author-avatar{ display:block; width:22px; height:22px; flex:0 0 22px; aspect-ratio:1; border-radius:50%; object-fit:cover; object-position:center; }
.tm-feed-item__meta .tm-cat-dot{ color: var(--tm-cat-color, var(--tm-accent)); }
.tm-bookmark{ display:inline-flex; align-items:center; justify-content:center; gap:6px; flex-shrink:0; min-width:28px; min-height:28px; padding:3px 5px; border:0; border-radius:8px; background:transparent; color:var(--tm-text-faint); font:inherit; line-height:inherit; cursor:pointer; text-decoration:none; }
.tm-feed-item__meta > .tm-bookmark{ margin-left:auto; }
.tm-bookmark:hover, .tm-bookmark[aria-pressed="true"]{ color:var(--tm-accent); }
.tm-bookmark[aria-pressed="true"] svg{ fill:currentColor; }
.tm-bookmark:focus-visible{ outline:2px solid var(--tm-accent); outline-offset:3px; }
.tm-bookmark:disabled{ opacity:.5; cursor:wait; }
.tm-post__meta > .tm-bookmark{ padding:0; border-radius:4px; }
.tm-bookmarks__heading{ padding-bottom:20px; border-bottom:1px solid var(--tm-border); }
.tm-bookmarks__heading h1{ display:flex; align-items:center; gap:10px; font-size:1.5rem; margin:0 0 8px; }
.tm-bookmarks__heading p{ margin:0; color:var(--tm-text-muted); font-size:13px; }
.tm-bookmarks__pages{ display:flex; gap:12px; padding-top:24px; }
.tm-feed-item h2{ font-size: 1.5rem; line-height: 1.35; margin-bottom: 8px; }
.tm-feed-item h2 a:hover{ color: var(--tm-accent); }
.tm-feed-item__excerpt{ color: var(--tm-text-muted); font-size: 1rem; margin-bottom: 16px; }
.tm-feed-item__thumb{ display: block; border-radius: var(--tm-radius); overflow: hidden; }
.tm-feed-item__thumb img{ width: 100%; aspect-ratio: 14/6; object-fit: cover; }

.tm-pagination{
  display: flex; align-items: center; justify-content: center; gap: 14px;
  margin-top: 30px;
}
.tm-pagination__page{
  background: var(--tm-bg-soft); border: 1px solid var(--tm-border);
  width: 34px; height: 34px; border-radius: var(--tm-radius-pill);
  display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px;
}
.tm-pagination__link{ font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; gap: 6px; }
.tm-pagination__link:hover{ color: var(--tm-accent); }

/* ==========================================================================
   8. СЕТКА КАРТОЧЕК («Похожее»)
   ========================================================================== */
.tm-grid-head{ font-size: 20px; margin: 0 0 18px; }
.tm-grid{
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
.tm-grid--listing{ row-gap:28px; }
.tm-grid-card__thumb{ display: block; border-radius: var(--tm-radius); overflow: hidden; margin-bottom: 10px; }
.tm-grid-card__thumb img{ width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.tm-grid-card .tm-cat-label{ display: block; margin-bottom: 4px; }
.tm-grid-card h3{ font-size: 14.5px; line-height: 1.4; font-weight: 700; }
.tm-grid-card:hover h3{ color: var(--tm-accent); }
@media (max-width: 720px){
  .tm-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px){
  .tm-grid{ grid-template-columns: 1fr; }
}

/* ==========================================================================
   9. СТРАНИЦА ПОСТА
   Единое правило: любая колонка текста — через .tm-in-post,
   без точечных max-width и инлайн-стилей в шаблоне.
   ========================================================================== */
.tm-post__head{ text-align: center; margin-bottom: 20px; }
.gye-preview-note{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; padding-bottom:16px; border-bottom:1px solid var(--tm-border); color:var(--tm-text-muted); font-size:13px; }
.gye-preview-note > span{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.gye-preview-note small{ flex-basis:100%; font-size:12px; }
.gye-preview-note .gye-btn{ flex-shrink:0; }
.tm-post__title{ font-size: 30px; line-height: 1.3; margin: 14px 0 18px; }
.tm-post__meta{
  display: flex; align-items: center; justify-content: center; gap: 8px 14px; flex-wrap: wrap;
  color: var(--tm-text-faint); font-size: 13px;
}
.tm-post__meta > *{ display:inline-flex; align-items:center; gap:6px; min-height:26px; max-width:100%; }
.tm-post__meta > * + *::before{ content:'·'; margin-right:6px; color:var(--tm-text-faint); }
.tm-post__meta > a{ color:inherit; text-decoration:none; }
.tm-post__meta > a:hover{ color:var(--tm-accent-dark); }
.tm-post__meta svg{ flex-shrink:0; }
.tm-post__meta .tm-post__author span{ overflow-wrap:anywhere; }
.tm-post__author{
  display:inline-flex; align-items:center; gap:7px; color:var(--tm-text-muted); font-weight:700;
}
.tm-post__author:hover{ color:var(--tm-accent); }
.tm-post__author .tm-post__author-avatar{ display:block; width:24px; height:24px; flex:0 0 24px; aspect-ratio:1; border-radius:50%; object-fit:cover; object-position:center; }
@media (max-width:480px){ .tm-post__meta{ gap:6px 10px; font-size:12px; }.tm-post__meta > * + *::before{ display:none; } }

.tm-post__thumb{ border-radius: var(--tm-radius); overflow: hidden; margin-bottom: 30px; }
.tm-post__thumb img{ width: 100%; object-fit: cover; aspect-ratio: 14/6; }

.tm-post__content{ font-size: 1.1rem; color: var(--tm-text); }
.tm-post__content img,
.tm-post__content iframe,
.tm-post__content video,
.tm-post__content figure{ width: 100%; border-radius: var(--tm-radius); }
.tm-post__content iframe{ aspect-ratio: 16/9; height: auto; }
.tm-post__content p{ margin: 1em auto; color: var(--tm-text); }
.tm-post__content a, .codex-editor a{ color: var(--tm-accent); text-decoration: underline; text-underline-offset: 2px; }
.tm-post__content .highlight{
  padding:0 .14em; border-radius:.2em; background:#FFF6A9; color:#262626;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}
.tm-post__content h2, .tm-post__content h3{ margin: 1.6em 0 .6em; }
.tm-post__content blockquote{
  border-left: 3px solid var(--tm-accent); padding-left: 16px; color: var(--tm-text-muted); font-style: italic;
}
.tm-post__content ul, .tm-post__content ol{ margin: 0 0 1.1em; padding-left: 1.3em; }
.tm-post__content li{ list-style: initial; margin-bottom: .4em; }

/* Блоки, опубликованные фронтенд-редактором Editor.js. */
.tm-post__content .gye-figure{ margin:24px 0; overflow:hidden; border-radius:var(--tm-radius); }.tm-post__content .gye-figure figcaption,.tm-post__content .gye-embed-cap{ margin-top:8px; color:var(--tm-text-muted); font-size:13px; text-align:center; }.tm-post__content .gye-figure--border img{ border:1px solid var(--tm-border); }.tm-post__content .gye-figure--bg{ padding:14px; background:var(--tm-bg-soft); }
.tm-post__content .gye-list{ margin:16px 0; padding-left:1.6em; }.tm-post__content ul.gye-list--unordered{ list-style:disc !important; }.tm-post__content ol.gye-list--ordered{ list-style:decimal !important; }.tm-post__content .gye-list--checklist{ padding-left:0; list-style:none; }.tm-post__content .gye-check{ display:flex; align-items:flex-start; gap:10px; list-style:none; }.tm-post__content .gye-check-box{ position:relative; flex:0 0 18px; width:18px; height:18px; margin-top:4px; border:2px solid var(--tm-border); border-radius:5px; }.tm-post__content .gye-check.is-checked .gye-check-box{ border-color:var(--tm-accent); background:var(--tm-button); }.tm-post__content .gye-check.is-checked .gye-check-box::after{ content:""; position:absolute; left:5px; top:1px; width:4px; height:9px; border:solid var(--tm-accent-contrast); border-width:0 2px 2px 0; transform:rotate(45deg); }
.tm-post__content .gye-quote{ margin:24px 0; padding:15px 20px; border-left:4px solid var(--tm-accent); border-radius:0 12px 12px 0; background:var(--tm-bg-soft); }.tm-post__content .gye-quote p{ margin:0 0 6px; }.tm-post__content .gye-quote cite{ color:var(--tm-text-muted); font-size:13px; font-style:normal; }.tm-post__content .gye-align-center{ text-align:center; }.tm-post__content .gye-align-right{ text-align:right; }
.tm-post__content .gye-table-wrap{ margin:24px 0; overflow-x:auto; }.tm-post__content .gye-table{ display:table; width:100%; border-collapse:collapse; font-size:14px; }.tm-post__content .gye-table th,.tm-post__content .gye-table td{ padding:10px 13px; border:1px solid var(--tm-border); text-align:left; vertical-align:top; }.tm-post__content .gye-table th{ background:var(--tm-bg-soft); }
.tm-post__content .gye-warning{ display:flex; align-items:flex-start; gap:13px; margin:24px 0; padding:16px 18px; border:1px solid rgba(234,179,8,.35); border-left:4px solid #eab308; border-radius:12px; background:rgba(234,179,8,.08); }.tm-post__content .gye-warning__icon{ display:grid; flex:0 0 26px; place-items:center; width:26px; height:26px; border-radius:50%; background:#eab308; color:#1a1205; font-weight:800; }.tm-post__content .gye-warning__title{ font-weight:700; }.tm-post__content .gye-warning__msg{ color:var(--tm-text-muted); }
.tm-post__content .gye-code{ margin:24px 0; padding:16px 18px; overflow-x:auto; border:1px solid var(--tm-border); border-radius:12px; background:var(--tm-bg-soft); }.tm-post__content .gye-code code{ padding:0; background:none; color:var(--tm-text); font:13px/1.6 Menlo,Monaco,Consolas,monospace; white-space:pre; }.tm-post__content code.inline-code{ padding:2px 6px; border-radius:5px; background:rgba(124,58,237,.14); }
/* Перенос длинного кода внутри текста статьи */
.tm-post__content code.inline-code {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: normal;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.tm-post__content .gye-attach{ display:flex; align-items:center; gap:13px; margin:24px 0; padding:14px 16px; border:1px solid var(--tm-border); border-radius:12px; background:var(--tm-bg-soft); text-decoration:none; }.tm-post__content .gye-attach__icon{ display:grid; flex:0 0 44px; place-items:center; width:44px; height:44px; border-radius:10px; background:var(--tm-accent-soft); color:var(--tm-accent); }.tm-post__content .gye-attach__body{ flex:1; min-width:0; }.tm-post__content .gye-attach__name{ display:block; overflow:hidden; color:var(--tm-text); font-weight:700; text-overflow:ellipsis; white-space:nowrap; }.tm-post__content .gye-attach__meta{ color:var(--tm-text-muted); font-size:12px; }
.tm-post__content :is(.wp-block-gallery,.gye-gallery){ display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)) !important; gap:8px !important; margin:24px 0; padding:0; }
.tm-post__content :is(.wp-block-gallery,.gye-gallery) > figure,.tm-post__content .gye-gallery__item{ grid-column:span 2; min-width:0; width:auto !important; height:auto; margin:0 !important; overflow:hidden; aspect-ratio:5/6; border-radius:12px; }
/* Fill two-item rows; distribute a remainder of one over two balanced rows. */
.tm-post__content :is(.wp-block-gallery,.gye-gallery) > figure:nth-of-type(3n+1):nth-last-of-type(2),
.tm-post__content :is(.wp-block-gallery,.gye-gallery) > figure:nth-of-type(3n+1):nth-last-of-type(2) ~ figure,
.tm-post__content :is(.wp-block-gallery,.gye-gallery) > figure:nth-of-type(3n+1):nth-last-of-type(4),
.tm-post__content :is(.wp-block-gallery,.gye-gallery) > figure:nth-of-type(3n+1):nth-last-of-type(4) ~ figure{ grid-column:span 3; }
.tm-post__content :is(.wp-block-gallery,.gye-gallery) > figure:only-of-type{ grid-column:1/-1; }
.tm-post__content .wp-block-gallery img,.tm-post__content .gye-gallery__item img{ width:100% !important; height:100% !important; object-fit:cover; }
.tm-post__content :is(.wp-block-gallery,.gye-gallery) > figure > :is(a,picture){ display:block; width:100%; height:100%; }
.tm-post__content .wp-block-gallery > figcaption{ grid-column:1/-1; color:var(--tm-text-muted); font-size:13px; text-align:center; }
.tm-post__content .gye-chart{ margin:24px 0; padding:16px; border:1px solid var(--tm-border); border-radius:12px; background:var(--tm-card); }.tm-post__content .gye-chart__title{ margin-bottom:12px; font-weight:700; text-align:center; }.tm-post__content .gye-chart__canvas-wrap{ position:relative; height:340px; }
.tm-post__content .gye-social-link a{ display:flex; justify-content:center; margin:24px 0; padding:14px 16px; border:1px solid var(--tm-border); border-radius:12px; background:var(--tm-bg-soft); font-weight:700; text-decoration:none; }
.tm-post__content hr.gye-delimiter{ margin:28px 0; border:0; text-align:center; }.tm-post__content hr.gye-delimiter::before{ content:"* * *"; color:var(--tm-text-muted); letter-spacing:.4em; }
@media (max-width:560px){
  .tm-post__content :is(.wp-block-gallery,.gye-gallery){ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .tm-post__content :is(.wp-block-gallery,.gye-gallery) > figure,.tm-post__content .gye-gallery__item{ grid-column:span 1 !important; }
  .tm-post__content :is(.wp-block-gallery,.gye-gallery) > figure:nth-of-type(2n+1):last-of-type{ grid-column:1/-1 !important; }
  .tm-post__content .gye-chart__canvas-wrap{ height:260px; }
}

.tm-post__tags{ margin-top:24px; }
.tm-post__tags-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.tm-post__tags-list{ display:flex; flex:1 1 260px; min-width:0; align-items:center; gap:11px; }
.tm-post__tags-list .tm-tags{ flex:1 1 auto; min-width:0; }
.tm-post__tags-icon{ display:grid; flex:0 0 24px; width:24px; height:24px; place-items:center; color:var(--tm-text-faint); }
.tm-post__tags--reactions-only .tm-post__tags-row{ justify-content:flex-end; }

/* Реакции: в покое остаётся только кнопка 42×26. Полный набор появляется
   поверх потока по клику и поэтому не раздвигает пост или комментарий. */
.tm-reactions{ position:relative; display:inline-flex; flex:0 0 auto; align-items:center; line-height:1; }
.tm-reactions button{ font:inherit; }
.tm-reactions__trigger{
  display:inline-flex; min-width:42px; height:26px; align-items:center; justify-content:center; gap:4px;
  padding:0 9px; border:1px solid var(--tm-border); border-radius:var(--tm-radius-pill);
  background:var(--tm-card); color:var(--tm-text-faint); line-height:1; transition:.15s ease;
}
.tm-reactions__trigger:hover,.tm-reactions.is-open .tm-reactions__trigger{
  border-color:var(--tm-accent); color:var(--tm-accent-dark); background:var(--tm-accent-soft);
}
.tm-reactions[data-leading-tone="positive"] .tm-reactions__trigger{ color:var(--tm-accent-dark); }
.tm-reactions[data-leading-tone="negative"] .tm-reactions__trigger{ color:var(--tm-negative); }
.tm-reactions__trigger-count{ font-size:11px; font-weight:750; line-height:1; }
.tm-reactions__panel{
  position:absolute; left:0; bottom:calc(100% + 7px); z-index:40; display:flex; width:max-content;
  max-width:calc(100vw - 40px); align-items:center; gap:2px; padding:4px;
  overflow-x:auto; border:1px solid var(--tm-border); border-radius:var(--tm-radius-pill);
  background:var(--tm-card); box-shadow:0 8px 24px rgba(38,38,38,.12); scrollbar-width:none;
}
.tm-reactions__panel::-webkit-scrollbar{ display:none; }
.tm-reactions__panel[hidden]{ display:none !important; }
.tm-reactions--post .tm-reactions__panel{ right:0; left:auto; }
.tm-reactions__choice{
  display:inline-flex; height:27px; align-items:center; justify-content:center; gap:3px; padding:0 7px;
  border:0; border-radius:var(--tm-radius-pill); background:transparent; color:var(--tm-text-muted);
  line-height:1; white-space:nowrap; transition:.12s ease;
}
.tm-reactions__choice[data-tone="positive"]:hover{ color:var(--tm-accent-dark); background:var(--tm-bg-soft); }
.tm-reactions__choice[data-tone="positive"][aria-pressed="true"]{ color:var(--tm-accent-dark); background:var(--tm-accent-soft); }
.tm-reactions__choice[data-tone="positive"] + .tm-reactions__choice[data-tone="negative"]{ margin-left:5px; box-shadow:-5px 0 0 -4px var(--tm-border); }
.tm-reactions__choice[data-tone="negative"]:hover{ color:var(--tm-negative); background:var(--tm-negative-soft); }
.tm-reactions__choice[data-tone="negative"][aria-pressed="true"]{ color:var(--tm-negative); background:var(--tm-negative-soft); }
.tm-reactions__choice:disabled{ cursor:wait; opacity:.55; }
.tm-reactions__count{ min-width:1ch; font-size:10.5px; font-weight:700; line-height:1; }
.tm-reactions[aria-busy="true"]{ opacity:.65; }

/* Единый разделитель между секциями поста (теги / «Похожее» / комментарии) —
   один класс вместо трёх похожих блоков с повторяющимися отступами.
   Ширину при этом задаёт .tm-in-post — секции остаются в одной колонке с текстом. */
.tm-section-divider{ margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--tm-border); }

/* ==========================================================================
   10. СТРАНИЦЫ / 404
   ========================================================================== */
.tm-in-post img{ border-radius: var(--tm-radius); }
.tm-404{ text-align: center; padding: 40px 0; }
.tm-404__code{ font-family: var(--tm-font-round); font-size: 64px; font-weight: 800; color: var(--tm-accent); }
.tm-404__title{ font-size: 20px; margin-top: 10px; }
.tm-404__desc{ color: var(--tm-text-muted); margin-top: 8px; }
.tm-404__cta{ margin-top: 20px; }
.tm-404 .tm-searchform{ max-width: 360px; margin: 24px auto 0; }
.tm-page-title{ font-size: 26px; margin-bottom: 20px; }

/* Профиль использует ту же колонку и существующий шаблон ленты. */
.tm-profile{ padding:28px 30px 0; margin-bottom:20px; }
.tm-profile__summary{ display:flex; align-items:flex-start; gap:28px; padding-bottom:24px; }
.tm-profile__info{ flex:1; min-width:0; overflow-wrap:anywhere; }
.tm-profile h1{ margin:0 0 5px; font-size:28px; line-height:1.25; }
.tm-profile__handle{ margin:0; color:var(--tm-text-muted); font-size:13px; }
.tm-profile__bio{ margin:16px 0; font-size:15px; line-height:1.6; }
.tm-profile__meta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px; margin-top:18px; color:var(--tm-text-muted); font-size:13px; }
.tm-profile__meta > span{ display:inline-flex; align-items:center; flex-wrap:wrap; gap:6px; }
.tm-profile__rating strong{ color:var(--tm-accent-dark); }
.tm-profile__rating.is-negative strong{ color:var(--tm-negative); }
.tm-profile__avatar{ flex:0 0 96px; display:flex; flex-direction:column; align-items:center; gap:10px; }
.tm-profile__avatar > img,.tm-profile__avatar > svg{ width:80px; height:80px; border-radius:50%; object-fit:cover; }
.tm-profile__edit-link{ display:inline-flex; align-items:center; gap:5px; font-size:13px; color:var(--tm-accent-dark); }
.tm-profile__tabs{ display:flex; gap:24px; border-top:1px solid var(--tm-border); }
.tm-profile__tabs a{ display:flex; align-items:center; gap:7px; padding:14px 0; border-bottom:3px solid transparent; color:var(--tm-text-muted); font-size:14px; }
.tm-profile__tabs a[aria-current]{ color:var(--tm-accent-dark); border-color:var(--tm-accent); font-weight:700; }
.tm-profile__tabs span{ font-size:12px; font-weight:400; }
.tm-profile__edit{ margin:0 0 20px; font-size:13px; }
.tm-profile__edit[hidden]{ display:none; }
.tm-profile__edit-actions{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.tm-profile__edit form{ display:grid; gap:14px; margin-top:16px; }
.tm-profile__edit label{ display:block; }
.tm-profile__edit input:not([type="checkbox"]):not([type="hidden"]),.tm-profile__edit textarea{ display:block; width:100%; margin-top:5px; padding:9px 12px; border:1px solid var(--tm-border); border-radius:10px; background:var(--tm-card); color:var(--tm-text); font:inherit; }
.tm-profile__edit button{ justify-self:start; }
.tm-profile__comment{ padding:20px 0; border-bottom:1px solid var(--tm-border); overflow-wrap:anywhere; }
.tm-profile__comment:first-child{ padding-top:0; }
.tm-profile__comment time{ color:var(--tm-text-faint); font-size:12px; }
.tm-profile__comment h2{ margin:6px 0 10px; font-size:15px; font-weight:600; color:var(--tm-accent-dark); }
.tm-profile__discussion{ display:inline-block; margin-top:10px; font-size:12px; color:var(--tm-accent); }
.tm-profile__comments ul.page-numbers{ display:flex; justify-content:center; flex-wrap:wrap; gap:12px; list-style:none; margin:20px 0 0; padding:0; }
@media(max-width:600px){ .tm-profile{ padding:22px 18px 0; }.tm-profile__summary{ gap:14px; }.tm-profile h1{ font-size:24px; }.tm-profile__avatar{ flex-basis:72px; }.tm-profile__avatar > img,.tm-profile__avatar > svg{ width:64px; height:64px; }.tm-profile__tabs{ gap:18px; }.tm-profile__tabs a{ font-size:13px; } }

/* ==========================================================================
   11. КОММЕНТАРИИ
   Стандартный Walker + callback темы для локальных ссылок на авторов.
   ========================================================================== */
.tm-comments__title{ font-size: 18px; margin-bottom: 18px; }
.tm-comments__closed{ color: var(--tm-text-muted); font-size: 14px; }

.comment-list,
.comment-list .children{ list-style: none !important; } /* явно поверх любых конфликтующих стилей — плагины иногда переопределяют маркеры списков */
.comment-list{ display: flex; flex-direction: column; gap: 18px; }
.comment-list .children{ margin: 18px 0 0; padding-left: 24px; display: flex; flex-direction: column; gap: 18px; border-left: 2px solid var(--tm-border); }
.comment-list > li:last-child > .comment-body{ padding-bottom: 0; }

.comment-list .children .comment-body{ border-bottom: 0; padding-bottom: 0; }

.comment-meta{ display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.comment-author{ display: flex; align-items: center; gap: 10px; }
.comment-author .avatar{ width: 36px; height: 36px; flex:0 0 36px; border-radius: 50%; display: block; object-fit:cover; }
.tm-comment-author-link{ display:inline-flex; align-items:center; gap:10px; color:var(--tm-text); }
.tm-comment-author-link:hover{ color:var(--tm-accent); }
.comment-author .fn{ font-style: normal; font-weight: 700; font-size: 14px; }
.comment-author .says{ display: none; }
.comment-metadata{ font-size: 12px; color: var(--tm-text-faint); }
.comment-metadata a{ color: inherit; }
.comment-metadata .tm-comment-edit{ margin:0 0 0 6px; }

.comment-content p:last-child{ margin-bottom: 0; }
.comment-content{ font-size: 14.5px; color: var(--tm-text); }

.reply{ margin-top: 8px; }
.reply a{
  display: inline-flex; font-size: 12.5px; font-weight: 700;
  color: var(--tm-accent); text-decoration: none;
}
.reply a:hover{ color: var(--tm-accent-dark); }
.tm-comment-actions{ display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:8px; }
.tm-comment-actions .reply{ display:flex; height:26px; align-items:center; margin-top:0; }
.tm-comment-actions .reply a,.tm-comment-actions .tm-comment-edit{ display:inline-flex; height:26px; align-items:center; margin:0; padding:0; line-height:1; }

.trackback, .pingback{ font-size: 13px; color: var(--tm-text-muted); padding: 10px 0; border-bottom: 1px solid var(--tm-border); }

.comment-respond{ margin-top: 24px; }
.comment-reply-title{ font-size: 16px; margin-bottom: 14px; }
.tm-cancel-reply{ display:inline-flex; margin-left:8px; vertical-align:middle; }
#cancel-comment-reply-link{ padding:5px 10px; border:1px solid var(--tm-border); border-radius:var(--tm-radius-pill); background:var(--tm-bg-soft); color:var(--tm-text-muted); font-size:12px; font-weight:700; }
#cancel-comment-reply-link:hover{ border-color:var(--tm-accent); color:var(--tm-accent); }
.comment-notes, .logged-in-as{ font-size: 13px; color: var(--tm-text-muted); margin-bottom: 14px; }
.comment-form p{ margin-bottom: 14px; }
.comment-form label{ display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
  width: 100%; border: 1px solid var(--tm-border); border-radius: var(--tm-radius-sm);
  padding: 11px 14px; background: var(--tm-bg-soft); color: var(--tm-text); outline: none;
}
.comment-form textarea{ background:var(--tm-card); color:var(--tm-text); }
.comment-form input:focus,
.comment-form textarea:focus{ border-color: var(--tm-accent); }
.comment-form .tm-comment-textarea{ resize: vertical; min-height: 120px; }
.comment-form-comment{ margin-bottom:14px; }
.tm-comment-toolbar{ display:flex; align-items:center; gap:6px; margin-bottom:7px; }
.tm-comment-format{ padding:5px 10px; border:1px solid var(--tm-border); border-radius:var(--tm-radius-pill); background:var(--tm-card); color:var(--tm-text-muted); font-size:12px; font-weight:700; }
.tm-comment-format:hover{ border-color:var(--tm-accent); color:var(--tm-accent); background:var(--tm-accent-soft); }
.comment-form-cookies-consent{ display: flex; align-items: center; gap: 8px; }
.comment-form-cookies-consent label{ margin: 0; font-weight: 400; }
.comment-form .form-submit{ margin-bottom: 0; } /* точнее по специфичности, чем общий .comment-form p */
.form-submit input[type="submit"]{ border: 0; }

.comment-navigation{ display: flex; justify-content: space-between; margin: 18px 0; font-size: 13px; font-weight: 600; }
.comment-navigation a:hover{ color: var(--tm-accent); }

/* Единая компактная CAPTCHA для комментариев, аккаунта и Editor.js. */
.tm-comment-captcha,.gye-captcha{
  display:inline-flex; align-items:center; gap:8px; width:max-content; max-width:100%;
  margin:0 0 14px; padding:6px 10px; border:1px solid var(--tm-border);
  border-radius:var(--tm-radius-pill); background:var(--tm-bg-soft);
}
.tm-comment-captcha__question,.gye-captcha-q{
  color:var(--tm-text-muted); font-size:13px; font-weight:600; line-height:1.3; white-space:nowrap;
}
.tm-comment-captcha input[type="number"],.gye-captcha-input{
  width:74px; min-width:0; padding:6px 9px; border:1px solid var(--tm-border);
  border-radius:var(--tm-radius-pill); background:var(--tm-card); color:var(--tm-text); outline:0;
}
.tm-comment-captcha input[type="number"]:focus,.gye-captcha-input:focus{
  border-color:var(--tm-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--tm-accent) 12%,transparent);
}
.tm-honeypot{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
.tm-comment-upload{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 16px; font-size:13px; }
.tm-comment-upload__button{ display:inline-flex !important; align-items:center; margin:0 !important; padding:8px 13px; border:1px solid var(--tm-border); border-radius:var(--tm-radius-pill); background:var(--tm-bg-soft); cursor:pointer; }
.tm-comment-upload__button:hover{ color:var(--tm-accent); border-color:var(--tm-accent); }
.tm-comment-upload__status{ color:var(--tm-text-muted); }
.tm-comment-upload__preview{ flex:0 0 100%; display:flex; flex-wrap:wrap; gap:10px; }
.tm-comment-preview{ position:relative; display:block; width:112px; height:84px; overflow:hidden; border:1px solid var(--tm-border); border-radius:12px; background:var(--tm-bg-soft); }
.tm-comment-preview img{ width:100%; height:100%; object-fit:cover; }
.tm-comment-preview.is-loading::after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.32); }
.tm-comment-preview__remove{ position:absolute; top:4px; right:4px; z-index:1; display:grid; place-items:center; width:24px; height:24px; padding:0; border:0; border-radius:50%; background:rgba(20,20,20,.82); color:#fff; font-size:18px; line-height:1; }
.tm-comment-images{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.tm-comment-images img{ width:100px; height:75px; object-fit:cover; border-radius:var(--tm-radius-sm); }
.tm-comment-quote{
  display:inline; margin:0 .12em; padding:.08em .35em; border-radius:5px;
  background:var(--tm-accent-soft); color:var(--tm-text-muted); font-size:.95em; font-style:normal;
  box-decoration-break:clone; -webkit-box-decoration-break:clone;
}
.tm-comment-quote::before{ margin-right:.05em; color:var(--tm-accent-dark); }.tm-comment-quote::after{ margin-left:.05em; color:var(--tm-accent-dark); }
.tm-comment-spoiler{ display:inline; }
.tm-comment-spoiler__toggle{
  display:inline-flex; align-items:center; gap:4px; min-height:24px; margin:0 .15em; padding:2px 8px;
  border:1px solid var(--tm-border); border-radius:var(--tm-radius-pill); background:var(--tm-card);
  color:var(--tm-text-muted); font:inherit; font-size:.88em; font-weight:700; line-height:1.2;
  vertical-align:baseline; cursor:pointer;
}
.tm-comment-spoiler__toggle::before{ content:"+"; color:var(--tm-accent); font-size:1.05em; line-height:1; }
.tm-comment-spoiler__toggle[aria-expanded="true"]::before{ content:"−"; }
.tm-comment-spoiler__toggle:hover,.tm-comment-spoiler__toggle[aria-expanded="true"]{ border-color:var(--tm-accent); background:var(--tm-accent-soft); color:var(--tm-accent-dark); }
.tm-comment-spoiler__content{
	margin:0 .18em; padding:.08em .38em; border-radius:5px; background:#FFF6A9;
	color:#3A3828; font-size:.95em; box-shadow:inset 0 0 0 1px rgba(126,111,24,.12);
	box-decoration-break:clone; -webkit-box-decoration-break:clone;
}
.tm-comment-spoiler__content[hidden]{ display:none; }
.tm-comment-edit{ padding:0; border:0; background:transparent; color:var(--tm-accent); font-size:12.5px; font-weight:700; }
.tm-comment-editor{ width:100%; max-width:100%; margin-top:12px; overflow:hidden; }.tm-comment-editor textarea{ display:block; width:100%; max-width:100%; min-height:110px; padding:11px 13px; border:1px solid var(--tm-border); border-radius:12px; background:var(--tm-card); color:var(--tm-text); resize:vertical; }.tm-comment-editor .tm-comment-toolbar{ margin-bottom:7px; }
.tm-comment-editor__actions{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:8px; }.tm-comment-editor__status{ color:var(--tm-text-muted); font-size:12.5px; }

/* Фронтенд-аккаунт. */
.gye-auth-main{ display:flex; justify-content:center; padding:24px 16px 60px; }
.gye-auth-card{ width:100%; max-width:440px; background:var(--tm-card); border:1px solid var(--tm-card-border); border-radius:var(--tm-radius); box-shadow:var(--tm-shadow); padding:28px; }
.gye-auth-card .tm-breadcrumbs{ margin:0 0 18px; padding:0; border:0; border-radius:0; background:transparent; }
.gye-auth-title{ font-size:26px; margin:6px 0 20px; }
.gye-auth-form .pedit-block{ margin-bottom:14px; padding:18px; background:var(--tm-bg-soft); border:1px solid var(--tm-border); border-radius:var(--tm-radius); }
.pedit-field{ margin-bottom:14px; }.pedit-field:last-child{ margin-bottom:0; }
.pedit-label{ display:block; margin-bottom:6px; color:var(--tm-text-muted); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.pedit-input{ width:100%; padding:10px 12px; border:1px solid var(--tm-border); border-radius:12px; background:var(--tm-card); color:var(--tm-text); outline:none; }
.pedit-input:focus{ border-color:var(--tm-accent); box-shadow:0 0 0 3px rgba(148,96,0,.12); box-shadow:0 0 0 3px color-mix(in srgb,var(--tm-accent) 12%,transparent); }
.pedit-row-two{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.pedit-hint,.gye-auth-hint{ display:block; margin:4px 0 14px; color:var(--tm-text-muted); font-size:12px; }
.pedit-password-wrap{ position:relative; display:flex; align-items:center; }.pedit-password-wrap .pedit-input{ padding-right:42px; }
.pedit-pass-toggle{ position:absolute; right:10px; padding:4px; border:0; background:transparent; color:var(--tm-text-muted); }
.pedit-checkbox-row{ display:flex; align-items:center; gap:7px; color:var(--tm-text-muted); font-size:13px; }
.pedit-strength-bar{ height:4px; margin-top:8px; overflow:hidden; border-radius:4px; background:var(--tm-border); }.pedit-strength-fill{ height:100%; width:0; transition:.2s; }
.pedit-submit-row{ display:flex; justify-content:flex-end; margin-top:8px; }.pedit-submit,.btn-submit{ width:100%; padding:11px 18px; border:0; border-radius:var(--tm-radius-pill); background:var(--tm-button); color:var(--tm-accent-contrast); font-weight:700; }
.gye-auth-switch{ margin:12px 0 0; color:var(--tm-text-muted); font-size:14px; text-align:center; }.gye-auth-switch a{ color:var(--tm-accent); text-decoration:underline; }
.profile-notice{ margin:0 0 16px; padding:11px 13px; border-radius:12px; }.profile-notice-error{ background:#f9e5e5; color:#8c3232; }.profile-notice-success{ background:var(--tm-accent-soft); color:var(--tm-accent-dark); }
.captcha-block,.tm-login-captcha,.tm-register-captcha{ margin:14px 0; }.captcha-row{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }

/* Editor.js, черновики и модерация — отдельная широкая рабочая область. */
.gye-editor-wrap,.gye-drafts-wrap{ width:100%; max-width:var(--tm-container); margin:20px auto 60px; }
.gye-editor-page,.gye-drafts-wrap{ width:100%; padding:40px; background:var(--tm-card); border:1px solid var(--tm-card-border); border-radius:var(--tm-radius); box-shadow:var(--tm-shadow); }
.gye-editor-head,.gye-drafts-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:22px; }
.gye-editor-pagetitle,.gye-drafts-title{ margin:0; color:var(--tm-text); font-size:25px; }.gye-drafts-subtitle{ margin:3px 0 0; color:var(--tm-text-muted); font-size:14px; }
.gye-editor-headlinks,.gye-drafts-headbtns,.gye-editor-actions,.gye-draft-actions{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.gye-editor-headlink,.gye-btn,.gye-draft-btn,.gye-mod-filter{ display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border:1px solid var(--tm-border); border-radius:var(--tm-radius-pill); background:var(--tm-card); color:var(--tm-text); font-size:13px; font-weight:700; text-decoration:none; }
.gye-editor-headlink:hover,.gye-btn-ghost:hover,.gye-draft-btn-edit:hover,.gye-mod-filter:hover{ color:var(--tm-accent); border-color:var(--tm-accent); }
.gye-btn-primary,.gye-mod-filter.is-active{ color:var(--tm-accent-contrast); border-color:var(--tm-accent); background:var(--tm-button); }
.gye-field{ margin-bottom:20px; }.gye-label{ display:block; margin-bottom:8px; color:var(--tm-text-muted); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.gye-select,.gye-tag-input,.gye-embed-url,.gye-chart-type,.gye-chart-title,.gye-chart-data{ width:100%; padding:10px 12px; border:1px solid var(--tm-border); border-radius:12px; background:var(--tm-bg-soft); color:var(--tm-text); outline:none; }
.gye-select:focus,.gye-tag-input:focus,.gye-embed-url:focus,.gye-chart-data:focus{ border-color:var(--tm-accent); }
.gye-editor-page .gye-category-picker{ position:relative; min-width:0; }
.gye-editor-page .gye-category-toggle{ display:flex; align-items:center; gap:12px; min-width:0; min-height:40px; text-align:left; font:inherit; font-size:13px; cursor:pointer; }
.gye-editor-page .gye-category-toggle > span{ flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gye-editor-page .gye-category-toggle::after{ content:""; width:6px; height:6px; flex:0 0 6px; margin:0 3px 3px 0; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); }
.gye-editor-page .gye-category-toggle[aria-expanded="true"]{ border-color:var(--tm-accent); }
.gye-editor-page .gye-category-options{ position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:100; max-height:min(240px,40vh); overflow-y:auto; overscroll-behavior:contain; padding:5px; border:1px solid var(--tm-border); border-radius:12px; background:var(--tm-card); box-shadow:var(--tm-shadow); scrollbar-width:thin; }
.gye-editor-page .gye-category-options[hidden]{ display:none; }
.gye-editor-page .gye-category-option{ display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:38px; padding:8px 10px; border:0; border-radius:7px; background:transparent; color:var(--tm-text); text-align:left; font:inherit; font-size:13px; cursor:pointer; }
.gye-editor-page .gye-category-option:hover{ background:var(--tm-bg-soft); }
.gye-editor-page .gye-category-option[aria-selected="true"]{ background:var(--tm-accent-soft); color:var(--tm-text); }
.gye-editor-page .gye-category-option[aria-selected="true"]::after{ content:"✓"; flex-shrink:0; font-size:15px; }
.gye-editor-page .gye-category-option:focus-visible,.gye-editor-page .gye-category-toggle:focus-visible{ outline:2px solid var(--tm-accent); outline-offset:-2px; }
.gye-editor-page .gye-category-help{ display:block; margin-top:7px; color:var(--tm-text-muted); font-size:12px; line-height:1.5; }
.gye-editor-page .gye-featured-setting{ display:inline-flex; align-items:center; gap:10px; cursor:pointer; font-weight:600; color:var(--tm-text); }
.gye-editor-page .gye-featured-setting input{ appearance:none; -webkit-appearance:none; position:relative; flex:0 0 38px; width:38px; height:22px; margin:0; border:1px solid var(--tm-border); border-radius:20px; background:var(--tm-bg-soft); cursor:pointer; }
.gye-editor-page .gye-featured-setting input::after{ content:""; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:var(--tm-text-muted); transition:transform .15s; }
.gye-editor-page .gye-featured-setting input:checked{ background:var(--tm-button); border-color:var(--tm-button); }
.gye-editor-page .gye-featured-setting input:checked::after{ transform:translateX(16px); background:var(--tm-accent-contrast); }
.gye-editor-page .gye-featured-setting input:focus-visible{ outline:2px solid var(--tm-accent); outline-offset:3px; }
.gye-thumb-drop{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:16px; border:1.5px dashed var(--tm-border); border-radius:var(--tm-radius); }.gye-thumb-drop.has-image{ border-style:solid; }.gye-thumb-drop.is-loading{ opacity:.6; pointer-events:none; }
.gye-thumb-preview:empty{ display:none; }.gye-thumb-preview img{ width:160px; height:90px; object-fit:cover; border-radius:12px; }.gye-thumb-pick{ display:inline-flex; align-items:center; gap:7px; padding:9px 13px; border-radius:var(--tm-radius-pill); background:var(--tm-accent-soft); color:var(--tm-accent-dark); font-size:13px; font-weight:700; cursor:pointer; }.gye-thumb-remove{ padding:6px 8px; border:0; background:transparent; color:var(--tm-text-muted); }
.gye-editor-holder{ min-height:260px; }.gye-editor-actions{ justify-content:flex-end; margin-top:22px; }.gye-save-status{ display:flex; align-items:center; flex:0 0 140px; width:140px; height:36px; min-width:0; margin-right:auto; overflow:hidden; overflow-wrap:anywhere; line-height:1.25; color:var(--tm-text-muted); font-size:13px; }.gye-editor-actions .gye-captcha{ margin-bottom:0; }
@media (max-width:600px){ .gye-editor-actions .gye-save-status{ flex:0 0 36px; width:100%; margin-right:0; } }
.gye-tags{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; }.gye-tag-chip{ display:inline-flex; align-items:center; gap:6px; padding:6px 7px 6px 12px; border-radius:var(--tm-radius-pill); background:var(--tm-accent-soft); font-size:13px; }.gye-tag-x{ display:grid; place-items:center; width:19px; height:19px; padding:0; border:0; border-radius:50%; background:rgba(0,0,0,.12); color:inherit; }
.gye-limit-note{ padding:14px 18px; border:1px solid rgba(234,179,8,.35); border-left:4px solid #eab308; border-radius:12px; background:rgba(234,179,8,.08); }
.gye-access-denied{ max-width:620px; margin:0 auto; text-align:center; }.gye-access-denied__icon{ display:grid; place-items:center; width:46px; height:46px; margin:0 auto 14px; border-radius:50%; background:var(--tm-accent-soft); color:var(--tm-accent-dark); font-size:24px; font-weight:800; }.gye-access-denied h1{ margin:0 0 10px; font-size:24px; }.gye-access-denied p{ max-width:500px; margin:0 auto; color:var(--tm-text-muted); }.gye-access-denied__actions{ display:flex; justify-content:center; gap:9px; flex-wrap:wrap; margin-top:22px; }
.gye-drafts-list{ display:flex; flex-direction:column; gap:12px; }.gye-draft-card{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; border:1px solid var(--tm-border); border-radius:var(--tm-radius); background:var(--tm-bg-soft); }.gye-draft-main{ flex:1; min-width:0; }.gye-draft-meta{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-bottom:6px; }.gye-draft-badge{ padding:3px 8px; border-radius:var(--tm-radius-pill); font-size:11px; font-weight:700; text-transform:uppercase; }.gye-draft-badge--pending{ background:rgba(234,179,8,.15); color:#9a6810; }.gye-draft-badge--draft{ background:var(--tm-chip-bg); color:var(--tm-text-muted); }.gye-draft-badge--publish{ background:rgba(22,163,74,.15); color:#16833e; }.gye-draft-date,.gye-draft-author{ color:var(--tm-text-muted); font-size:12px; }.gye-draft-title{ display:block; overflow:hidden; color:var(--tm-text); font-size:16px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }.gye-draft-excerpt{ display:-webkit-box; margin:5px 0 0; overflow:hidden; color:var(--tm-text-muted); font-size:13px; -webkit-line-clamp:2; -webkit-box-orient:vertical; }.gye-draft-btn-delete:hover{ color:#d33; border-color:#d33; }.gye-drafts-empty{ padding:48px 16px; color:var(--tm-text-muted); text-align:center; }
.gye-mod-filters{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; padding-bottom:14px; border-bottom:1px solid var(--tm-border); }.gye-mod-count{ margin-left:4px; opacity:.8; }
.gye-mod-tools{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px;
  margin:0 0 18px; padding:16px; border:1px solid var(--tm-border);
  border-radius:var(--tm-radius); background:var(--tm-bg-soft);
}
.gye-mod-tool{ display:flex; min-width:0; flex-direction:column; gap:6px; }
.gye-mod-tool--search{ grid-column:span 2; }
.gye-mod-tool > span{
  color:var(--tm-text-muted); font-size:11px; font-weight:750; letter-spacing:.04em; text-transform:uppercase;
}
.gye-mod-tool input,.gye-mod-tool select{
  width:100%; min-width:0; height:40px; padding:8px 11px; border:1px solid var(--tm-border);
  border-radius:11px; background:var(--tm-card); color:var(--tm-text); font:inherit; font-size:13px; outline:0;
}
.gye-mod-tool input:focus,.gye-mod-tool select:focus{ border-color:var(--tm-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--tm-accent) 12%,transparent); }
.gye-mod-tools__actions{ display:flex; grid-column:span 2; align-items:flex-end; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.gye-mod-tools__actions .gye-btn{ cursor:pointer; }
.gye-mod-results{ margin:-7px 0 14px; color:var(--tm-text-muted); font-size:12px; }
@media (max-width:900px){
  .gye-mod-tools{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gye-mod-tool--search{ grid-column:1/-1; }
  .gye-mod-tools__actions{ grid-column:1/-1; }
}
@media (max-width:560px){
  .gye-mod-tools{ grid-template-columns:1fr; padding:13px; }
  .gye-mod-tool--search{ grid-column:auto; }
  .gye-mod-tools__actions{ grid-column:auto; justify-content:stretch; }
  .gye-mod-tools__actions .gye-btn{ justify-content:center; flex:1; }
}

/* Внутренние элементы Editor.js в обеих цветовых схемах. */
.gye-editor-holder .codex-editor,.gye-editor-holder .ce-block{ color:var(--tm-text); }.gye-editor-holder .ce-block__content,.gye-editor-holder .ce-toolbar__content{ max-width:100% !important; }.gye-editor-holder .ce-toolbar__plus,.gye-editor-holder .ce-toolbar__settings-btn{ color:var(--tm-text) !important; }.gye-editor-holder .ce-popover,.gye-editor-holder .ce-popover__container,.gye-editor-holder .ce-inline-toolbar{ background:var(--tm-card); border-color:var(--tm-border); color:var(--tm-text); }.gye-editor-holder .cdx-input,.gye-editor-holder .cdx-button,.gye-editor-holder .codex-editor .ce-code__textarea{ background:var(--tm-bg-soft) !important; border-color:var(--tm-border) !important; color:var(--tm-text) !important; }.gye-editor-holder .ce-popover__overlay{ z-index:10049; }.gye-editor-holder .ce-popover__container,.gye-editor-holder .ce-inline-toolbar{ z-index:10050; }.gye-editor-holder .gye-align-center {text-align: center;}

/* Закреплённый заголовок поста и обычные Heading-блоки должны визуально
   отличаться от параграфа ещё до открытия меню инструментов. */
.gye-editor-holder .gye-title-block{
  min-height:1.4em; margin:0 0 8px; padding:8px 0 14px; border-bottom:1px solid var(--tm-border);
  color:var(--tm-text); font-family:var(--tm-font-round); font-size:26px; font-weight:800;
  line-height:1.24; letter-spacing:-.018em; outline:0;
}
.gye-editor-holder .gye-title-block:empty::before{ content:attr(data-placeholder); color:var(--tm-text-faint); pointer-events:none; }
.gye-editor-holder .gye-title-block:focus{ border-bottom-color:var(--tm-accent); }
.gye-editor-holder .ce-block[data-tool="header"] .ce-header,
.gye-editor-holder .ce-header{
  color:var(--tm-text); font-family:var(--tm-font-round); font-size:1.3rem; font-weight:800;
  line-height:1.32; letter-spacing:-.012em;
}
.gye-editor-holder h2.ce-header{ font-size:1.5rem; }
.gye-editor-holder h3.ce-header{ font-size:1.3rem; }
.gye-editor-holder h4.ce-header{ font-size:1.15rem; }

/* Кастомный блок внешней вставки: компактный URL сверху и единая рамка
   вокруг превью вместо набора визуально несвязанных элементов. */
.gye-editor-holder .gye-embed-tool{
  width:100%; margin:4px 0; overflow:hidden; border:1px solid var(--tm-border);
  border-radius:16px; background:var(--tm-bg-soft);
}
.gye-editor-holder .gye-embed-bar,
.gye-editor-holder .gye-embed-link{
  display:flex; align-items:center; gap:10px; min-height:40px; padding:7px 9px 7px 13px;
  background:var(--tm-bg-soft);
}
.gye-editor-holder .gye-embed-bar{ border-bottom:1px solid var(--tm-border); }
.gye-editor-holder .gye-embed-src,
.gye-editor-holder .gye-embed-link a{
  flex:1 1 auto; min-width:0; overflow:hidden; color:var(--tm-text-faint); font-size:11.5px;
  line-height:1.4; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;
}
.gye-editor-holder .gye-embed-link a:hover{ color:var(--tm-accent); }
.gye-editor-holder .gye-embed-change{
  display:grid; flex:0 0 27px; width:27px; height:27px; place-items:center; padding:0;
  border:1px solid var(--tm-border); border-radius:50%; background:var(--tm-card);
  color:var(--tm-text-muted); font-size:13px; line-height:1;
}
.gye-editor-holder .gye-embed-change:hover{ border-color:var(--tm-accent); color:var(--tm-accent); }
.gye-editor-holder iframe.gye-embed-sandbox{
  display:block; width:100%; min-height:180px; margin:0; border:0; background:var(--tm-card);
}
.gye-editor-holder .gye-embed-loading{
  padding:18px; color:var(--tm-text-muted); font-size:13px; text-align:center;
}
.gye-editor-holder .gye-embed-tool .gye-embed-input{
  display:flex; align-items:center; gap:8px; margin:0; padding:12px; background:var(--tm-bg-soft);
}
.gye-editor-holder .gye-embed-tool .gye-embed-url{ flex:1 1 220px; width:auto; min-width:150px; background:var(--tm-card); }
.gye-editor-holder .gye-embed-tool .gye-embed-go{ flex:0 0 auto; }
.gye-pagination ul{ display:flex; justify-content:center; gap:6px; flex-wrap:wrap; margin-top:20px; list-style:none; }.gye-pagination a,.gye-pagination span{ display:grid; min-width:34px; height:34px; place-items:center; padding:0 8px; border:1px solid var(--tm-border); border-radius:var(--tm-radius-pill); }.gye-pagination .current{ background:var(--tm-button); border-color:var(--tm-accent); color:var(--tm-accent-contrast); }
.gye-gallery-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(110px,1fr)); gap:8px; }.gye-gallery-item{ position:relative; overflow:hidden; aspect-ratio:1; border:1px solid var(--tm-border); border-radius:12px; background:var(--tm-bg-soft); }.gye-gallery-item img{ width:100%; height:100%; object-fit:cover; }.gye-gallery-rm{ position:absolute; top:4px; right:4px; width:25px; height:25px; padding:0; border:0; border-radius:50%; background:rgba(0,0,0,.65); color:#fff; }.gye-gallery-bar,.gye-chart-ctrls,.gye-embed-input{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:10px; }.gye-gallery-add,.gye-embed-go{ padding:9px 14px; border:0; border-radius:var(--tm-radius-pill); background:var(--tm-button); color:var(--tm-accent-contrast); font-weight:700; }.gye-chart-data{ min-height:110px; resize:vertical; }

@media (max-width:640px){ .gye-editor-page,.gye-drafts-wrap{ padding:22px 18px; } }
@media (max-width:600px){ .pedit-row-two{ grid-template-columns:1fr; }.gye-editor-wrap,.gye-drafts-wrap{ margin-top:20px; }.gye-draft-card{ align-items:stretch; flex-direction:column; }.gye-draft-actions{ justify-content:flex-end; }.gye-editor-actions{ align-items:stretch; flex-direction:column; }.gye-save-status{ order:-1; }.gye-captcha{ justify-content:center; }.gye-editor-actions .gye-btn{ justify-content:center; }.gye-editor-holder .gye-title-block{ font-size:23px; }.gye-editor-holder .gye-embed-tool .gye-embed-input{ align-items:stretch; flex-direction:column; }.gye-editor-holder .gye-embed-tool .gye-embed-url{ flex-basis:auto; width:100%; }.gye-editor-holder .gye-embed-tool .gye-embed-go{ justify-content:center; } }

/* Lite YouTube: внешний iframe загружается только после клика.
   Элемент не имеет Shadow DOM: базовая геометрия и кнопка задаются здесь. */
.tm-post__content lite-youtube{
  display:block; position:relative; width:100%; aspect-ratio:16 / 9; height:auto;
  margin:1em 0; overflow:hidden; border-radius:var(--tm-radius); cursor:pointer;
  background:radial-gradient(circle at center,#26262A 0,#111 68%,#080808 100%);
  contain:layout paint;
}
/* Gutenberg добавляет :before с padding-top для обычного iframe. У lite-youtube
   свой aspect-ratio, поэтому оставленный псевдоэлемент создавал пустой отступ. */
.tm-post__content .wp-block-embed__wrapper.has-lite-youtube::before,
.tm-post__content .wp-block-embed__wrapper:has(> lite-youtube)::before{
  content:none !important; display:none !important; padding-top:0 !important;
}
.tm-post__content .wp-block-embed__wrapper.has-lite-youtube,
.tm-post__content .wp-block-embed__wrapper:has(> lite-youtube){ height:auto !important; }
.tm-post__content lite-youtube > iframe{
  position:absolute; inset:0; width:100%; height:100% !important; border:0; border-radius:0;
}
.tm-post__content lite-youtube > .lyt-poster{
  position:absolute; inset:0; z-index:0; width:100%; height:100%;
  object-fit:cover; object-position:50% 50%; border-radius:inherit; pointer-events:none;
}
.tm-post__content lite-youtube.lyt-activated > .lyt-poster{ display:none; }
.tm-post__content lite-youtube > .lyt-playbtn,
.tm-post__content lite-youtube > .lty-playbtn{
  position:absolute; inset:0; z-index:1; display:block; width:100%; height:100%; padding:0;
  border:0; background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z' fill='%23f00'/%3E%3Cpath d='M45 24 27 14v20' fill='%23fff'/%3E%3C/svg%3E") center / 68px 48px no-repeat;
  cursor:pointer; filter:grayscale(100%); transition:filter .15s ease;
}
.tm-post__content lite-youtube:hover > .lyt-playbtn,
.tm-post__content lite-youtube:hover > .lty-playbtn,
.tm-post__content lite-youtube > .lyt-playbtn:focus-visible,
.tm-post__content lite-youtube > .lty-playbtn:focus-visible{ filter:none; }
.tm-post__content lite-youtube.lyt-activated > .lyt-playbtn,
.tm-post__content lite-youtube.lyt-activated > .lty-playbtn{ display:none; }
.tm-post__content lite-youtube::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.28),transparent 60%);
}
.tm-post__content lite-youtube.lyt-activated::after{ display:none; }
.gye-consent-embed{ display:grid; width:100%; min-height:240px; place-items:center; padding:24px; border:1px solid var(--tm-border); border-radius:var(--tm-radius); background:radial-gradient(circle at center,#26262A,#111); color:#fff; font-weight:800; }.gye-consent-embed:hover{ border-color:var(--tm-accent); }.wp-block-embed iframe{ width:100%; aspect-ratio:16/9; height:auto; border:0; border-radius:var(--tm-radius); }
.tm-post__content .gye-social-embed{
  width:100%; margin:24px 0; overflow:hidden; border:1px solid var(--tm-border);
  border-radius:var(--tm-radius); background:var(--tm-card);
}
.tm-post__content .gye-consent-embed--social{
  display:flex; align-items:center; justify-content:flex-start; gap:14px; min-height:96px;
  padding:16px 18px; border:0; border-radius:0; background:var(--tm-bg-soft);
  color:var(--tm-text); text-align:left;
}
.tm-post__content .gye-consent-embed--social:hover{ background:var(--tm-accent-soft); color:var(--tm-accent-dark); }
.gye-consent-embed__badge{
  display:grid; flex:0 0 44px; width:44px; height:44px; place-items:center;
  border:1px solid var(--tm-border); border-radius:14px; background:var(--tm-card);
  color:var(--tm-text); font-size:18px; font-weight:850;
}
.gye-consent-embed__body{ display:flex; min-width:0; flex-direction:column; gap:3px; }
.gye-consent-embed__body strong{ color:inherit; font-size:15px; line-height:1.3; }
.gye-consent-embed__body small{ color:var(--tm-text-muted); font-size:12px; font-weight:500; line-height:1.35; }
.gye-social-embed noscript a{ display:block; padding:12px 16px; font-size:13px; }
.gye-twitter-render{
  display:grid; width:100%; min-height:180px; place-items:center; padding:14px 18px;
  color:var(--tm-text-muted); font-size:13px; background:var(--tm-card);
}
.gye-twitter-render.is-ready{ display:block; min-height:0; }
.gye-twitter-render > iframe{ display:block !important; width:100% !important; max-width:550px !important; margin:0 auto !important; }
.gye-twitter-render > a{ color:var(--tm-accent); font-weight:700; }
.gye-editor-holder .gye-twitter-render{ border:0; border-radius:0; }
.gye-reddit-render{ width:100%; padding:14px 18px; background:var(--tm-card); }
.gye-reddit-render .reddit-embed-bq{ max-width:100% !important; margin:0 auto !important; }
.gye-reddit-render > iframe{
  display:block !important; width:100% !important; max-width:640px !important;
  margin:0 auto !important; border:0 !important;
}
.gye-reddit-render.is-fallback{ min-height:96px; }
.gye-reddit-render.is-fallback .reddit-embed-bq{ display:grid; min-height:68px; place-items:center; }
.gye-reddit-render.is-fallback a{ color:var(--tm-accent); font-weight:700; }
.gye-provider-render{ width:100%; background:var(--tm-card); }
.gye-provider-frame{ display:block; width:100%; margin:0 auto; border:0; background:var(--tm-bg-soft); }
.gye-provider-render--steam{ padding:14px 18px; }
.gye-provider-frame--steam{ max-width:646px; height:190px !important; aspect-ratio:auto !important; }
.gye-provider-render--twitch{ overflow-x:auto; background:#0e0e10; }
.gye-provider-frame--twitch{ min-width:400px; min-height:300px; aspect-ratio:16/9; }
.gye-provider-render--pinterest{ padding:14px 18px; }
.gye-provider-frame--pinterest{ width:345px; max-width:100%; height:714px !important; aspect-ratio:auto !important; background:transparent; }
.gye-instagram-render,
.gye-pinterest-render{ display:grid; width:100%; place-items:center; padding:14px 18px; background:var(--tm-card); }
.gye-instagram-render .instagram-media{ width:100% !important; min-width:0 !important; max-width:540px !important; margin:0 auto !important; }
.gye-instagram-render > iframe,
.gye-instagram-render .instagram-media-rendered{ display:block !important; width:100% !important; max-width:540px !important; margin:0 auto !important; }
.gye-pinterest-render > span,
.gye-pinterest-render > iframe{ display:block !important; max-width:100% !important; margin:0 auto !important; }
.gye-provider-fallback{
  display:flex; min-height:118px; flex-direction:column; align-items:flex-start; justify-content:center;
  gap:5px; padding:18px; background:var(--tm-bg-soft); color:var(--tm-text-muted); font-size:13px;
}
.gye-provider-fallback strong{ color:var(--tm-text); font-size:15px; }
.gye-provider-fallback a{ margin-top:5px; color:var(--tm-accent); font-weight:750; }
.gye-editor-holder .gye-provider-render--steam,
.gye-editor-holder .gye-provider-render--pinterest,
.gye-editor-holder .gye-instagram-render,
.gye-editor-holder .gye-pinterest-render{ border-radius:0; }
.gye-embed-sandbox--video{
  display:block; width:100%; height:auto !important; min-height:0 !important;
  aspect-ratio:16/9; border:0; background:#000;
}

/* Внутренняя ссылка: компактная локальная карточка вместо WP iframe. */
.tm-internal-card-wrap{ width:100%; margin:22px 0; }
.tm-internal-card{
  display:grid; grid-template-columns:148px minmax(0,1fr); overflow:hidden;
  border:1px solid var(--tm-border); border-radius:16px; background:var(--tm-card);
  color:var(--tm-text); text-decoration:none; transition:border-color .15s ease,transform .15s ease;
}
.tm-post__content .tm-internal-card{ color:var(--tm-text); text-decoration:none; }
.tm-internal-card:hover{ border-color:var(--tm-accent); color:var(--tm-text); transform:translateY(-1px); }
.tm-internal-card--no-image{ grid-template-columns:1fr; }
.tm-internal-card__media{ min-height:118px; background:var(--tm-bg-soft); }
.tm-internal-card__media img{ display:block; width:100%; height:100%; min-height:118px; object-fit:cover; }
.tm-internal-card__body{ display:flex; min-width:0; flex-direction:column; justify-content:center; gap:7px; padding:15px 17px; }
.tm-internal-card__title{ color:var(--tm-text); font-size:16px; font-weight:800; line-height:1.28; }
.tm-internal-card__excerpt{
  display:-webkit-box; overflow:hidden; color:var(--tm-text-muted); font-size:12.5px; line-height:1.45;
  -webkit-box-orient:vertical; -webkit-line-clamp:2;
}
.tm-internal-card__meta{ color:var(--tm-text-faint); font-size:11px; font-weight:650; }
.gye-internal-card-preview{ padding:12px; background:var(--tm-card); }
.gye-internal-card-preview .tm-internal-card-wrap{ margin:0; }
@media (max-width:520px){
  .tm-internal-card{ grid-template-columns:104px minmax(0,1fr); }
  .tm-internal-card__media,.tm-internal-card__media img{ min-height:112px; }
  .tm-internal-card__body{ padding:12px; }
  .tm-internal-card__title{ font-size:14px; }
  .tm-internal-card__excerpt{ -webkit-line-clamp:2; font-size:12px; }
}
.lyt-visually-hidden{
  position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap;
}

/* ==========================================================================
   12. ФУТЕР
   ========================================================================== */
.tm-footer{ background: var(--tm-bg-soft); border-top: 1px solid var(--tm-border); margin-top: 60px; }
.tm-footer__top{ padding: 50px 0 30px; display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.tm-footer__brand{ max-width: 260px; }
.tm-footer__brand .tm-logo{ margin-bottom: 8px; }
.tm-footer__tagline{ color: var(--tm-text-muted); font-size: 13.5px; }
.tm-footer__cols{ display: flex; gap: 60px; flex-wrap: wrap; }
.tm-footer__col h4{ font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--tm-text-faint); margin-bottom: 14px; }
.tm-footer__col li{ margin-bottom: 10px; }
.tm-footer ul{ margin: 0; padding: 0; list-style: none; }
.tm-footer__col a{ font-size: 14px; color: var(--tm-text); }
.tm-footer__col a:hover{ color: var(--tm-accent); }

.tm-footer__tagcloud{
  border-top: 1px solid var(--tm-border); padding: 22px 0;
  display: flex; flex-wrap: wrap; gap: 8px;
}
.tm-footer__tagcloud a{
  background: var(--tm-card); border: 1px solid var(--tm-border);
  font-size: 12.5px; padding: 6px 12px; border-radius: var(--tm-radius-pill); color: var(--tm-text-muted);
}
.tm-footer__tagcloud a:hover{ color: var(--tm-accent); border-color: var(--tm-accent); }

.tm-footer__bottom{
  border-top: 1px solid var(--tm-border); padding: 18px 0;
  display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap;
}
.tm-footer__social{ display: flex; gap: 8px; }
.tm-footer__social a{
  width: 34px; height: 34px; border-radius: 50%; background: var(--tm-card); border: 1px solid var(--tm-border);
  display: flex; align-items: center; justify-content: center;
}
.tm-footer__social a:hover{ border-color: var(--tm-accent); color: var(--tm-accent); }
.tm-footer__copy{ font-size: 12.5px; color: var(--tm-text-faint); }
.tm-footer__age{
  font-size: 11px; font-weight: 700; color: var(--tm-text-faint);
  border: 1px solid var(--tm-border); border-radius: 50%;
  width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
}

/* ==========================================================================
   13. АДАПТИВ ШАПКИ/МЕЛОЧИ
   ========================================================================== */
@media (max-width: 780px){
  .tm-header__search{ display: none; }
  .tm-header__actions{ margin-left:auto; }
  .tm-post__title{ font-size: 24px; }
}
@media (max-width: 560px){
  .tm-header__inner{ gap:6px; }
  .tm-header__brand{ gap:0; }
  .tm-account__name{ display:none; }
  .tm-account__toggle{ padding-right:6px; }
  .tm-account-menu{ position:fixed; top:74px; right:12px; width:min(260px,calc(100vw - 24px)); }
	.tm-to-top{ right:12px; bottom:12px; width:42px; height:42px; }
	.tm-cookie-visible .tm-to-top{ bottom:126px; }
	.tm-cookie-notice{ bottom:12px; width:calc(100vw - 24px); gap:12px; padding:12px; }
	.tm-cookie-notice p{ flex:1; }
}
@media (max-width:560px){
  .comment-list .children{ padding-left:12px; }
  .comment-list .children .children{ padding-left:0; border-left:0; }
}
@media (max-width: 560px){
  .tm-footer__top{ padding: 36px 0 20px; }
  .tm-footer__cols{ gap: 30px; }
}

/* стандартные выравнивания вложений WP, на всякий случай */
.alignleft{ float:left; margin:0 20px 10px 0; }
.alignright{ float:right; margin:0 0 10px 20px; }
.aligncenter{ display:block; margin:0 auto 10px; }
.wp-caption-text{ font-size: 13px; color: var(--tm-text-faint); text-align:center; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
#comments li.comment {
	list-style-type: none;
	padding: 14px 16px;
	border-radius: var(--tm-radius);
	background: var(--tm-bg-soft);
}
#comments li.comment.depth-1, form#commentform {
	margin-bottom: .5rem;
}
#comments ol.children {
	border-left: 2px solid var(--tm-border);
	border-left-color: color-mix(in srgb, var(--tm-accent) 45%, var(--tm-border));
}

.tm-profile__edit .tm-profile__captcha{ margin:0; }
.tm-profile__edit .tm-profile__captcha input.gye-captcha-input{ width:74px; min-width:0; margin:0; padding:6px 9px; border-radius:var(--tm-radius-pill); }

.tm-profile__fields{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.tm-profile__fields label{ min-width:0; }
.tm-profile__edit select{ width:100%; margin-top:5px; padding:9px 12px; border:1px solid var(--tm-border); border-radius:10px; background:var(--tm-card); color:var(--tm-text); font:inherit; }
.tm-profile__edit input[readonly]{ color:var(--tm-text-muted); background:var(--tm-bg-soft); }
.tm-profile__fields small{ display:block; margin-top:4px; color:var(--tm-text-muted); }
@media(max-width:600px){ .tm-profile__fields{ grid-template-columns:minmax(0,1fr); } }

.tm-profile__security{ min-width:0; padding:12px 14px; border:1px solid var(--tm-border); border-radius:12px; }
.tm-profile__security summary{ cursor:pointer; color:var(--tm-text-muted); font-weight:600; }
.tm-profile__security[open] summary{ margin-bottom:12px; }
.tm-profile__hint{ margin:8px 0 12px; color:var(--tm-text-muted); font-size:12px; line-height:1.5; overflow-wrap:anywhere; }

/* Quiet notification indicators; the existing account toggle remains the only control. */
.tm-account__toggle{ position:relative; }
.tm-account__unread-dot{ position:absolute; top:2px; left:28px; width:9px; height:9px; border:2px solid var(--tm-card); border-radius:50%; background:var(--tm-button); }
.tm-account-menu__notifications{ padding-left:10px; }
.tm-account-menu__count{ margin-left:auto; min-width:22px; padding:2px 6px; border-radius:var(--tm-radius-pill); background:var(--tm-bg-soft); color:var(--tm-accent); font-size:11px; text-align:center; }
.tm-notifications__heading{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.tm-notifications__heading h1{ margin:0; font-size:24px; }
.tm-notifications__heading form,.tm-notifications__item form{ margin:0; }
.tm-notifications__list{ list-style:none; padding:0; margin:14px 0; }

@media (max-width: 520px) {
  .tm-popular__period {
    flex-basis: calc(100% - 43px);
    min-width: 0;
  }
}
.tm-notifications__item{ border-bottom:1px solid var(--tm-border); border-radius:10px; }
.tm-notifications__item.is-unread{ background:var(--tm-bg-soft); }
.tm-notifications__entry{ display:flex; flex-direction:column; gap:5px; width:100%; padding:15px; border:0; border-radius:10px; background:transparent; color:var(--tm-text); font:inherit; text-align:left; cursor:pointer; overflow-wrap:anywhere; }
.tm-notifications__entry:hover{ color:var(--tm-accent); }
.tm-notifications__entry:focus-visible{ outline:2px solid var(--tm-accent); outline-offset:2px; }
.tm-notifications__text{ font-size:13px; color:var(--tm-text-muted); }
.tm-notifications__entry strong{ font-size:15px; font-weight:600; }
.tm-notifications__entry time,.tm-notifications__hint{ font-size:12px; color:var(--tm-text-muted); }
.tm-notifications__pagination{ display:flex; justify-content:space-between; gap:12px; margin-top:18px; }
.tm-notifications__hint{ margin:18px 0 0; }
@media(max-width:600px){ .tm-notifications__heading h1{ font-size:21px; } .tm-notifications__entry{ padding:12px; } }

.tm-reactions__trigger-rest{ margin-left:3px; font-size:11px; font-weight:600; color:var(--tm-text-muted); line-height:1; }
