/* Template-part block global/autor (Redaktion order 2026-11-10-autorenbox). No reference file: the box is set like
   single/methodik (sunk surface, large radius), the mini box like the picks overview rows. Photo round. */
.author { margin-top: 40px; background: var(--sunk); border-radius: var(--r-lg); padding: 16px; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; align-items: start; }
.author.no-photo { grid-template-columns: minmax(0, 1fr); }
.author img, .author-mini img { display: block; border-radius: 50%; object-fit: cover; background: var(--avatar); aspect-ratio: 1; }
.author img { width: 64px; height: 64px; }
.author-body { display: grid; gap: 6px; justify-items: start; }
.author-name { font-family: var(--f-display); font-size: 18px; font-weight: 800; line-height: 1.25; }
.author-name span { display: block; font-family: var(--f-body); font-size: 14px; font-weight: 500; color: var(--ink-2); }
.author-text { font-size: 15px; color: var(--ink-2); }
.author .link-arrow { margin-top: 2px; }

.author-mini { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 2px 12px; align-items: center; }
.author-mini.no-photo { grid-template-columns: minmax(0, 1fr); }
.author-mini img { width: 48px; height: 48px; grid-row: span 2; }
.author-mini p { font-size: 15px; line-height: 1.3; }
.author-mini b { font-family: var(--f-display); font-weight: 800; }
.author-mini span { display: block; font-size: 13px; color: var(--ink-2); }
.author-mini .link-arrow { justify-self: start; font-size: 13px; }

@container page (min-width: 640px) {
  .author { grid-template-columns: 96px minmax(0, 1fr); gap: 20px; padding: 20px 24px; }
  .author.no-photo { grid-template-columns: minmax(0, 1fr); }
  .author img { width: 96px; height: 96px; }
}