.sonya-byline {
  max-width: 1100px;
  margin: 18px auto 22px;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: var(--ink, #111);
  text-decoration: none;
  border: 1px solid var(--line, rgba(17,17,17,.2));
  border-left: 7px solid var(--turquoise, var(--teal, #00a6a6));
  background: var(--paper, #f7f2df);
}
.sonya-byline:hover, .sonya-byline:focus-visible { outline: 2px solid var(--sun, #f4c430); outline-offset: 3px; }
.sonya-byline img { width: 54px; height: 54px; flex: 0 0 auto; object-fit: cover; border-radius: 50%; border: 2px solid var(--ink, #111); background: #111; }
.sonya-byline__copy { display: grid; gap: 2px; min-width: 0; }
.sonya-byline strong { font-size: 15px; font-weight: 950; }
.sonya-byline small { color: var(--muted, rgba(17,17,17,.68)); font-size: 12px; font-weight: 800; }
.sonya-byline__note { margin-left: auto; color: var(--turquoise, var(--teal, #00a6a6)); font: 950 11px/1 Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
@media (max-width: 560px) { .sonya-byline { margin: 14px 16px 18px; } .sonya-byline__note { display: none; } }