/* =============== tИИrекс · Crypto Glass Theme =============== */
:root{
  --bg0:#060914;
  --bg1:#070b18;

  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.68);

  --glass:rgba(255,255,255,.055);
  --glass2:rgba(255,255,255,.085);
  --stroke:rgba(255,255,255,.10);

  --a:#7C5CFF;
  --b:#16F2B3;
  --c:#1AA7FF;

  --shadow: 0 28px 90px rgba(0,0,0,.55);
  --radius:18px;
  --max:1180px;

  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --ease: cubic-bezier(.2,.8,.2,1);

  /* логотипы */
  --logo-h: 38px;
  --logo-f: 38px;
  --logo-r: 12px;

  /* обложка записи на ПК: если хотите ниже — ставьте 460–520 */
  --hero-max-h: 520px;
  /* ширина обложки внутри статьи на ПК */
  --hero-max-w: 980px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
[hidden]{ display:none !important; }

html{ background: var(--bg0); }

body{
  margin:0;
  font-family:var(--sans);
  color:var(--text);
  overflow-x:hidden;
  background: transparent; /* фон рисуем отдельным fixed-слоем */
  position: relative;
}

/* РОВНЫЙ фон без “полос” при скролле */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(1400px 900px at 12% 10%, rgba(124,92,255,.16), transparent 65%),
    radial-gradient(1200px 800px at 88% 12%, rgba(26,167,255,.14), transparent 65%),
    radial-gradient(1400px 900px at 55% 92%, rgba(22,242,179,.10), transparent 70%),
    linear-gradient(180deg, var(--bg0), var(--bg1));
  transform: translateZ(0);
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; height:auto; display:block; }

.wrap{ max-width:var(--max); margin:0 auto; padding:18px; }
.ti-muted{ color:var(--muted); }

.glass{
  background: linear-gradient(180deg, var(--glass), var(--glass2));
  border:1px solid var(--stroke);
  border-radius: var(--radius);
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
  box-shadow: var(--shadow);
}

/* WP admin bar offset for sticky header */
body.admin-bar .ti-top{ top:32px; }
@media (max-width:782px){ body.admin-bar .ti-top{ top:46px; } }

/* ===== Buttons ===== */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  font-weight:850;
  font-size:14px;
  box-shadow:0 12px 40px rgba(0,0,0,.28);
  transition: transform .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);
}
.btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 18px 60px rgba(0,0,0,.34);
}
.btn:active{ transform:translateY(0); }

.btn.primary{
  border-color:rgba(124,92,255,.35);
  background:
    radial-gradient(120% 140% at 30% 20%, rgba(124,92,255,.42), transparent 60%),
    rgba(255,255,255,.06);
}
.btn.ghost{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.10);
}

/* ===== Header ===== */
.ti-top{
  position:sticky;
  top:0;
  z-index:80;
  background: linear-gradient(
    180deg,
    rgba(6,9,20,.90) 0%,
    rgba(6,9,20,.62) 60%,
    rgba(6,9,20,.18) 100%
  );
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(16px) saturate(1.12);
  -webkit-backdrop-filter: blur(16px) saturate(1.12);
}
.ti-top::after{
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-28px;
  height:28px;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(6,9,20,.18), rgba(6,9,20,0));
}

.ti-top__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:12px;
  padding-bottom:10px;
}

.ti-brand{ display:flex; align-items:center; gap:10px; min-width:220px; }
.ti-brand__text{ display:flex; flex-direction:column; line-height:1.1; }
.ti-brand__name{ font-weight:950; letter-spacing:.2px; }
.ti-brand__tag{ font-size:12px; color:rgba(255,255,255,.68); margin-top:2px; }

/* логотип в шапке */
.ti-brand__logo{
  width:var(--logo-h);
  height:var(--logo-h);
  border-radius:var(--logo-r);
  object-fit:contain;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 60px rgba(0,0,0,.35);
  background: linear-gradient(135deg, rgba(124,92,255,1), rgba(26,167,255,1));
}

/* Desktop nav */
.ti-nav{ flex:1; display:flex; justify-content:center; }
.ti-nav__capsule{
  display:flex;
  gap:6px;
  align-items:center;
  padding:6px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow: 0 18px 70px rgba(0,0,0,.30);
  backdrop-filter: blur(14px) saturate(1.12);
  -webkit-backdrop-filter: blur(14px) saturate(1.12);
}
.ti-menu{ display:flex; gap:6px; padding:0; margin:0; }
.ti-menu li{ list-style:none; margin:0; padding:0; }
.ti-menu a{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  color:rgba(255,255,255,.70);
  border:1px solid transparent;
  font-size:14px;
  font-weight:800;
  transition: background .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease);
}
.ti-menu a:hover{
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.92);
  border-color:rgba(255,255,255,.14);
  transform:translateY(-1px);
}
.ti-menu .current-menu-item > a,
.ti-menu .current_page_item > a{
  background:rgba(124,92,255,.18);
  border-color:rgba(124,92,255,.35);
  color:rgba(255,255,255,.92);
}

.ti-actions{ display:flex; gap:10px; min-width:220px; justify-content:flex-end; }

/* Burger */
.ti-burger{
  display:none;
  width:44px; height:44px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  box-shadow:0 14px 50px rgba(0,0,0,.28);
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0;
  cursor:pointer;
  -webkit-tap-highlight-color: transparent;
}
.ti-burger span{
  display:block;
  width:18px;
  height:2px;
  background:rgba(255,255,255,.86);
  border-radius:2px;
}

/* ===== Ticker ===== */
.ti-ticker{
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  overflow:hidden;
}
.ti-ticker__wrap{ padding-top:6px; padding-bottom:6px; }
.ti-ticker__track{
  display:flex;
  width:max-content;
  animation: tiTicker 34s linear infinite;
}
.ti-ticker__row{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0;
  margin:0;
}
.ti-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.18);
  color:rgba(255,255,255,.82);
  font-size:13px;
  white-space:nowrap;
}
.ti-chip b{ color:rgba(255,255,255,.92); }

@keyframes tiTicker{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  .ti-ticker__track{ animation:none; }
}

/* ===== Drawer ===== */
.ti-drawer{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:start center;
  padding:16px;
  padding-top:calc(16px + env(safe-area-inset-top, 0px));
  padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.ti-drawer__panel{
  width:min(92vw, 420px);
  max-height:min(86vh, 720px);
  overflow:auto;
  margin-top:10px;
  padding:14px;
  background: rgba(18,18,22,.92);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--radius);
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
}
.ti-drawer__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:6px 6px 10px;
  border-bottom:1px solid rgba(255,255,255,.08);
  position: sticky;
  top: 0;
  background: rgba(18,18,22,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.ti-drawer__title{ font-weight:950; letter-spacing:.2px; }
.ti-drawer__close{
  width:40px; height:40px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  cursor:pointer;
}
.ti-drawer__items{
  list-style:none;
  display:flex;
  flex-direction:column;
  padding:12px 6px 6px;
  margin:0;
  gap:6px;
}
.ti-drawer__items li{ margin:0; padding:0; }
.ti-drawer__items a{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.92);
  font-weight:850;
}
.ti-drawer__items a:hover,
.ti-drawer__items a:focus-visible{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.16);
}
.ti-drawer__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:12px 6px 4px;
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:10px;
}

/* ===== Search Form ===== */
.ti-search{
  display:flex;
  gap:10px;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}
.ti-search__input{
  flex:1;
  min-width:0;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.08);
  color:rgba(255,255,255,.92);
  outline:none;
}
.ti-search__input::placeholder{ color:rgba(255,255,255,.55); }
.ti-search__btn{
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  font-weight:850;
  cursor:pointer;
}

/* ===== Typography / Sections ===== */
.ti-h1{ font-size: clamp(26px, 3.2vw, 46px); line-height:1.08; margin:10px 0; }
.ti-h2{ font-size: clamp(20px, 2.0vw, 30px); margin:0 0 6px; }
.ti-link{ color:rgba(255,255,255,.84); font-weight:850; }
.ti-link:hover{ text-decoration:underline; }

.ti-section{ margin-top:18px; }
.ti-section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:6px 0 12px;
}

/* Hero */
.ti-hero{ padding:18px; }
.ti-hero__title{ font-size: clamp(28px, 3.2vw, 52px); line-height:1.06; margin:10px 0; }
.ti-hero__lead{ margin:0 0 10px; color:var(--muted); max-width:78ch; }
.ti-hero__cta{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }

/* HeroSearch */
.ti-heroSearch{
  margin-top:14px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
}
.ti-heroSearch__icon{ opacity:.7; }
.ti-heroSearch__input{
  flex:1; min-width:0;
  border:0; outline:0;
  background:transparent;
  color:rgba(255,255,255,.92);
  font-size:14px;
}
.ti-heroSearch__input::placeholder{ color:rgba(255,255,255,.45); }
.ti-heroSearch__btn{ white-space:nowrap; }

.ti-metrics{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:10px; margin-top:14px; }
.ti-metric{
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  padding:12px;
}
.ti-metric__val{ font-weight:950; }
.ti-metric__lbl{ font-size:12px; color:rgba(255,255,255,.66); margin-top:2px; }

/* ===== Global grid/cards ===== */
.ti-grid{ display:grid; grid-template-columns: repeat(12, 1fr); gap:12px; }

.ti-card{
  grid-column: span 4;
  padding:14px;
  border-radius:var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow:0 20px 70px rgba(0,0,0,.30);
  position:relative;
  overflow:hidden;
  transition: transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease);
}
.ti-card:before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(700px 260px at var(--x, 40%) var(--y, 20%), rgba(124,92,255,.22), transparent 60%),
    radial-gradient(520px 240px at 80% 0%, rgba(26,167,255,.16), transparent 60%);
  opacity:0;
  transition: opacity .15s var(--ease);
  pointer-events:none;
}
.ti-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
}
.ti-card:hover:before{ opacity:1; }
.ti-card__title{ font-weight:950; margin-bottom:6px; }
.ti-card__desc{ color:var(--muted); }
.ti-card__meta{ margin-top:10px; font-size:12px; color:rgba(255,255,255,.65); }

/* Posts */
.ti-grid--posts .ti-post{ grid-column: span 4; }
.ti-post{
  overflow:hidden;
  border-radius:var(--radius);
  position:relative;
  transition: transform .15s var(--ease), border-color .15s var(--ease);
}
.ti-post:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,.16); }
.ti-post:before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(700px 260px at var(--x, 40%) var(--y, 20%), rgba(22,242,179,.18), transparent 60%),
    radial-gradient(520px 240px at 80% 0%, rgba(124,92,255,.16), transparent 60%);
  opacity:0;
  transition: opacity .15s var(--ease);
  pointer-events:none;
}
.ti-post:hover:before{ opacity:1; }

.ti-post__thumb{ aspect-ratio:16/9; background:rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.08); overflow:hidden; }
.ti-post__thumb img{ width:100%; height:100%; object-fit:cover; }
.ti-post__body{ padding:14px; position:relative; }
.ti-post__title{ font-weight:950; margin:6px 0; }
.ti-post__excerpt{ color:var(--muted); font-size:14px; line-height:1.4; }
.ti-post__meta{ margin-top:10px; font-size:12px; color:rgba(255,255,255,.62); display:flex; align-items:center; gap:8px; }
.ti-dot{ opacity:.6; }

/* Badges */
.ti-badges{ display:flex; flex-wrap:wrap; gap:6px; }
.ti-badge{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.18);
  color:rgba(255,255,255,.84);
  font-size:12px;
  font-weight:800;
}
.ti-badge--tag{
  border-color:rgba(26,167,255,.22);
  background:rgba(26,167,255,.10);
}

/* ===== Article ===== */
.ti-article{ padding:0; }
.ti-article__inner{ padding:18px; }
.ti-article__meta{
  color:rgba(255,255,255,.62);
  font-size:12px;
  display:flex;
  align-items:center;
  gap:8px;
  margin:6px 0 12px;
}

.ti-content{ color:rgba(255,255,255,.86); line-height:1.65; }
.ti-content p{ color:rgba(255,255,255,.80); }
.ti-content h2, .ti-content h3{ margin-top:18px; }
.ti-content code{
  font-family:var(--mono);
  background:rgba(0,0,0,.22);
  padding:2px 6px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.08);
}
.ti-content pre{
  overflow:auto;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.28);
}

/* Обложка записи (общий вид) */
.ti-heroimg{
  margin:12px 0 14px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
}

/* На мобилке — как у вас “идеально”: без кропа */
.ti-heroimg img{
  width:100%;
  height:auto;
}

/* На ПК/ноутах — НЕ “влево”, НЕ “на пол-экрана”, аккуратно */
@media (min-width: 981px){
  .ti-heroimg{
    max-width: var(--hero-max-w);
    margin: 12px auto 14px;  /* центрируем блок */
  }
  .ti-heroimg img{
    max-height: var(--hero-max-h); /* ограничиваем высоту */
    width: 100%;
    height: auto;
    margin: 0 auto;               /* ключ: если сожмётся — будет по центру */
  }
}

.ti-nextprev{ display:flex; justify-content:space-between; gap:12px; margin-top:16px; }
.ti-nextprev a{ font-weight:850; }

/* Pagination */
.ti-pagination{ margin-top:14px; }
.ti-pagination .page-numbers{
  display:inline-flex;
  min-width:40px;
  justify-content:center;
  padding:9px 12px;
  margin:4px 6px 0 0;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.86);
  font-weight:850;
}
.ti-pagination .current{ background:rgba(124,92,255,.16); border-color:rgba(124,92,255,.35); }

/* ===== Footer ===== */
.ti-footer{
  margin-top:24px;
  padding:20px 0 28px;
  border-top:1px solid rgba(255,255,255,.08);
  background: transparent;
}
.ti-footer::before{
  content:"";
  display:block;
  height: 24px;
  margin-top: -24px;
  background: linear-gradient(180deg, rgba(6,9,20,0), rgba(6,9,20,.55));
}

.ti-footer__inner{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap:14px;
}
.ti-footer__brand{ display:flex; align-items:center; gap:10px; justify-self:start; }
.ti-footer__logo{
  width:var(--logo-f);
  height:var(--logo-f);
  border-radius:var(--logo-r);
  object-fit:contain;
  flex:0 0 auto;
}
.ti-footer__name{ font-weight:950; }
.ti-footer__tag{ font-size:12px; color:rgba(255,255,255,.66); }

.ti-footer__links{
  justify-self:center;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.ti-footer__links a{ color:rgba(255,255,255,.72); font-weight:800; }
.ti-footer__links a:hover{ color:rgba(255,255,255,.92); text-decoration:underline; }

.ti-footer__right{
  justify-self:end;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}

.ti-footer__tg{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 14px 40px rgba(0,0,0,.35);
  white-space:nowrap;
  transition: transform .15s var(--ease), border-color .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease);
}
.ti-footer__tgIco{
  width:20px; height:20px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  transform: translateY(-0.5px);
}
.ti-footer__tg:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.18);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  box-shadow:
    0 18px 60px rgba(0,0,0,.45),
    0 0 0 1px rgba(124,92,255,.18),
    0 0 22px rgba(124,92,255,.18);
}
.ti-footer__tg:active{ transform: translateY(0); }

.ti-footer__legal{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.62);
  font-size:12px;
  opacity:.85;
  white-space:nowrap;
}
.ti-footer__legal a{
  color:rgba(255,255,255,.70);
  border-bottom:1px solid transparent;
  transition: color .15s var(--ease), border-color .15s var(--ease);
}
.ti-footer__legal a:hover{ color:rgba(255,255,255,.92); border-color:rgba(255,255,255,.22); }
.ti-footer__dot{ opacity:.35; }

.ti-footer__copy{
  grid-column: 1 / -1;
  color:rgba(255,255,255,.55);
  font-size:13px;
  margin-top:10px;
}
.ti-footer__copy a{ color:rgba(255,255,255,.72); }
.ti-footer__copy a:hover{ color:rgba(255,255,255,.92); }

/* ===== Catalog (terminal) — только внутри .ti-cat ===== */
.ti-cat{ padding:16px; margin-top:14px; }

.ti-cat__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.ti-cat__title{ margin:0; font-size:28px; letter-spacing:.2px; }
.ti-cat__sub{ color:rgba(255,255,255,.68); margin-top:6px; }
.ti-cat__search{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }

.ti-input{
  width:min(520px, 70vw);
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.92);
  outline:none;
}
.ti-input::placeholder{ color:rgba(255,255,255,.45); }

.ti-cat__filters{ display:flex; flex-wrap:wrap; gap:8px; padding:12px 0 8px; }
.ti-chip.is-active{ border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.08); }
.ti-chip--ghost{ opacity:.9; background:rgba(255,255,255,.02); }

.ti-cat .ti-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
  padding-top:10px;
}
.ti-cat .ti-post{ padding:14px; }
.ti-cat .ti-post__meta{ font-size:12px; color:rgba(255,255,255,.60); display:flex; gap:8px; align-items:center; }
.ti-cat .ti-post__sep{ opacity:.35; }
.ti-cat .ti-post__title{ margin:10px 0 8px; font-size:18px; line-height:1.2; }
.ti-cat .ti-post__excerpt{ color:rgba(255,255,255,.72); font-size:14px; line-height:1.4; min-height:40px; }

.ti-cat .ti-post__tags{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.ti-tag{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.14);
  font-size:12px;
  color:rgba(255,255,255,.78);
}
.ti-tag:hover{ background:rgba(255,255,255,.06); color:rgba(255,255,255,.92); }

.ti-empty{
  margin-top:12px;
  padding:14px;
  border-radius:14px;
  border:1px dashed rgba(255,255,255,.16);
  color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.03);
}

/* ===== Page text: justify by default (как в Word) ===== */
.ti-content p:not(.has-text-align-center):not(.has-text-align-right):not(.has-text-align-left),
.ti-content li:not(.has-text-align-center):not(.has-text-align-right):not(.has-text-align-left){
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  overflow-wrap: break-word;
}
.ti-content h1, .ti-content h2, .ti-content h3, .ti-content h4, .ti-content h5, .ti-content h6,
.ti-content pre, .ti-content code, .ti-content figure, .ti-content table, .ti-content blockquote{
  text-align: left;
}
@media (max-width: 640px){
  .ti-content p, .ti-content li { text-align: left; }
}

/* ===== Responsive ===== */
@media (max-width:980px){
  .wrap{ padding:16px; }

  .ti-nav{ display:none; }
  .ti-actions{ display:none; }
  .ti-burger{ display:inline-flex; }
  .ti-brand{ min-width:auto; }

  .ti-metrics{ grid-template-columns:1fr; }

  .ti-card{ grid-column: span 12; }
  .ti-grid--posts .ti-post{ grid-column: span 12; }

  .ti-footer__inner{ grid-template-columns:1fr; align-items:flex-start; }
  .ti-footer__links{ justify-self:start; }
  .ti-footer__right{ justify-self:start; align-items:flex-start; }

  :root{ --logo-h:44px; --logo-f:44px; }

  .ti-cat .ti-grid{ grid-template-columns: 1fr; }
  .ti-input{ width:100%; }
  .ti-heroSearch{ flex-wrap:wrap; }
  .ti-heroSearch__btn{ width:100%; }
}

/* ===== Mobile performance ===== */
@media (max-width:980px), (hover:none), (pointer:coarse){
  :root{ --shadow: 0 16px 50px rgba(0,0,0,.45); }

  .glass,
  .ti-top,
  .ti-nav__capsule,
  .ti-drawer{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .ti-card:before,
  .ti-post:before{
    display:none !important;
  }

}
/* === РУБРИКИ/АРХИВЫ: делаем пост-карточку вертикальной (обложка сверху, текст снизу) === */
body.category .wp-block-post-template > li.wp-block-post,
body.archive  .wp-block-post-template > li.wp-block-post{
  display:flex;
  flex-direction:column;
  gap:0;

  border:1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-radius: var(--radius);
  overflow:hidden;
  box-shadow:0 20px 70px rgba(0,0,0,.30);
  padding:0;
}

/* Обложка */
body.category .wp-block-post-template > li.wp-block-post .wp-block-post-featured-image,
body.archive  .wp-block-post-template > li.wp-block-post .wp-block-post-featured-image{
  margin:0;
  aspect-ratio:16/9;
  overflow:hidden;
  background:rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.category .wp-block-post-template > li.wp-block-post .wp-block-post-featured-image img,
body.archive  .wp-block-post-template > li.wp-block-post .wp-block-post-featured-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Паддинги для текста (если внутри есть group — обычно так и есть) */
body.category .wp-block-post-template > li.wp-block-post .wp-block-group,
body.archive  .wp-block-post-template > li.wp-block-post .wp-block-group{
  padding:14px;
}

/* Если group нет — подстрахуемся: дадим паддинг всем блокам кроме обложки */
body.category .wp-block-post-template > li.wp-block-post > :not(.wp-block-post-featured-image):not(.wp-block-group),
body.archive  .wp-block-post-template > li.wp-block-post > :not(.wp-block-post-featured-image):not(.wp-block-group){
  padding:0 14px;
}
body.category .wp-block-post-template > li.wp-block-post .wp-block-post-date,
body.archive  .wp-block-post-template > li.wp-block-post .wp-block-post-date{
  padding-bottom:14px;
  opacity:.85;
}