html, body {
  margin: 0;
  background: #1a1f27;
  color: #e8e4dc;
  color-scheme: dark;
  font-family: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
.page { padding: 18px 18px 8px; max-width: 1040px; }
.page a { color: #d4b45a; }
.stage {
  padding: 8px 18px 48px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: flex-start;
}
figcaption {
  font-family: Georgia, serif;
  font-weight: 600;
  margin: 0 0 8px;
  font-size: 14px;
  color: #c9c3b6;
}
figcaption b { color: #fff; font-size: 15px; }
.slot { margin: 0; }
.scroller { max-width: 100%; overflow-x: auto; }
.frame {
  flex: none;
  overflow: hidden;
  background: #0b1f3a;
  border: 1px solid #3a414c;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}
.frame iframe {
  border: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #0b1f3a;
}
@media (max-width: 800px) {
  .page, .stage { padding-left: 12px; padding-right: 12px; }
}