/* Модуль «Партнёры и наши проекты» и формы круга 1174.
   ------------------------------------------------------------------
   Отдельный файл, а не блок в style2.css — по уроку #894: страницы
   витрины живут на ДВУХ слоях (старый style.css и новый style2.css),
   и модуль, вписанный в один из них, на другом просто не грузится.
   Поэтому здесь свои имена (префикс pt-, frm-) и var()-запасные на
   каждый токен: на слое, где токенов нет, модуль всё равно рисуется.

   Канон цвета (файл Г1 §2.1а): плитки моно — графит и золото; при
   наведении допустим цвет. На светлой теме — графит на слоновой кости.
   Металлической текстуры здесь нет: она живёт только в хиро. */

/* ---------- сетка плиток ---------- */

.pt-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 8px;
}

@media (min-width: 700px) {
  .pt-grid { gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Плитка единого размера: пропорция задаёт высоту, а не длина названия —
   иначе «Гастроэнтерология · Креймер В. Д.» сделала бы свой ряд выше. */
.pt-tile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  min-height: 132px;
  padding: 18px 16px;
  text-align: center;
  border: 1px solid var(--line, #E4E2DA);
  border-radius: var(--r-card, 16px);
  background: var(--surface, #FFFFFF);
  color: var(--text, #16181C);
  text-decoration: none;
  transition: border-color 200ms linear, color 200ms linear,
              background-color 200ms linear, transform 200ms linear;
}

@media (min-width: 700px) {
  .pt-tile { min-height: 152px; padding: 22px 18px; }
}

.pt-tile__name {
  font-weight: 650;
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: .01em;
}

@media (min-width: 700px) {
  .pt-tile__name { font-size: 16px; }
}

.pt-tile__note {
  font-size: 12.5px;
  line-height: 1.35;
  color: var(--text-2, #5C6470);
}

/* Наведение — единственное место, где появляется цвет (золото канона).
   Плитка без ссылки не «оживает»: у неё нет адреса, и обещать переход
   подсветкой было бы враньём указателя. */
a.pt-tile:hover,
a.pt-tile:focus-visible {
  border-color: var(--accent, #B8860B);
  color: var(--accent, #B8860B);
  transform: translateY(-2px);
}

a.pt-tile:hover .pt-tile__note,
a.pt-tile:focus-visible .pt-tile__note { color: var(--accent, #B8860B); }

/* Метка «сайт откроется в новой вкладке» — тихая, только у плиток со ссылкой. */
.pt-tile__go {
  font-size: 11.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--text-2, #5C6470);
}

a.pt-tile:hover .pt-tile__go,
a.pt-tile:focus-visible .pt-tile__go { color: var(--accent, #B8860B); }

.pt-podpis {
  margin-top: 18px;
  font-size: 15px;
  color: var(--text-2, #5C6470);
}

@media (prefers-reduced-motion: reduce) {
  .pt-tile { transition: none; }
  a.pt-tile:hover, a.pt-tile:focus-visible { transform: none; }
}

/* ---------- формы круга (партнёрство и «В команду») ---------- */
/* Разметка полей повторяет форму витрины (.form2), поэтому своих правил
   у полей почти нет — здесь только то, чего в общем слое не было:
   двухколоночная пара на десктопе и подпись-подсказка под полем. */

.frm-pair { display: grid; gap: 0; }

@media (min-width: 700px) {
  .frm-pair { grid-template-columns: 1fr 1fr; gap: 0 16px; }
}

.frm-hint {
  display: block;
  margin-top: 4px;
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--text-2, #5C6470);
}