.author-reading-layout { display: grid; grid-template-columns: minmax(0, 1fr) 264px; gap: 64px; }
.reader-author { padding-top: 20px; border-top: 1px solid var(--color-mist); }
.reader-author .reader-label { margin: 0 0 12px; font-size: 12px; }
.reader-author-link { display: flex; align-items: flex-start; gap: 12px; }
.reader-author-copy { display: block; flex: 1; min-width: 0; color: var(--editorial-muted); font-size: 12px; line-height: 1.65; }
.reader-author-copy strong { display: block; margin-bottom: 4px; color: var(--editorial-ink); font-size: 14px; }
.reader-author-copy span { display: block; }
.reader-author-link img { width: 72px; height: 72px; flex: none; border-radius: 4px; object-fit: cover; }
.reader-instagram { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--editorial-ink); font-size: 13px; }
.reader-share-actions .reader-instagram span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.reader-instagram .instagram-logo { width: 20px; height: 20px; flex: none; }
.reader-author a:focus-visible { outline: 2px solid var(--accent-on-dark); outline-offset: 3px; }
@media (max-width: 900px) {
  .author-reading-layout { grid-template-columns: 1fr; gap: 24px; }
  .article-sidebar:has(.reader-author) { display: block; position: static; max-height: none; overflow: visible; }
  .article-reader .reader-sidebar > .reader-share,
  .article-reader .reader-sidebar > .reader-follow { display: block; margin-bottom: 24px; }
}