/* Service navigation and practical reading guides. */
.home-design .xf-service-card h3 a { color: inherit; text-decoration: none; }
.home-design .xf-service-card h3 a:hover { color: #985a36; }
.home-design .xf-service-card h3 a:focus-visible { outline: 3px solid #bd8159; outline-offset: 5px; }
.page-services .services-card[id], .page-services #project-guides, .page-services #project-guides-title, .page-services #faq-title { scroll-margin-top: 96px; }
.page-services .services-questions p a { color: #915a36; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.page-services .services-case-reference { margin: 0 0 24px; color: #776e66; font-size: 14px; line-height: 1.85; }
.page-services .services-case-reference a { color: #915a36; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.page-services .services-reading { background: #f2e9e0; }
.services-reading-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.services-reading-card { min-width: 0; display: flex; flex-direction: column; padding: 28px; border: 1px solid #dfcfc0; border-radius: 12px; background: #fffaf5; color: #343638; text-decoration: none; }
.services-reading-label { color: #956b4d; font-size: 13px; line-height: 1.7; }
.services-reading-card h3 { margin: 18px 0 12px; font-size: 20px; line-height: 1.6; font-weight: 600; }
.services-reading-card > p { margin: 0 0 24px; color: #68635f; font-size: 14px; line-height: 1.85; }
.services-reading-more { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-top: auto; padding-top: 16px; border-top: 1px solid #e5d9cf; color: #915a36; font-size: 14px; line-height: 1.7; }
.services-reading-card:hover { border-color: #b88b69; background: #fffdf9; }
@media (max-width: 1000px) {
  .services-reading-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .services-reading-card { padding: 24px; }
}
@media (max-width: 600px) {
  .services-reading-grid { grid-template-columns: 1fr; gap: 16px; }
  .services-reading-card h3 { margin-top: 14px; font-size: 19px; }
}