/* v72 — semantic radar diagrams for the “Что входит в сопровождение” block */
.support-page .support-radars-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
  align-items: start;
  min-width: 0;
  padding: 22px 20px 18px;
  border: 1px solid rgba(170, 43, 38, .12);
  border-radius: 34px;
  background: rgba(255, 253, 249, .82);
  box-shadow: 0 24px 64px rgba(42, 33, 31, .065);
}

.support-page .support-radar {
  --radar-color: #aa2b26;
  --radar-soft: rgba(170, 43, 38, .10);
  min-width: 0;
  color: var(--radar-color);
}

.support-page .support-radar--main {
  grid-column: 1 / -1;
  width: min(100%, 580px);
  margin: 0 auto -4px;
}

.support-page .support-radar--rop {
  --radar-color: #a56a16;
  --radar-soft: rgba(165, 106, 22, .12);
}

.support-page .support-radar--manager {
  --radar-color: #66723c;
  --radar-soft: rgba(102, 114, 60, .12);
}

.support-page .support-radar svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.support-page .support-radar__ring,
.support-page .support-radar__axis {
  fill: none;
  stroke: currentColor;
  vector-effect: non-scaling-stroke;
}

.support-page .support-radar__ring {
  stroke-width: 1;
  opacity: .24;
}

.support-page .support-radar__ring--outer {
  stroke-width: 1.5;
  opacity: .82;
}

.support-page .support-radar__axis {
  stroke-width: 1;
  stroke-dasharray: 3 4;
  opacity: .24;
}

.support-page .support-radar__area {
  fill: var(--radar-soft);
  stroke: currentColor;
  stroke-width: 1.35;
  stroke-linejoin: round;
  opacity: .95;
}

.support-page .support-radar__dot {
  fill: #fffdf9;
  stroke: currentColor;
  stroke-width: 2.3;
  vector-effect: non-scaling-stroke;
}

.support-page .support-radar__core {
  fill: rgba(255, 253, 249, .94);
  stroke: currentColor;
  stroke-width: 1;
  opacity: .9;
}

.support-page .support-radar__letter {
  fill: currentColor;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 46px;
  font-weight: 400;
  text-anchor: middle;
  dominant-baseline: middle;
}

.support-page .support-radar__label {
  fill: currentColor;
  font-family: Arial, sans-serif;
  font-size: 12.5px;
  font-weight: 500;
}

.support-page .support-radar__title {
  fill: currentColor;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 400;
  text-anchor: middle;
}

.support-page .support-radar--main .support-radar__title {
  font-size: 23px;
}

@media (max-width: 1180px) {
  .support-page .ops-layout {
    grid-template-columns: minmax(300px, .78fr) minmax(560px, 1.22fr);
    gap: 32px;
  }

  .support-page .support-radars-panel {
    padding-inline: 12px;
  }

  .support-page .support-radar__label {
    font-size: 11.5px;
  }
}

@media (max-width: 1100px) {
  .support-page .ops-layout {
    grid-template-columns: 1fr;
  }

  .support-page .support-radars-panel {
    width: min(100%, 900px);
    margin: 0 auto;
  }
}

@media (max-width: 760px) {
  .support-page .support-radars-panel {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 20px 8px 14px;
    border-radius: 24px;
  }

  .support-page .support-radar,
  .support-page .support-radar--main {
    grid-column: 1;
    width: min(100%, 560px);
    margin-inline: auto;
  }

  .support-page .support-radar__label {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .support-page .support-radars-panel {
    margin-inline: -8px;
    padding-inline: 2px;
  }

  .support-page .support-radar__label {
    font-size: 11px;
  }

  .support-page .support-radar__title {
    font-size: 20px;
  }
}

/* Keep the two lower diagrams readable when they share one desktop row. */
.support-page .support-radar:not(.support-radar--main) .support-radar__label {
  font-size: 16px;
}

.support-page .support-radar:not(.support-radar--main) .support-radar__title {
  font-size: 25px;
}


/* v73 — centered composition without the four supporting cards */
.support-page .support-radars-section .ops-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

.support-page .support-radars-section .ops-copy {
  width: min(100%, 920px);
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.support-page .support-radars-section .ops-copy .eyebrow,
.support-page .support-radars-section .ops-copy .section-title,
.support-page .support-radars-section .ops-copy .lead {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.support-page .support-radars-section .ops-copy .section-title {
  max-width: 900px;
}

.support-page .support-radars-section .ops-copy .lead {
  max-width: 880px;
}

.support-page .support-radars-section .support-radars-panel {
  width: min(100%, 980px);
  margin: 0 auto;
}

@media (max-width: 760px) {
  .support-page .support-radars-section .ops-layout {
    gap: 24px;
  }

  .support-page .support-radars-section .ops-copy {
    width: 100%;
  }
}

/* v74 — place all three radar diagrams in one desktop row */
@media (min-width: 901px) {
  .support-page .support-radars-section .support-radars-panel {
    width: min(100%, 1320px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: center;
    padding: 18px 12px 14px;
  }

  .support-page .support-radars-section .support-radar,
  .support-page .support-radars-section .support-radar--main {
    grid-column: auto;
    width: 100%;
    margin: 0;
  }

  .support-page .support-radars-section .support-radar__label,
  .support-page .support-radars-section .support-radar:not(.support-radar--main) .support-radar__label {
    font-size: 11px;
  }

  .support-page .support-radars-section .support-radar__title,
  .support-page .support-radars-section .support-radar--main .support-radar__title,
  .support-page .support-radars-section .support-radar:not(.support-radar--main) .support-radar__title {
    font-size: 20px;
  }
}

@media (min-width: 901px) and (max-width: 1120px) {
  .support-page .support-radars-section .support-radars-panel {
    gap: 6px;
    padding-inline: 4px;
  }

  .support-page .support-radars-section .support-radar__label,
  .support-page .support-radars-section .support-radar:not(.support-radar--main) .support-radar__label {
    font-size: 9.5px;
  }

  .support-page .support-radars-section .support-radar__title,
  .support-page .support-radars-section .support-radar--main .support-radar__title,
  .support-page .support-radars-section .support-radar:not(.support-radar--main) .support-radar__title {
    font-size: 18px;
  }
}