/* Article recommendations and FAQs shared by the home and service pages. */
.ms-guides { background: #f3f6f2; padding: 64px 0; }
.ms-guides-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.ms-guides-heading h2, .ms-service-faq h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.25; color: #152c2b; margin: 0; }
.ms-guides .ms-guides-eyebrow { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #397066; font-weight: 700; margin: 0 0 12px; }
.ms-guides a, .ms-service-faq a { color: #22675e; text-decoration: underline; text-underline-offset: 3px; }
.ms-guides-heading > a { flex-shrink: 0; }
.ms-guides-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ms-guide-card { border: 1px solid #dbe5df; border-radius: 14px; overflow: hidden; background: #fff; }
.ms-guide-card > img { display: block; width: 100%; height: 220px; object-fit: contain; background: #edf1ec; }
.ms-guide-copy { padding: 24px; }
.ms-guide-copy h3 { font-size: 20px; line-height: 1.4; margin: 0 0 14px; }
.ms-guide-copy h3 a { color: #152c2b; text-decoration: none; }
.ms-guide-copy h3 a:hover { text-decoration: underline; }
.ms-guide-copy p { font-size: 15px; line-height: 1.75; margin: 0; color: #52635c; }
.ms-service-faq { padding: 64px 0; background: #fff; }
.ms-service-faq > .container { max-width: 960px; }
.ms-service-faq h2 + p { margin: 16px 0 28px; }
.ms-service-faq details { border-bottom: 1px solid #dbe5df; padding: 20px 0; }
.ms-service-faq summary { cursor: pointer; font-size: 18px; font-weight: 600; color: #152c2b; }
.ms-service-faq details p { line-height: 1.8; margin: 16px 0 0; }
.ms-guides a:focus-visible, .ms-service-faq a:focus-visible, .ms-service-faq summary:focus-visible { outline: 3px solid #cb9732; outline-offset: 4px; }
@media (max-width: 767px) {
    .ms-guides, .ms-service-faq { padding: 44px 0; }
    .ms-guides-heading { align-items: start; flex-direction: column; gap: 16px; }
    .ms-guides-grid { grid-template-columns: 1fr; }
    .ms-guide-card > img { height: 230px; }
}