/* ============================================================
   Peeku Blog — author system
   Placeholder avatar (initials in an on-brand circle, no external
   image) + author-page layout. Loaded on post pages (byline avatar)
   and on /blog/author/*.html. Depends on tokens defined in blog.css
   (--sage, --sage-d, --text, --muted, --faint, --surface, --sheen,
   --surface-brd) — include blog.css first.
   ============================================================ */

/* ---------- placeholder avatar (initials) ---------- */
.author-avatar{
  display:flex;align-items:center;justify-content:center;flex:none;
  border-radius:50%;
  background:linear-gradient(135deg,#7AA88A,#5A8A6A);
  color:#fff;font-family:'Fraunces',serif;font-weight:600;letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
.author-avatar.sm{width:34px;height:34px;font-size:13px}
.author-avatar.lg{width:96px;height:96px;font-size:32px;box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 16px 34px -16px rgba(61,102,80,.6)}

/* ---------- byline (used on post pages, next to date/read-time) ---------- */
.post-byline{display:inline-flex;align-items:center;gap:10px;color:inherit}
.post-byline:hover .post-byline-txt strong{color:var(--sage-d)}
.post-byline-txt{display:flex;flex-direction:column;line-height:1.25}
.post-byline-txt strong{color:var(--text);font-size:13.5px;font-weight:700;transition:color .15s ease}
.post-byline-txt small{color:var(--faint);font-size:12px}

/* ---------- author page ---------- */
.author-hero{padding:56px 0 44px}
.author-head{display:flex;gap:26px;align-items:flex-start}
.author-head .kicker{margin-bottom:14px}
.author-name{font-size:38px;line-height:1.12}
.author-role{font-size:15px;color:var(--sage-d);font-weight:600;margin:10px 0 16px}
.author-bio{font-size:16.5px;line-height:1.7;color:var(--muted);max-width:640px;margin:0}
@media(max-width:640px){
  .author-head{gap:16px}
  .author-name{font-size:28px}
  .author-avatar.lg{width:72px;height:72px;font-size:24px}
}

.author-posts-h{font-size:22px;margin:0 0 22px}
.author-posts-wrap{padding-bottom:90px}

.author-empty{max-width:520px;margin:0 auto;text-align:center;background:var(--surface);border:1.5px dashed var(--surface-brd);border-radius:20px;padding:40px 28px;color:var(--muted);font-size:15px}
.author-empty .author-empty-ic{display:block;font-size:26px;margin-bottom:10px}