/* Rules page when loaded in iframe — aligns with crud.css / base.html */

body {
  margin: 0;
}

.rules-embed-outer {
  min-height: 100vh;
  box-sizing: border-box;
}

.rules-embed-card {
  background: #fff;
  padding: 1.5rem 1.25rem;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  max-width: 52rem;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .rules-embed-card {
    padding: 1.75rem 2rem;
  }
}

.rules-embed-title {
  color: #435d7d;
  font-family: "Varela Round", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.35;
}

.rules-embed-card p.MsoNormal,
.rules-embed-card li.MsoNormal {
  font-family: "Varela Round", sans-serif !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #566787 !important;
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important;
}

.rules-embed-card ol,
.rules-embed-card ul {
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
}

.rules-embed-card li.MsoNormal {
  margin-bottom: 0.35rem !important;
}

.rules-embed-card a:link,
.rules-embed-card a:visited {
  color: #2196f3;
  text-decoration: none;
}

.rules-embed-card a:hover {
  color: #1976d2;
  text-decoration: underline;
}

.rules-embed-card p b,
.rules-embed-card li b {
  color: #435d7d;
  font-weight: 600;
}

.rules-embed-card p b u {
  color: #435d7d;
}