.seo-content {
  max-width: 1100px;
  margin: 2rem auto;
  padding: 2rem;
  color: var(--text, #e4e6f0);
  background: var(--surface, #1a1d27);
  border: 1px solid var(--border, #2d3148);
  border-radius: 12px;
  font: 1rem/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-wrap: anywhere;
}
.seo-content h1 { font-size: clamp(1.6rem, 4vw, 2.4rem); line-height: 1.2; }
.seo-content h2 { font-size: 1.4rem; line-height: 1.35; margin: 1.5rem 0 .75rem; }
.seo-content h3 { font-size: 1.1rem; margin: 1rem 0 .5rem; }
.seo-content p, .seo-content ul, .seo-content ol { margin: .75rem 0; }
.seo-content ul, .seo-content ol { padding-left: 1.5rem; }
.seo-content a { color: var(--text, #e4e6f0); text-decoration: underline; text-underline-offset: .2em; }
.seo-content a:hover { color: var(--accent, #93c5fd); }
.seo-content a:focus-visible, .seo-content summary:focus-visible { outline: 2px solid #93c5fd; outline-offset: 4px; }
.seo-content nav { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.seo-content details { border-top: 1px solid var(--border, #2d3148); padding: 1rem 0; }
.seo-content summary { cursor: pointer; font-weight: 600; }
.seo-content summary h3 { display: inline; }
.seo-content table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.seo-content th, .seo-content td { text-align: left; vertical-align: top; padding: .6rem; border-bottom: 1px solid var(--border, #2d3148); }
.seo-content caption { text-align: left; font-weight: 600; padding: .5rem; }
.seo-table { overflow-x: auto; }
.seo-page { margin: 0; background: #0f1117; }
.seo-content.seo-footer {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .75rem 1.5rem;
  margin: 1rem auto;
  padding: 1rem 1.5rem;
  border: 0;
  border-top: 1px solid var(--border, #2d3148);
  border-radius: 0;
  background: transparent;
  font-size: .875rem;
}
.seo-footer nav { margin: 0; flex: 1; }
.seo-footer .seo-about { border: 0; padding: 0; }
.seo-footer .seo-about[open] { flex-basis: 100%; }
@media (max-width: 600px) {
  .seo-content { margin: 1rem .5rem; padding: 1rem; }
  .seo-content th, .seo-content td { padding: .4rem; }
}