.seo-page { color: #1f2937; }
.seo-nav { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
.seo-case-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 1.2rem; }
.seo-case-card { background: #fff; border: 1px solid #d9e2e8; border-radius: 12px; padding: 1.5rem; }
.seo-case-card h2 { font-size: 1.2rem; }
.seo-case-card a { color: #066789; }
.seo-page .content-section { max-width: 960px; }
.seo-model { background: #fff; border: 1px solid #d9e2e8; border-radius: 12px; padding: 1.5rem; }
.seo-facts { margin: 1rem 0; }
.seo-facts > div { display: grid; grid-template-columns: minmax(150px, 25%) 1fr; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid #d9e2e8; }
.seo-facts dt { font-weight: 600; }
.seo-facts dd { margin: 0; overflow-wrap: anywhere; color: #1f2937; }
.seo-table-wrap { overflow-x: auto; }
.seo-table { border-collapse: collapse; width: 100%; color: #1f2937; }
.seo-table th, .seo-table td { padding: .7rem; border-bottom: 1px solid #d9e2e8; text-align: left; }
.seo-actions { display: flex; flex-wrap: wrap; gap: 1rem; }
@media (max-width: 640px) {
  .seo-page .site-header { flex-wrap: wrap; gap: 1rem; }
  .seo-facts > div { grid-template-columns: 1fr; gap: .3rem; }
}