.mf-quiet,
.qcs-quiet {
  color: var(--qcs-muted);
}

.mf-list,
.qcs-list {
  max-width: var(--qcs-width-narrow);
  margin: 32px 0 0;
  padding: 28px 30px;
  background: var(--qcs-card);
  border: 1px solid var(--qcs-divider-soft);
  border-radius: var(--qcs-radius-lg);
  box-shadow: var(--qcs-shadow-soft);
}

.mf-list ul,
.qcs-list ul {
  margin: 0;
  padding-left: 22px;
}

.mf-list li,
.qcs-list li {
  margin: 8px 0;
}

.mf-cta,
.qcs-cta {
  margin-top: 32px;
  margin-bottom: 32px;
}

.mf-btn,
.qcs-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 22px;
  border-radius: var(--qcs-radius-md);
  background: var(--qcs-accent);
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.2;
  transition:
    background 0.25s ease,
    transform 0.25s ease;
}

.mf-btn:hover,
.qcs-btn:hover {
  background: var(--qcs-accent-dark);
  color: #ffffff;
  transform: translateY(-1px);
}

.mf-legal,
.qcs-legal {
  max-width: var(--qcs-width-reading);
  margin-top: 24px;
  color: var(--qcs-muted-light);
  font-size: 14px;
  line-height: 1.6;
}

.mf-card,
.qcs-card {
  background: var(--qcs-card);
  border: 1px solid var(--qcs-divider-soft);
  border-radius: var(--qcs-radius-lg);
  box-shadow: var(--qcs-shadow-soft);
  padding: 28px;
}

.qcs-banner {
  background: var(--qcs-bg-alt);
  border-bottom: 1px solid var(--qcs-divider-soft);
  padding: 10px 20px;
  text-align: center;
  font-size: 14px;
  color: var(--qcs-muted);
}

.qcs-note-card {
  padding: 28px 0;
  border-bottom: 1px solid var(--qcs-divider-soft);
}

.qcs-note-meta {
  color: var(--qcs-muted-light);
  font-size: 14px;
}