/* Author box under blog posts (also used for the admin preview).
 * Colours and photo size come from Users → Author Bio → Design as CSS variables. */
.ajf-author {
	--ajf-ab-accent: #1e7a35;
	--ajf-ab-bg: #f5f5f7;
	--ajf-ab-size: 80px;
	display: flex; gap: 1.25rem; align-items: flex-start;
	margin: 2rem 0; padding: 1.5rem 0;
	font-family: var(--ajf-font-body, system-ui, -apple-system, "Segoe UI", sans-serif);
	color: var(--ajf-text, #3a3a3c);
}
.ajf-author--minimal { border-top: 1px solid var(--ajf-line, #e5e5ea); border-bottom: 1px solid var(--ajf-line, #e5e5ea); }
.ajf-author--card { padding: 1.5rem; background: var(--ajf-ab-bg); border-radius: 16px; border-left: 4px solid var(--ajf-ab-accent); }

.ajf-author__avatar { width: var(--ajf-ab-size); height: var(--ajf-ab-size); object-fit: cover; flex-shrink: 0; border-radius: 50%; }
.ajf-author--rounded .ajf-author__avatar { border-radius: 14px; }

.ajf-author__body { min-width: 0; flex: 1; }
.ajf-author p { margin: 0; }
.ajf-author__heading { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--ajf-ab-accent); margin-bottom: .35rem !important; }
.ajf-author__name { font-family: var(--ajf-font-head, inherit); font-size: 1.15rem; font-weight: 700; color: var(--ajf-ink, #1d1d1f); }
.ajf-author__title { font-size: .9rem; color: var(--ajf-muted, #6e6e73); margin-top: .1rem !important; }
.ajf-author__bio { margin-top: .75rem; color: var(--ajf-muted, #6e6e73); font-size: .975rem; line-height: 1.6; }
.ajf-author__bio p + p { margin-top: .6rem; }
.ajf-author__creds { margin: .75rem 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: .4rem; }
.ajf-author__creds li { font-size: .8rem; padding: .25rem .65rem; border-radius: 999px; background: #fff; border: 1px solid var(--ajf-line, #e5e5ea); color: var(--ajf-ink, #1d1d1f); }
.ajf-author__links { margin: .85rem 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: .4rem 1rem; }
.ajf-author__links a,
.ajf-author__more a { color: var(--ajf-ab-accent); font-weight: 700; font-size: .9rem; text-decoration: none; }
.ajf-author__links a:hover,
.ajf-author__more a:hover { text-decoration: underline; }
.ajf-author__more { margin-top: .85rem !important; }
.ajf-author [hidden] { display: none !important; }

@media (max-width: 560px) {
	.ajf-author { flex-direction: column; gap: 1rem; }
}