.surface-guide-v20,
.surface-warning-v20,
.surface-info-v20 {
  display: grid;
  gap: 0.35rem;
  margin: 1rem 0 1.35rem;
  padding: 1rem 1.1rem;
  border-radius: 16px;
  font-size: 0.96rem;
  line-height: 1.55;
}

.surface-guide-v20,
.surface-warning-v20 {
  border: 2px solid #d92d20;
  background: #fff1f0;
  color: #7a271a;
  box-shadow: 0 10px 26px rgba(180, 35, 24, 0.08);
}

.surface-info-v20 {
  border: 2px solid #1570a6;
  background: #eff8ff;
  color: #0b4a6f;
  box-shadow: 0 10px 26px rgba(21, 112, 166, 0.08);
}

.surface-guide-v20 strong,
.surface-warning-v20 strong,
.surface-info-v20 strong {
  display: block;
  color: inherit;
  font-size: 1.02rem;
  font-weight: 850;
  letter-spacing: -0.01em;
}

.services-hub-card-v11 .surface-guide-v20 {
  margin: 0 0 1rem;
}

[dir="rtl"] .surface-guide-v20,
[dir="rtl"] .surface-warning-v20,
[dir="rtl"] .surface-info-v20 {
  text-align: right;
}

@media (max-width: 640px) {
  .surface-guide-v20,
  .surface-warning-v20,
  .surface-info-v20 {
    padding: 0.9rem;
    border-radius: 14px;
    font-size: 0.92rem;
  }
}