/* Recommended services block (include/recommended-services.php) */
.rs-sec {
  --rs-ink: #060845; --rs-muted: #4a4f6a; --rs-accent: #4035c8; --rs-line: #e3e5f2; --rs-bg: #f6f7fc;
  background: var(--rs-bg); padding: 44px 0; color: var(--rs-ink);
}
.rs-sec h2 {
  font-size: clamp(22px, 3vw, 30px); line-height: 1.2; font-weight: 800; margin: 0 0 20px;
  color: var(--rs-ink); text-align: center; text-transform: none; letter-spacing: 0;
}
.rs-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.rs-sec a.rs-item {
  display: flex; gap: 14px; align-items: flex-start; background: #fff; border: 1px solid var(--rs-line);
  border-radius: 12px; padding: 18px; color: var(--rs-muted); font-size: 15px; line-height: 1.5;
  min-width: 0; text-decoration: none; transition: border-color .15s, box-shadow .15s;
}
.rs-sec a.rs-item:hover, .rs-sec a.rs-item:focus-visible {
  border-color: var(--rs-accent); box-shadow: 0 6px 18px rgba(64, 53, 200, .12); color: var(--rs-muted); text-decoration: none;
}
.rs-item > .svg-icon { flex: none; width: 24px; height: 24px; fill: var(--rs-accent); margin-top: 2px; }
.rs-item b { display: block; color: var(--rs-ink); font-size: 17px; margin-bottom: 3px; }
@media (max-width: 900px) { .rs-grid { grid-template-columns: minmax(0, 1fr); } .rs-sec { padding: 32px 0; } }