/* Shared editorial card icons. Load after component and responsive styles. */
:root {
  --card-icon-size: 40px;
  --card-icon-stroke: 1.25;
}

:root :is(.card-icon, .responsibility-mosaic__icon, .contact-section__icon, .about-card-icon, .kontakt-value-icon) {
  display: block;
  width: var(--card-icon-size);
  height: var(--card-icon-size);
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: var(--card-icon-stroke);
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 1100px) {
  :root { --card-icon-size: 34px; }
}