/* Единый светлый фон и фирменная палитра разделов компании. */
.company-section {
  --section-text: #022230;
  --section-muted: #40596b;
  --section-line: #cbd4dd;
  --section-panel: #e8eff3;
  /* #f7f7f7 точно повторяет существующий фон светлой шапки. */
  background: #f7f7f7;
  color: var(--section-text);
  padding: 32px 0 64px;
  min-height: 430px;
}
.company-section-back { display: inline-block; color: var(--section-muted); font-size: 14px; margin-bottom: 20px; text-decoration: underline; text-underline-offset: 4px; }
.company-section-heading { display: flex; align-items: center; gap: 24px; margin-bottom: 30px; }
.company-section-image { display: block; flex: 0 0 96px; width: 96px; height: 96px; object-fit: contain; }
.company-section h1 { font: 700 34px/1.25 var(--font-main); margin: 0; text-transform: none; letter-spacing: -.025em; overflow-wrap: anywhere; }
.company-section-links { list-style: none; padding: 0; margin: 0; max-width: 900px; border-top: 1px solid var(--section-line); }
.company-section-links li { margin: 0; padding: 0; border-bottom: 1px solid var(--section-line); }
.company-section-links a { display: block; padding: 22px 12px; color: var(--section-text); font: 500 18px/1.5 var(--font-main); text-decoration: none; transition: background .15s; }
.company-section-links a:hover { background: var(--section-panel); }
.company-section a:focus-visible { outline: 2px solid var(--section-muted); outline-offset: 3px; }
.company-section-content { max-width: 900px; line-height: 1.7; }
.company-section-content:empty { display: none; }
@media(max-width:600px) {
  .company-section { padding: 24px 0 40px; min-height: 360px; }
  .company-section-heading { gap: 16px; margin-bottom: 24px; }
  .company-section-image { flex-basis: 64px; width: 64px; height: 64px; }
  .company-section h1 { font-size: 29px; }
  .company-section-links a { padding: 18px 8px; font-size: 16px; }
}