/* Homepage Display Controller */
[data-hdc-hidden="1"] {
  display: none !important;
}

.hdc-placeholder {
  display: block;
  width: min(1400px, calc(100vw - 32px));
  margin: 18px auto;
  padding: 18px 20px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(0,207,232,.08), rgba(63,81,181,.08));
  border: 1px solid rgba(63,81,181,.12);
  box-shadow: 0 10px 26px rgba(20,30,60,.06);
}

.hdc-placeholder strong {
  display: block;
  margin-bottom: 6px;
  color: #1E2238;
  font-size: 1rem;
}

.hdc-placeholder p {
  margin: 0;
  color: #32405f;
  line-height: 1.55;
  font-size: .95rem;
}

[data-hdc-section] {
  scroll-margin-top: 100px;
}

html.hdc-debug [data-hdc-section] {
  outline: 1px dashed rgba(0, 207, 232, .35);
  outline-offset: 2px;
}

html.hdc-debug [data-hdc-section]::before {
  content: "HDC: " attr(data-hdc-section);
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  padding: 4px 6px;
  margin: 0 0 6px 0;
  border-radius: 999px;
  background: rgba(63,81,181,.08);
  color: #1E2238;
}