/* Author pages (scripts/lib/templates/author.mjs): the page head, the profile panel (picture,
   bio, channel), then the author's news and guides as two dense lists, side by side from 64rem.
   Brand tokens only. */

.au { padding-bottom: var(--s-7); }
.au-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-5); }
.au .wfg-panel-title { font-size: 1.15rem; }

.au-profile { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: var(--s-4); align-items: start; }
.au-avatar { width: 120px; height: 120px; border-radius: 50%; border: 1px solid var(--line); object-fit: cover; }
.au-bio { margin: 0; max-width: var(--measure); font-size: 1rem; line-height: 1.6; color: var(--ink); }
.au-count { margin: var(--s-2) 0 0; font: 400 .9rem/1.4 var(--font-ui); color: var(--ink-3); }
.au-profile-links { display: flex; flex-wrap: wrap; gap: .25rem 1.25rem; margin: var(--s-2) 0 0; padding: 0; list-style: none; font: 400 .95rem/1.4 var(--font-ui); }
.au-profile-link { display: inline-block; padding-block: .6rem; color: var(--accent-text); }
@media (max-width: 40rem) {
  .au-profile { grid-template-columns: 72px minmax(0, 1fr); gap: var(--s-3); }
  .au-avatar { width: 72px; height: 72px; }
}

.au-lists { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-5); align-items: start; }
@media (min-width: 64rem) {
  .au-lists { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.au-list { margin: 0; padding: 0; list-style: none; }
.au-list li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .1rem 1rem; padding: .45rem 0; border-top: 1px solid var(--hairline); }
.au-list li:first-child { border-top: 0; }
.au-list a { flex: 1 1 16rem; min-width: 0; color: var(--ink); text-decoration-color: var(--line-strong); text-underline-offset: .15em; }
.au-list a:hover { color: var(--accent-text); }
.au-list time { flex: none; font: 400 .82rem/1.6 var(--font-ui); color: var(--ink-3); }