/* ================================================================
   v2 hybrid — Authors list + Author detail
   ----------------------------------------------------------------
   Bespoke layout for Author pages. The article grid that hangs off
   an author's detail page reuses _ArticleCard tiles, so the per-tile
   styling lives in listings.css; the wrapping layout lives here.

   Loaded on: AuthorList.cshtml, Author.cshtml.
   Source mocks: D-authors.html, D-author.html.
   ================================================================ */

/* ── Authors list (D-authors.html) ───────────────────────────── */
.authors-grid{padding:72px 32px 96px;max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:56px 48px}
.a-card{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:start}
.a-card .headshot{aspect-ratio:1;background:var(--surface-tertiary);overflow:hidden;border-radius:50%;display:block}
.a-card .headshot img{width:100%;height:100%;object-fit:cover}
.a-card .eye{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 6px}
.a-card h2{font-family:var(--font-display);font-weight:400;font-size:1.75rem;line-height:1.1;letter-spacing:-.01em;margin:0 0 8px}
.a-card h2 em{font-style:italic;font-weight:300}
.a-card h2 a{color:inherit;text-decoration:none}
.a-card h2 a:hover{text-decoration:underline;text-underline-offset:.15em}
.a-card .role{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-secondary);margin:0 0 12px}
.a-card p{font-family:var(--font-body);font-size:15px;line-height:1.55;color:var(--text-primary);margin:0 0 12px;max-width:36em}
.a-card .count{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-secondary)}

/* AI author variant — woven-dark headshot tile with cyrillic glyph. */
.a-card.ai .headshot{border-radius:0;background:var(--dc-anthracite) var(--pattern-woven-dark);background-size:220px 220px;position:relative}
.a-card.ai .headshot::after{content:"Я";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:300;font-size:96px;color:var(--dc-charcoal)}

/* ── Author detail (D-author.html) ───────────────────────────── */
.back{padding:28px 32px 0;max-width:1040px;margin:0 auto}
.back a{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none}
.back a:hover{color:var(--accent-secondary)}

.author-head{padding:32px 32px 56px;max-width:1040px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start;border-bottom:1px solid var(--border-light)}
.author-head .headshot{aspect-ratio:1;border-radius:50%;background:var(--surface-tertiary);overflow:hidden}
.author-head .headshot img{width:100%;height:100%;object-fit:cover}
.author-head .eye{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 14px}
.author-head h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.25rem, calc(1.6rem + 2vw), 3.25rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 10px}
.author-head h1 em{font-style:italic;font-weight:300}
.author-head .role{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-secondary);margin:0 0 20px}
.author-head .bio{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:1.25rem;line-height:1.45;color:var(--text-primary);margin:0 0 14px;max-width:42ch}
.author-head .links{display:flex;gap:20px;margin-top:18px;font-family:var(--font-body);font-size:13px;letter-spacing:.02em}
.author-head .links a{color:var(--accent-secondary);text-decoration:none}

.author-articles{padding:64px 32px 96px;max-width:1040px;margin:0 auto}
.author-articles .entries{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.section-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--border-light);padding-bottom:14px;margin-bottom:32px}
.section-head h2{font-family:var(--font-display);font-weight:400;font-size:1.75rem;margin:0;letter-spacing:-.005em}
.section-head .m{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}

@media (max-width:820px){
  .authors-grid{grid-template-columns:1fr;gap:40px;padding:48px 22px 64px}
  .a-card{grid-template-columns:100px 1fr;gap:16px}
  .author-head{grid-template-columns:1fr;gap:24px;padding:24px 22px 40px}
  .author-head .headshot{max-width:180px}
  .author-articles{padding:48px 22px 64px}
  .author-articles .entries{grid-template-columns:1fr;gap:28px}
}