.matching-app-multiple-article .multiple-label {
  margin: 0 0 10px;
  color: var(--brand);
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .12em;
}

.multiple-thesis {
  margin: 48px 0 62px;
  padding: 30px 0 31px;
  border-top: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
}

.article-body .multiple-thesis h2 {
  margin: 0 0 18px;
  padding: 0;
  border: 0;
  font-size: 24px;
}

.article-body .multiple-thesis h2::after { display: none; }
.article-body .multiple-thesis > p:last-child { margin: 0; }

.multiple-stages {
  margin: 38px 0 54px;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line-strong);
}

.multiple-stages > li {
  display: grid;
  grid-template-columns: 48px minmax(190px, .7fr) minmax(0, 1.3fr);
  gap: 16px;
  align-items: baseline;
  padding: 20px 0 21px;
  border-bottom: 1px solid var(--line);
}

.multiple-stages > li > span {
  color: #9b6377;
  font-family: var(--serif);
  font-size: 15px;
}

.multiple-stages > li > div { display: contents; }

.article-body .multiple-stages h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.65;
}

.article-body .multiple-stages p {
  margin: 0;
  color: var(--ink-2);
  font-size: 16px;
  line-height: 1.85;
}

.multiple-feelings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 36px 0 50px;
  border-top: 1px solid var(--line-strong);
}

.multiple-feelings > div {
  padding: 21px 22px 23px 0;
  border-bottom: 1px solid var(--line);
}

.multiple-feelings > div:nth-child(even) {
  padding-right: 0;
  padding-left: 22px;
  border-left: 1px solid var(--line);
}

.multiple-feelings dt {
  margin-bottom: 7px;
  color: var(--brand-deep);
  font-family: var(--serif);
  font-size: 18px;
  font-weight: 600;
}

.multiple-feelings dd {
  margin: 0;
  color: var(--ink-2);
  font-size: 16px;
  line-height: 1.85;
}

.multiple-signals {
  margin: 39px 0 50px;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line-strong);
}

.multiple-signals > li {
  padding: 26px 0 27px;
  border-bottom: 1px solid var(--line);
}

.multiple-signals > li > div {
  display: grid;
  grid-template-columns: 47px minmax(0, 1fr);
  gap: 14px;
  align-items: baseline;
  margin-bottom: 9px;
}

.multiple-signals > li span {
  color: #9b6377;
  font-family: var(--serif);
  font-size: 15px;
}

.article-body .multiple-signals h3 {
  margin: 0;
  font-size: 19px;
  line-height: 1.65;
}

.article-body .multiple-signals > li > p {
  margin: 0 0 0 61px;
  color: var(--ink-2);
  font-size: 16px;
  line-height: 1.92;
}

.multiple-self-check,
.multiple-responses {
  margin: 37px 0 50px;
  border-top: 1px solid var(--line-strong);
}

.multiple-self-check section,
.multiple-responses section {
  display: grid;
  grid-template-columns: minmax(190px, .72fr) minmax(0, 1.28fr);
  gap: 30px;
  padding: 20px 0 21px;
  border-bottom: 1px solid var(--line);
}

.article-body .multiple-self-check p,
.article-body .multiple-responses p {
  margin: 0;
  color: var(--brand-deep);
  font-family: var(--serif);
  font-size: 17px;
  font-weight: 600;
}

.multiple-self-check span,
.multiple-responses span {
  color: var(--ink-2);
  font-size: 16px;
  line-height: 1.85;
}

.multiple-message {
  margin: 38px 0 43px;
  padding: 29px 0 31px;
  border-top: 1px solid var(--line-strong);
  border-bottom: 1px solid var(--line-strong);
}

.article-body .multiple-message h3 {
  margin: 0 0 17px;
  font-size: 20px;
}

.article-body .multiple-message-example {
  margin: 0;
  padding-left: 21px;
  border-left: 2px solid #e5bbc9;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 18px;
  line-height: 1.9;
}

.article-body .multiple-message-short {
  margin: 22px 0 0;
  color: var(--ink-2);
  font-size: 16px;
  line-height: 1.85;
}

.article-body .multiple-message-short span {
  display: block;
  margin-bottom: 5px;
  color: var(--brand);
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .08em;
}

@media (max-width: 720px) {
  .matching-app-multiple-article .multiple-label { font-size: 16px; }
  .article-body .multiple-thesis h2 { font-size: 22px; }

  .multiple-stages > li {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    padding: 20px 0 21px;
  }

  .multiple-stages > li > span { grid-row: 1 / span 2; font-size: 16px; }
  .multiple-stages > li > div { display: block; }
  .article-body .multiple-stages h3 { margin-bottom: 5px; font-size: 19px; }
  .article-body .multiple-stages p { font-size: 16px; }

  .multiple-feelings { grid-template-columns: 1fr; }
  .multiple-feelings > div,
  .multiple-feelings > div:nth-child(even) {
    padding: 18px 0 20px;
    border-left: 0;
  }
  .multiple-feelings dt { font-size: 18px; }
  .multiple-feelings dd { font-size: 16px; }

  .multiple-signals > li > div {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
  }
  .multiple-signals > li span { font-size: 16px; }
  .article-body .multiple-signals h3 { font-size: 19px; }
  .article-body .multiple-signals > li > p {
    margin-left: 48px;
    font-size: 16px;
    line-height: 1.9;
  }

  .multiple-self-check section,
  .multiple-responses section {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 18px 0 20px;
  }
  .article-body .multiple-self-check p,
  .article-body .multiple-responses p { font-size: 18px; }
  .multiple-self-check span,
  .multiple-responses span { font-size: 16px; }

  .article-body .multiple-message h3 { font-size: 20px; line-height: 1.65; }
  .article-body .multiple-message-example {
    padding-left: 15px;
    font-size: 17px;
  }
  .article-body .multiple-message-short,
  .article-body .multiple-message-short span { font-size: 16px; }

  .matching-app-multiple-article .article-references li,
  .matching-app-multiple-article .article-references a {
    font-size: 16px;
  }
}