@charset "UTF-8";
/*
 * 執筆者一覧ページと著者アーカイブ。
 * カードやセクション見出しは front.css の体裁をそのまま使う。
 */

/* ページ冒頭の見出し */
.ml-sec-head { padding-bottom: 0; border-bottom: none; }
.ml-sec-head h1 { font-size: 26px; font-weight: 700; margin: 0 0 10px; line-height: 1.5; }
.ml-writers-intro { font-size: 13.5px; color: var(--ml-sub); }
.ml-writers-intro p { margin: 0 0 8px; }

/* 執筆者カード */
.ml-writers { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
@media (max-width: 760px) { .ml-writers { grid-template-columns: 1fr; } }
.ml-writer { border: 1px solid var(--ml-ln); background: #fff; padding: 24px; }
.ml-writer-head { display: flex; align-items: center; gap: 16px; }
.ml-writer-pic {
  width: 96px; height: 96px; border-radius: 50%;
  background: #ece5db; border: 1px solid var(--ml-ln);
  flex: none; object-fit: cover; display: block;
}
.ml-writer-name b { display: block; font-size: 17px; font-weight: 700; line-height: 1.5; }
.ml-writer-name span { font-size: 12.5px; color: var(--ml-sub); }
.ml-writer-desc { font-size: 13.5px; line-height: 1.85; margin: 16px 0 0; }
.ml-writer-more {
  display: inline-block; margin: 16px 0 0;
  font-size: 13px; font-weight: 600; color: var(--ml-sub);
  border-bottom: 1px solid var(--ml-ln); padding-bottom: 2px;
}
.ml-writer-more:hover { color: var(--ml-ink); border-color: currentColor; }

/* 著者アーカイブ上部 */
.ml-author-head { background: var(--ml-soft); border-bottom: 1px solid var(--ml-ln); padding: 44px 0; }
.ml-author-box { display: grid; grid-template-columns: 96px 1fr; gap: 22px; align-items: start; }
@media (max-width: 560px) { .ml-author-box { grid-template-columns: 1fr; gap: 16px; } }
.ml-author-pic {
  width: 96px; height: 96px; border-radius: 50%;
  background: #ece5db; border: 1px solid var(--ml-ln);
  object-fit: cover; display: block;
}
.ml-author-label {
  font-size: 11px; font-weight: 600; letter-spacing: .1em;
  color: var(--ml-sub); margin: 0 0 6px;
}
.ml-author-head h1 { font-size: 24px; font-weight: 700; margin: 0 0 3px; line-height: 1.4; }
.ml-author-role { font-size: 13px; color: var(--ml-sub); margin: 0 0 14px; }
.ml-author-desc { font-size: 14px; line-height: 1.85; margin: 0; max-width: 62ch; }

/* 記事末プロフィールの導線（依頼ボタンの置き換え） */
.ml-profile-text h2 a { color: inherit; text-decoration: none; }
.ml-profile-text h2 a:hover { text-decoration: underline; }
.ml-profile-more {
  display: inline-block; font-size: 13px; font-weight: 600;
  color: var(--ml-sub); border-bottom: 1px solid var(--ml-ln); padding-bottom: 2px;
}
.ml-profile-more:hover { color: var(--ml-ink); border-color: currentColor; }

/* ページネーション */
.ml-pagination { margin: 36px 0 0; font-size: 13.5px; }
.ml-pagination .page-numbers {
  display: inline-block; padding: 6px 12px; margin: 0 3px 6px 0;
  border: 1px solid var(--ml-ln); color: var(--ml-sub);
}
.ml-pagination .page-numbers.current { background: var(--ml-ink); border-color: var(--ml-ink); color: #fff; }
.ml-back { margin: 36px 0 0; font-size: 13px; }
.ml-back a { color: var(--ml-sub); border-bottom: 1px solid var(--ml-ln); padding-bottom: 2px; }