.services-page .service-catalog { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 44px 0; border-bottom: 1px solid #e1e9ec; }
.services-page .service-detail { display: flex; flex-direction: column; min-width: 0; padding: 26px; border: 1px solid #d7e7ea; border-top: 4px solid #0b8295; border-radius: 12px; background: #f6fafb; }
.services-page .service-detail h2 { font-size: 25px; line-height: 1.35; }
.services-page .service-detail p { font-size: 16px; }
.services-page .service-read-more { display: block; margin-top: auto; padding-top: 16px; color: #086174; font-weight: bold; text-decoration: underline; text-underline-offset: 4px; }
.services-page .services-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 24px 0 0; }
.services-page .services-actions a { display: inline-block; padding: 12px 20px; border-radius: 8px; background: #086174; color: #fff; font-weight: bold; }
.services-page .services-actions a:hover { background: #064957; }
.services-page a:focus-visible { outline: 3px solid #086174; outline-offset: 3px; }
@media (max-width: 991px) { .services-page .service-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) {
    .services-page .service-catalog { grid-template-columns: 1fr; gap: 20px; padding: 30px 0; }
    .services-page .service-detail { padding: 22px; }
}