/* Contributor card component — the photo + bio block at the end of an article
   (.author-bio-section). Moved verbatim from the former monolithic style.css
   (Phase 1: no rule was edited). */

  /* Contributor card — a real photo and a fuller bio, dressed as
     something a correspondent would be glad to be featured in, not an
     afterthought byline. Kept flat (no radius, thin border) to match
     the rest of the site's square-edged panels (.duo-card etc). */
  .author-bio-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:56px 0;}
  .author-bio{display:flex;gap:28px;align-items:center;background:var(--surface);border:1px solid var(--border);padding:36px 40px;}
  .author-photo{width:92px;height:92px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--accent);}
  .bio-eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--nature);margin-bottom:8px;}
  .bio-name{font-family:var(--sans);font-weight:700;font-size:19px;color:var(--heading);margin-bottom:3px;}
  .bio-role{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--accent);margin-bottom:14px;}
  .bio-text{font-family:var(--serif);font-size:15.5px;line-height:1.75;color:var(--body);max-width:60ch;}

  @media (max-width:980px){
    .author-bio{flex-direction:column;align-items:flex-start;padding:28px;gap:18px;}
  }

  @media (max-width:700px){
    /* contributor card centers as one column on a phone */
    .author-bio{align-items:center;text-align:center;padding:28px 22px;}
  }