/* Palette sampled from the approved "月に願いを" banner. */
:root {
  --brand: #73c9d6;
  --brand-deep: #3a6977;
  --brand-pale: #e5f2f5;
  --deep: #3a6977;
  --pale: #e5f2f5;
}

.magazine-header,
.page-heading {
  background: #e5f2f5;
}

.magazine-header h1,
.page-heading h1,
.section-kicker,
.eyebrow {
  color: #3a6977;
}

.submit-preview,
.register-link {
  background: #73c9d6;
  color: #174c57;
}

.submit-preview:hover,
.submit-preview:focus-visible,
.register-link:hover,
.register-link:focus-visible {
  background: #5fbcc9;
  color: #123f48;
}

.field input:focus,
.field select:focus {
  outline-color: rgba(115, 201, 214, .28);
}

@media (max-width: 760px) {
  #archive-title span {
    display: block;
    white-space: nowrap;
  }
}

@media (max-width: 380px) {
  #archive-title {
    font-size: 24px;
  }
}