.psy-hub { color: #2C2C28; }
.psy-hub *, .psy-hub *::before, .psy-hub *::after { box-sizing: border-box; }
.psy-hub-eyebrow { display: inline-flex; align-items: center; gap: 12px; background: #fff; border: 1px solid #E8E5DC; border-radius: 8px; padding: 10px 16px; font-size: 14px; color: #6A6A60; margin-bottom: 20px; flex-wrap: wrap; }
.psy-hub-eyebrow__pill { background: #F2F5EC; color: #4A5E1A; padding: 4px 12px; border-radius: 4px; font-size: 13px; font-weight: 600; }
.psy-hub-eyebrow__meta { display: inline-flex; align-items: center; gap: 6px; color: #6A6A60; }
.psy-hub-eyebrow__meta svg { stroke: #6B7F3B; }
.psy-hub-title { font-size: clamp(28px, 4.2vw, 40px); font-weight: 600; color: #2C2C28; line-height: 1.15; margin: 0 0 24px; letter-spacing: -0.3px; }
.psy-hub-author { display: flex; align-items: center; gap: 14px; padding-bottom: 24px; border-bottom: 1px solid #EFECE3; margin-bottom: 28px; }
.psy-hub-author__avatar { width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(135deg, #C9A84C 0%, #8A6A1E 100%); display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 18px; flex-shrink: 0; }
.psy-hub-author__name { font-size: 15px; font-weight: 700; color: #2C2C28; }
.psy-hub-author__role { font-size: 13px; color: #6A6A60; }
.psy-hub-intro { font-size: 17px; line-height: 1.7; color: #2C2C28; margin: 0 0 36px; }
.psy-hub-tests { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; margin-bottom: 40px; }
.psy-hub-card { background: #fff; border: 1px solid #EFECE3; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s; position: relative; text-decoration: none; color: inherit; }
.psy-hub-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(107,127,59,0.12); border-color: #6B7F3B; }
.psy-hub-card.is-soon { cursor: default; opacity: 0.76; pointer-events: none; }
.psy-hub-card__cover { aspect-ratio: 16 / 9; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; background: #F2F5EC; }
.psy-hub-card__cover img { width: 64px; height: 64px; object-fit: contain; }
.psy-hub-card__cover-placeholder { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; }
.psy-hub-card__cover-placeholder svg { width: 48px; height: 48px; stroke: #6B7F3B; fill: none; }
.psy-hub-card__status { position: absolute; top: 12px; right: 12px; font-size: 10px; letter-spacing: 0.8px; text-transform: uppercase; font-weight: 700; background: rgba(255,255,255,0.92); color: #6A6A60; padding: 4px 10px; border-radius: 4px; }
.psy-hub-card__body { padding: 20px; display: flex; flex-direction: column; flex: 1; }
.psy-hub-card__meta { display: flex; gap: 14px; margin-bottom: 10px; }
.psy-hub-card__meta-item { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: #8A8A7E; }
.psy-hub-card__meta-item svg { stroke: #6B7F3B; }
.psy-hub-card__title { font-size: 18px; font-weight: 700; color: #2C2C28; margin: 0 0 10px; line-height: 1.25; }
.psy-hub-card__desc { font-size: 14px; color: #6A6A60; line-height: 1.6; margin: 0 0 16px; flex: 1; }
.psy-hub-card__cta { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: #4A5E1A; margin-top: auto; }
.psy-hub-card__cta svg { stroke: #4A5E1A; transition: transform 0.2s; }
.psy-hub-card:hover .psy-hub-card__cta svg { transform: translateX(3px); }
.psy-hub-trust { background: #F9F8F4; border-radius: 12px; padding: 28px 32px; margin-top: 8px; }
.psy-hub-trust__title { font-size: 18px; font-weight: 700; color: #2C2C28; margin: 0 0 12px; }
.psy-hub-trust__text { font-size: 15px; line-height: 1.7; color: #4A4A42; margin: 0 0 16px; }
.psy-hub-trust__disclaimer { font-size: 13px; color: #8A8A7E; line-height: 1.5; border-top: 1px solid #EFECE3; padding-top: 16px; }
@media (max-width: 600px) {
  .psy-hub-tests { grid-template-columns: 1fr; }
  .psy-hub-trust { padding: 20px; }
}

/* ── CTA кнопка — зелёная как в оригинале ── */
.psy-hub-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #6B7F3B;
  color: #fff !important;
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  transition: background 0.2s;
  margin-top: auto;
  text-decoration: none;
}
.psy-hub-card:hover .psy-hub-card__cta { background: #5A6C30; }
.psy-hub-card__cta svg { stroke: #fff; transition: transform 0.2s; }
.psy-hub-card:hover .psy-hub-card__cta svg { transform: translateX(3px); }
.psy-hub-card.is-soon .psy-hub-card__cta {
  background: #fff;
  color: #8A8A7E !important;
  border: 1px solid #E8E5DC;
}
.psy-hub-card__status--new {
  background: #6B7F3B !important;
  color: #fff !important;
}

/* ── Категория карточки ── */
.psy-hub-card__category {
  font-size: 12px;
  color: #4A5E1A;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

/* ── Бейдж Скоро/Новое ── */
.psy-hub-card__status {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 10px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: 4px;
  background: rgba(255,255,255,0.95);
  color: #6A6A60;
}
.psy-hub-card__status--new {
  background: #6B7F3B;
  color: #fff;
}

/* ═══ Цветовые темы обложек карточек хаба ═══ */
.psy-hub-card__cover--green  { background: linear-gradient(135deg, #E8EDD8 0%, #D4DDB8 100%) !important; }
.psy-hub-card__cover--green  .psy-hub-card__cover-placeholder svg { stroke: #4A5E1A !important; }

.psy-hub-card__cover--orange { background: linear-gradient(135deg, #F5E6D0 0%, #EDD4B0 100%) !important; }
.psy-hub-card__cover--orange .psy-hub-card__cover-placeholder svg { stroke: #A06A1F !important; }

.psy-hub-card__cover--blue   { background: linear-gradient(135deg, #D0DDE8 0%, #B8CEDF 100%) !important; }
.psy-hub-card__cover--blue   .psy-hub-card__cover-placeholder svg { stroke: #3D5F7D !important; }

.psy-hub-card__cover--gold   { background: linear-gradient(135deg, #F2E8C8 0%, #E8D8A8 100%) !important; }
.psy-hub-card__cover--gold   .psy-hub-card__cover-placeholder svg { stroke: #8A6A1E !important; }

.psy-hub-card__cover--pink   { background: linear-gradient(135deg, #F0D8E4 0%, #E4C4D4 100%) !important; }
.psy-hub-card__cover--pink   .psy-hub-card__cover-placeholder svg { stroke: #9E4A6B !important; }

.psy-hub-card__cover--purple { background: linear-gradient(135deg, #DDD8EE 0%, #CCC4E4 100%) !important; }
.psy-hub-card__cover--purple .psy-hub-card__cover-placeholder svg { stroke: #5E4E89 !important; }

.psy-hub-card__cover--teal   { background: linear-gradient(135deg, #D0EDE8 0%, #B0DDD8 100%) !important; }
.psy-hub-card__cover--teal   .psy-hub-card__cover-placeholder svg { stroke: #1A7A6E !important; }

.psy-hub-card__cover--red    { background: linear-gradient(135deg, #F0D8D8 0%, #E4C0C0 100%) !important; }
.psy-hub-card__cover--red    .psy-hub-card__cover-placeholder svg { stroke: #8A2A2A !important; }

.psy-hub-card__cover--indigo { background: linear-gradient(135deg, #D8DCF0 0%, #C4C8E4 100%) !important; }
.psy-hub-card__cover--indigo .psy-hub-card__cover-placeholder svg { stroke: #3A3A8A !important; }