/* Yazarlar dizini — alfabetik liste (profil foto yok) */
.ya-hero { padding: 64px 0 30px; border-bottom: 1px solid var(--paper-edge); }
.ya-hero .eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--f-body); font-weight: 600; font-size: 11px;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent);
}
.ya-hero .eyebrow::before { content: ""; width: 26px; height: 1.5px; background: var(--accent); display: inline-block; }
.ya-hero h1 {
  font-family: var(--f-disp); font-weight: 500; letter-spacing: -0.02em;
  font-size: clamp(38px, 6vw, 68px); line-height: 1.02; color: var(--ink); margin: 16px 0 0;
}
.ya-hero h1 em { font-style: italic; color: var(--accent); font-weight: 400; }
.ya-hero .deck {
  font-family: var(--f-disp); font-size: 18px; line-height: 1.5;
  color: var(--ink-3); max-width: 620px; margin: 16px 0 0;
}
.ya-hero .count { margin-top: 20px; font-family: var(--f-body); font-size: 12px; letter-spacing: 0.06em; color: var(--ink-3); }
.ya-hero .count b { color: var(--ink); font-weight: 700; }

.ya-index { padding: 40px 0 84px; display: flex; flex-direction: column; gap: 34px; }
.ya-group { display: grid; grid-template-columns: 72px 1fr; gap: 28px; align-items: start; }
.ya-letter {
  font-family: var(--f-disp); font-style: italic; font-weight: 500;
  font-size: 46px; line-height: 1; color: var(--accent);
  position: sticky; top: 96px;
}
.ya-names { list-style: none; margin: 0; padding: 6px 0 0; columns: 3; column-gap: 44px; }
.ya-names li { break-inside: avoid; margin: 0 0 11px; }
.ya-names a, .ya-names span {
  font-family: var(--f-disp); font-size: 16.5px; line-height: 1.35; color: var(--ink); text-decoration: none;
}
.ya-names a { transition: color 0.15s ease; }
.ya-names a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.ya-names span { color: var(--ink-3); }
.ya-empty { padding: 64px 0; font-family: var(--f-disp); font-size: 18px; color: var(--ink-3); }

@media (max-width: 900px) { .ya-names { columns: 2; } }
@media (max-width: 600px) {
  .ya-names { columns: 1; }
  .ya-group { grid-template-columns: 44px 1fr; gap: 14px; }
  .ya-letter { font-size: 34px; position: static; }
}