/**
 * 監修者 author archive (P4) — author.php only.
 *
 * Token-driven (see tokens.css) — no hardcoded colors. Builds on global.css's
 * .wynx-eyebrow / .wynx-authorMark primitives; the header grid mirrors
 * home.css's .wynx-authorBand proportions but stays on the page's light
 * surface (no navy inversion) since this is a regular archive template.
 * Enqueued only on is_author() with dep wynx-global. Mobile-first;
 * breakpoints 600/900px. Low specificity throughout.
 */

/* ==========================================================================
 * 監修者ヘッダー
 * ========================================================================== */

.wynx-authorHead {
  padding-block: 2.5rem 3rem;
}

.wynx-authorHead .wynx-eyebrow {
  margin-bottom: 1.5rem;
}

.wynx-authorHead__grid {
  display: grid;
  grid-template-columns: minmax(0, 20rem) 1fr;
  gap: 2rem;
  padding: 2rem;
  border: 1px solid var(--wynx-line);
  border-left: 3px solid var(--wynx-brass);
  background-color: var(--wynx-surface);
}

.wynx-authorHead__profile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.wynx-authorHead__profile .avatar {
  border-radius: 50%;
}

.wynx-authorHead__name {
  margin: 0;
  font-family: var(--wynx-serif);
  font-size: 1.375rem;
  color: var(--color_htag);
}

.wynx-authorHead__position {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
  margin: 0;
  font-family: var(--wynx-mono);
  font-size: 0.8125rem;
  color: var(--wynx-muted);
}

.wynx-authorHead__detail {
  border-left: 1px solid var(--wynx-line);
  padding-left: 2rem;
}

.wynx-authorHead__bio {
  max-width: 60ch;
  margin: 0 0 1.25rem;
  line-height: 1.9;
  color: var(--color_text);
}

.wynx-authorHead__policy {
  max-width: 60ch;
  margin: 0 0 1rem;
  padding-left: 1rem;
  border-left: 2px solid var(--wynx-brass);
  font-family: var(--wynx-mono);
  font-size: 0.8125rem;
  line-height: 1.7;
  color: var(--wynx-muted);
}

.wynx-authorHead__stat {
  margin: 0;
  font-family: var(--wynx-mono);
  font-size: 0.8125rem;
  color: var(--wynx-brass-ink);
}

.wynx-authorHead__stat b {
  font-size: 1rem;
}

@media (max-width: 899px) {
  .wynx-authorHead__grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 1.5rem;
  }

  .wynx-authorHead__detail {
    border-left: 0;
    padding-left: 0;
  }
}

@media (max-width: 599px) {
  .wynx-authorHead__grid {
    padding: 1.25rem;
  }
}

/* ==========================================================================
 * 記事一覧
 * ========================================================================== */

.wynx-authorList {
  padding-block: 3rem;
  border-top: 1px solid var(--wynx-line);
}

.wynx-authorList .wynx-eyebrow {
  margin-bottom: 1.5rem;
}

.wynx-authorList .p-postList__item {
  border: 1px solid var(--wynx-line);
  background-color: var(--color_bg);
  transition: border-color 0.2s ease;
}

.wynx-authorList .p-postList__item:hover {
  border-color: var(--wynx-brass);
}

.wynx-authorList .p-postList__link {
  color: inherit;
}

.wynx-authorList .p-postList__body {
  background-color: var(--color_bg);
}

.wynx-authorList .p-postList__title {
  color: var(--color_htag);
}

.wynx-authorList .p-postList__title a {
  color: var(--color_htag);
  text-decoration: none;
}

.wynx-authorList .p-postList__title a:hover {
  color: var(--wynx-brass-ink);
}

.wynx-authorList .c-postThumb__cat {
  background: none;
  background-color: transparent;
  color: var(--wynx-brass-ink);
  border: 0;
  margin: 0.5rem;
  padding: 0;
  font-family: var(--wynx-mono);
  font-size: 0.75rem;
  letter-spacing: 0.02em;
}

.wynx-authorList .p-postList__meta {
  font-family: var(--wynx-mono);
  font-size: 0.75rem;
  color: var(--wynx-muted);
}

/* ==========================================================================
 * Motion
 * ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  .wynx-authorList .p-postList__item {
    transition: none;
  }
}