/* Author hovercards, profile links, and the author-card box on static posts — shared by author.html, blog.html, blog/post.html, and each blog post. Palette matches site.css's navy/blue and Montserrat body font. */ .author-avatar{ border-radius:50%;object-fit:cover;flex:none; display:flex;align-items:center;justify-content:center; background:var(--navy);color:#fff;font-family:var(--font-body);font-weight:700; } .author-avatar-sm{width:32px;height:32px;font-size:12px} .author-avatar-md{width:44px;height:44px;font-size:15px} .author-avatar-lg{width:64px;height:64px;font-size:20px} .author-avatar-xl{width:96px;height:96px;font-size:30px} .author-link{color:var(--blue);font-weight:700} .author-link:hover,.author-link:focus{text-decoration:underline} /* Static post author-card box (replaces the old repeated bio paragraph) */ .author-card{ display:flex;gap:20px;align-items:flex-start;margin-top:34px;padding-top:28px; border-top:1px solid #e4e9ef; } .author-card-body{display:flex;flex-direction:column;gap:4px;min-width:0} .author-card-name{font-size:16px} .author-card-role{font-size:13px;color:var(--navy);font-weight:600} .author-card-bio{font-size:14.5px;line-height:1.65;color:var(--navy);margin-top:6px} @media(max-width:480px){.author-card{flex-direction:column}} /* Hovercard: appended to so it's never clipped by a card's own overflow/transform, then positioned in JS relative to the trigger. */ .author-hovercard{ position:absolute;z-index:50;width:min(260px,84vw);padding:18px 20px;border-radius:14px; background:#fff;border:1px solid #e4e9ef;box-shadow:0 14px 34px rgba(6,47,91,.22); font-family:var(--font-body); } .author-hovercard-head{display:flex;gap:12px;align-items:center} .author-hovercard-name{display:block;font-size:15px;color:var(--navy)} .author-hovercard-role{display:block;font-size:12px;color:var(--blue);font-weight:600;margin-top:2px} .author-hovercard-count{display:block;font-size:12px;color:var(--navy);margin-top:12px} .author-hovercard-posts{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px} .author-hovercard-posts a{font-size:13px;color:var(--navy);font-weight:600} .author-hovercard-posts a:hover{color:var(--brand-orange)} .author-hovercard-view{display:inline-block;margin-top:12px;font-size:12.5px;font-weight:700;color:var(--blue)} .author-hovercard-view:hover{color:var(--brand-orange)}