/* Тёмно-синяя плашка с белым текстом — заголовки карточек программ и имена в команде.
   В Figma: 354×47, #0d2c48, текст 36px по центру. */

.plate {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(354 * var(--u));
  height: calc(47 * var(--u));
  background: var(--color-navy);
  color: var(--color-white);
  font-size: calc(36 * var(--u));
  font-weight: var(--fw-regular);
  line-height: calc(49 / 36);
}

.plate--bold {
  font-weight: var(--fw-bold);
}

@media (max-width: 767px) {
  .plate {
    width: 100%;
    max-width: calc(340 * var(--u));
    height: calc(44 * var(--u));
    font-size: calc(22 * var(--u));
  }
}