/* 美術家百科事典の名前索引（A–Z）。英語ページの事典トップだけで読み込む。
   仮名の索引（.pedia-kana）と同じ間合いに合わせてある。 */

#nav-pedia-alpha {
  margin: 0 0 48px;
}

/* 頭文字の並び。仮名の索引と同じく inline-block の四角を並べる */
.pedia-alpha-letters {
  margin: 0 0 32px;
}
.pedia-alpha-letters a,
.pedia-alpha-letters span {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  margin: 0 4px 4px 0;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0;
  border: 1px solid #e9e9e9;
}
.pedia-alpha-letters a {
  color: #383838;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease;
}
.pedia-alpha-letters a:hover {
  border-color: #383838;
  background: #fafafa;
}
/* その字の作家がいないときは押せない。薄く出して並びは崩さない */
.pedia-alpha-letters span.empty {
  color: #c8c8c8;
  border-color: #f2f2f2;
}

.pedia-alpha-group {
  margin: 0 0 28px;
}
.pedia-alpha-head {
  margin: 0 0 10px;
  padding-bottom: 6px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .06em;
  color: #757575;
  border-bottom: 1px solid #e9e9e9;
  /* 頭文字の並びから飛んできたとき、見出しがヘッダの下に隠れないように */
  scroll-margin-top: 96px;
}

.pedia-alpha-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px 24px;
}
@media (max-width: 900px) {
  .pedia-alpha-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .pedia-alpha-list { grid-template-columns: 1fr; }
}
.pedia-alpha-list li {
  margin: 0;
}
.pedia-alpha-list a {
  display: block;
  padding: 5px 0;
  font-size: 15px;
  line-height: 1.5;
  color: #383838;
  text-decoration: none;
  border-bottom: 1px solid #f2f2f2;
}
.pedia-alpha-list a:hover {
  color: #000;
  border-bottom-color: #adadad;
}

/* ------------------------------------------------------------------
   事典トップに置く「すべての作家」への導線（2026-09-02）
   名簿そのものは /pedia/all/ へ移した。ここは入口を1本だけ出す。
   ------------------------------------------------------------------ */
.pedia-all-link {
  margin: 0 0 48px;
}
.pedia-all-link a {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 18px 24px;
  border: 1px solid #e9e9e9;
  color: #383838;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease;
}
.pedia-all-link a:hover {
  border-color: #383838;
  background: #fafafa;
  color: #000;
}
.pedia-all-link-label {
  font-size: 16px;
  letter-spacing: .04em;
}
.pedia-all-link-label::after {
  content: " \203A";
}
.pedia-all-link-count {
  margin-left: auto;
  font-size: 13px;
  color: #757575;
}

/* ------------------------------------------------------------------
   全件一覧ページ（/pedia/all/）
   ------------------------------------------------------------------ */
.pedia-all-head {
  margin: 0 0 24px;
}
.pedia-all-count {
  margin: 4px 0 0;
  font-size: 13px;
  color: #757575;
}
.pedia-all-back {
  margin: 40px 0 0;
  font-size: 14px;
}
.pedia-all-back a {
  color: #757575;
  text-decoration: none;
}
.pedia-all-back a:hover {
  color: #000;
}

/* 絞り込み欄。中身は js/pedia-filter.js が挿し込む */
.pedia-filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 0 0 32px;
}
.pedia-filter-label {
  font-size: 13px;
  color: #757575;
}
.pedia-filter-input {
  flex: 1 1 260px;
  max-width: 360px;
  padding: 8px 12px;
  font-size: 15px;
  color: #383838;
  border: 1px solid #e9e9e9;
  border-radius: 0;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
}
.pedia-filter-input:focus {
  outline: none;
  border-color: #383838;
}
.pedia-filter-hit {
  font-size: 13px;
  color: #757575;
}
