.sola-services { order: 75; scroll-margin-top: 84px; box-sizing: border-box; width: min(1100px, calc(100% - 48px)); margin: 32px auto 56px; padding: 36px; border: 1px solid #cddedb; border-radius: 20px; background: #f3f8f6; color: #233c39; text-align: left; }
.sola-services .sola-services-eyebrow { margin: 0 0 12px; font-size: 11px; letter-spacing: .12em; font-weight: 700; color: #496b63; }
.sola-services h2 { margin: 0 0 12px; font-size: clamp(23px, 3vw, 32px); line-height: 1.4; }
.sola-services .sola-services-lead { max-width: 760px; margin: 0 0 24px; line-height: 1.8; color: #526760; }
.sola-services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.sola-services .sola-service-card { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 22px; border: 1px solid #d5e3df; border-radius: 12px; color: #233c39; background: #fff; text-decoration: none; overflow-wrap: anywhere; }
.sola-service-card:hover { border-color: #28735a; box-shadow: 0 4px 14px #153b3010; }
.sola-service-card:focus-visible { outline: 3px solid #1a5276; outline-offset: 3px; }
.sola-service-name { color: #536f63; font-size: 12px; font-weight: 700; }
.sola-services .sola-service-card h3 { margin: 0; font-size: 17px; line-height: 1.5; }
.sola-services .sola-service-card p { margin: 0 0 6px; color: #526760; font-size: 14px; line-height: 1.75; }
.sola-service-cta { margin-top: auto; font-size: 13px; color: #17557d; text-decoration: underline; text-underline-offset: 3px; line-height: 1.7; }
.sola-services .sola-services-note { margin: 22px 0 0; font-size: 12px; color: #526760; line-height: 1.8; }
@media (max-width: 850px) { .sola-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .sola-services { width: calc(100% - 32px); padding: 24px 18px; margin: 24px auto 40px; } .sola-services-grid { grid-template-columns: minmax(0, 1fr); } .sola-services .sola-service-card { padding: 20px; } }