.seo-panel {
  position: fixed;
  right: 10px;
  bottom: 10px;
  left: 10px;
  z-index: 90;
  max-width: 760px;
  margin: 0 auto;
  color: #132033;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.seo-panel summary {
  width: max-content;
  max-width: 100%;
  border: 2px solid rgba(19, 32, 51, 0.16);
  border-radius: 8px;
  padding: 8px 12px;
  background: #fffdf4;
  box-shadow: 0 8px 22px rgba(19, 32, 51, 0.16);
  cursor: pointer;
  font-weight: 900;
}

.seo-panel[open] {
  max-height: min(54vh, 390px);
  overflow: auto;
  border: 2px solid rgba(19, 32, 51, 0.16);
  border-radius: 8px;
  padding: 14px;
  background: #fffdf4;
  box-shadow: 0 18px 44px rgba(19, 32, 51, 0.22);
}

.seo-panel[open] summary {
  margin-bottom: 10px;
  box-shadow: none;
}

.seo-panel h2,
.seo-panel h3 {
  margin: 10px 0 6px;
  font-size: 1rem;
  line-height: 1.2;
}

.seo-panel p,
.seo-panel li {
  font-size: 0.9rem;
  line-height: 1.45;
}

.seo-panel ul {
  margin: 8px 0 0 20px;
  padding: 0;
}

@media (max-width: 620px) {
  .seo-panel {
    right: 8px;
    bottom: 8px;
    left: 8px;
  }
}