/* TUTTI 執筆者 */

.tutti-author-list {
  max-width: 980px;
  margin: 0 auto;
}

.tutti-author {
  margin: 0 0 1.8em;
  padding: 0 0 1em;
  border-bottom: 1px solid #aaa;
  scroll-margin-top: 70px;
}

.tutti-author h2 {
  margin: 0 0 0.45em;
  padding: 0.25em 0.4em;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}

.tutti-author-name {
  color: #222;
}

.tutti-author-meta {
  margin-left: 0.8em;
  font-size: 11px;
  line-height: 1.3;
  font-weight: normal;
  color: #777;
}

.tutti-author-part {
  margin-left: 0.5em;
}

.tutti-author-part::before {
  content: "・";
}

.tutti-author-articles {
  column-count: 3;
  column-gap: 2.2em;
  padding-left: 0.8em;
}

.tutti-author-article {
  display: grid;
  grid-template-columns: 3.5em minmax(0, 1fr);
  column-gap: 0.35em;
  align-items: start;
  margin: 0 0 0.28em;
  font-size: 13px;
  line-height: 1.4;
  min-width: 0;
  break-inside: avoid;
}

.tutti-author-article {
  display: grid;
  grid-template-columns: 3.5em minmax(0, 1fr);
  column-gap: 0.35em;
  align-items: start;
  margin: 0 0 0.28em;
  font-size: 13px;
  line-height: 1.4;
  min-width: 0;
}

.tutti-author-issue {
  display: block;
  white-space: nowrap;
  text-decoration: none;
}

.tutti-author-title {
  display: block;
  min-width: 0;
  text-decoration: none;
  overflow-wrap: break-word;
  word-break: normal;
}

.tutti-author-issue:hover,
.tutti-author-issue:focus,
.tutti-author-title:hover,
.tutti-author-title:focus {
  text-decoration: underline;
}

.tutti-author-empty {
  padding-left: 0.8em;
  font-size: 12px;
  color: #777;
}

@media (max-width: 800px) {
  .tutti-author-articles {
    column-count: 2;
  }
}

@media (max-width: 520px) {
  .tutti-author {
    margin-bottom: 1.4em;
  }

  .tutti-author h2 {
    font-size: 17px;
  }

  .tutti-author-articles {
    column-count: 1;
  }
}

/* サイト側の既存 h2 装飾を執筆者ヘッダでは無効化 */
.tutti-author h2::before,
.tutti-author h2::after,
.tutti-author h2 span::before,
.tutti-author h2 span::after {
  display: none !important;
  content: none !important;
}