/* Overrides when the Populi shell is the full GitHub Pages document (not embedded in programs layout) */
body {
  margin: 0;
  min-height: 100vh;
  background: #121212;
}

.populi-demo.populi-demo--standalone {
  margin: 0;
  width: 100%;
  max-width: none;
  box-shadow: none;
}

@media (min-width: 80rem) {
  .populi-demo.populi-demo--standalone {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }
}

/* Markdown body inside primary column */
.populi-demo__primary-inner {
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--populi-text-muted);
}

.populi-demo__primary-inner h1,
.populi-demo__primary-inner h2,
.populi-demo__primary-inner h3 {
  color: #fff;
  font-weight: 600;
  margin: 1.25rem 0 0.65rem;
  line-height: 1.25;
}

.populi-demo__primary-inner h1 {
  font-size: 1.35rem;
}

.populi-demo__primary-inner h2 {
  font-size: 1.1rem;
}

.populi-demo__primary-inner h3 {
  font-size: 1rem;
}

.populi-demo__primary-inner p {
  margin: 0 0 0.85rem;
}

.populi-demo__primary-inner ul,
.populi-demo__primary-inner ol {
  margin: 0 0 0.85rem;
  padding-left: 1.35rem;
}

.populi-demo__primary-inner li {
  margin-bottom: 0.35rem;
}

.populi-demo__primary-inner strong {
  color: #e4e4e7;
}

.populi-demo__primary-inner a {
  color: var(--populi-accent);
}

.populi-demo__callout {
  margin: 1rem 0;
  padding: 0.85rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--populi-border);
  background: var(--populi-surface);
  font-size: 0.88rem;
  line-height: 1.55;
}

.populi-demo__callout p:last-child {
  margin-bottom: 0;
}

.populi-demo__callout--important {
  border-color: rgba(167, 139, 250, 0.35);
  background: rgba(109, 40, 217, 0.12);
}

.populi-demo__callout--warning {
  border-color: rgba(251, 191, 36, 0.4);
  background: rgba(251, 191, 36, 0.08);
}