.seo-answer-section{margin:2rem auto;padding:1.5rem;max-width:1140px}.seo-answer-section h2,.seo-local-brief h2{font-size:clamp(1.35rem,2.5vw,1.8rem);margin-bottom:1rem}.seo-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.seo-answer-grid article{background:#fff;padding:1.25rem;border-radius:18px}.seo-answer-grid h3{font-size:1.1rem;line-height:1.4}.seo-answer-grid p,.seo-local-brief p{line-height:1.65;overflow-wrap:anywhere}.seo-service-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem 1rem;margin:1.5rem 0 2rem}.seo-service-nav a{padding:.5rem .8rem;background:#edf4ff;border-radius:12px;font-size:.9rem}#services h2[id]{scroll-margin-top:100px}@media(max-width:600px){.seo-answer-grid{grid-template-columns:1fr}.seo-answer-section{padding:1rem}.seo-service-nav{justify-content:flex-start}.seo-service-nav a{max-width:100%;overflow-wrap:anywhere}}
.seo-service-index{margin:1.5rem auto;max-width:1000px}.seo-service-index summary{cursor:pointer;color:#0057d9;font-weight:600;padding:.8rem 1rem;text-align:center}.seo-service-index[open]{background:#f7faff;padding-bottom:.5rem}#services .card{opacity:1!important;transform:none!important}

/* These sections are also Bootstrap containers. Keep their own gutters rather
   than inheriting the legacy section { padding: ... 0 !important } rule. */
@layer edu-responsive {
  section.seo-answer-section.container {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding: 28px 24px !important;
  }
  .seo-answer-section > h2 {
    font-size: clamp(1.25rem, 2.4vw, 1.65rem) !important;
    line-height: 1.3 !important;
    margin: 0 0 18px !important;
    overflow-wrap: anywhere;
  }
  .seo-answer-grid { gap: 16px !important; align-items: start; }
  .seo-answer-grid article { min-width: 0; padding: 20px !important; }
  .seo-answer-grid h3 { font-size: 1.075rem !important; line-height: 1.4 !important; margin: 0 0 12px !important; }
  .seo-answer-grid p { font-size: 1rem !important; line-height: 1.6 !important; margin: 0 !important; }
  .seo-answer-links { display: flex; flex-wrap: wrap; gap: 4px 20px; padding: 12px 0 0 !important; margin: 0 !important; }
  .seo-answer-links a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; overflow-wrap: anywhere; line-height: 1.45; }
  .seo-answer-section > .small { margin: 12px 0 0 !important; line-height: 1.5; }
  @media(max-width: 600px) {
    section.seo-answer-section.container { padding: 24px 16px !important; }
    .seo-answer-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; }
    .seo-answer-grid article { padding: 18px !important; }
    .seo-answer-links { flex-direction: column; align-items: flex-start; gap: 0; padding-top: 10px !important; }
  }
}