/* Content Detail — Author Bio (neilkelly/content-detail-author) · Figma 1586:2 */
.wp-block-neilkelly-content-detail-author.nk-cd-author { padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--gutter); background: var(--wp--preset--color--surface-page); font-family: var(--wp--preset--font-family--inter); box-sizing: border-box; }
.wp-block-neilkelly-content-detail-author .nk-cd-author__card { position: relative; display: flex; align-items: flex-start; gap: var(--wp--preset--spacing--5); width: 100%; max-width: var(--wp--custom--layout--content-width); margin-inline: auto; padding: var(--wp--preset--spacing--6); background: var(--wp--preset--color--surface-subtle); border: 1px solid var(--wp--preset--color--border-subtle); border-radius: var(--wp--custom--radius--card); box-sizing: border-box; }
/* Whole card is one click target — the profile link's ::after covers the card. */
a.nk-cd-author__profile-link::after { content: ""; position: absolute; inset: 0; }
.wp-block-neilkelly-content-detail-author .nk-cd-author__avatar { display: block; flex: 0 0 auto; width: var(--wp--custom--components--content-detail--author-avatar-size); height: var(--wp--custom--components--content-detail--author-avatar-size); border-radius: var(--wp--custom--radius--full); border: 1px solid var(--wp--preset--color--border-default); overflow: hidden; }
.wp-block-neilkelly-content-detail-author .nk-cd-author__avatar-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; /* crop from the top of the photo */ }
.wp-block-neilkelly-content-detail-author .nk-cd-author__avatar-img--placeholder { background: var(--wp--preset--color--surface-section); }
/* Brand fallback (Designer selected but not published): the NK box logo is a square mark,
   so it is CONTAINED rather than cover-cropped like a headshot, and sits on brand-red-logo
   (#d71921, the logo's own red) so there is no white gap inside the circular avatar. Same
   treatment the project-overview-strip Team slot gives it. */
.wp-block-neilkelly-content-detail-author .nk-cd-author__avatar-img--logo { object-fit: contain; background: var(--wp--preset--color--brand-red-logo); padding: var(--wp--preset--spacing--0-5); box-sizing: border-box; }
.wp-block-neilkelly-content-detail-author .nk-cd-author__content { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--2); flex: 1 1 0; min-width: 0; }
.wp-block-neilkelly-content-detail-author .nk-cd-author__name { margin: 0; color: var(--wp--preset--color--ink-primary); font-size: var(--wp--preset--font-size--md-base); font-weight: var(--wp--custom--font-weight--bold); }
.wp-block-neilkelly-content-detail-author .nk-cd-author__role { margin: 0; color: var(--wp--preset--color--ink-secondary); font-size: var(--wp--preset--font-size--sm); font-weight: var(--wp--custom--font-weight--medium); }
.wp-block-neilkelly-content-detail-author .nk-cd-author__bio { margin: 0; color: var(--wp--preset--color--ink-secondary); font-size: var(--wp--preset--font-size--sm); line-height: var(--wp--custom--line-height--base); }
/* Design Philosophy is a wysiwyg (may contain multiple <p>): zero its edge margins and space paragraphs. */
.wp-block-neilkelly-content-detail-author .nk-cd-author__bio > * { margin: 0; }
.wp-block-neilkelly-content-detail-author .nk-cd-author__bio > * + * { margin-top: var(--wp--preset--spacing--3); }
.wp-block-neilkelly-content-detail-author .nk-cd-author__profile { display: inline-flex; flex-direction: column; align-items: stretch; gap: var(--wp--preset--spacing--2); margin-top: var(--wp--preset--spacing--1); }
.wp-block-neilkelly-content-detail-author .nk-cd-author__accent { display: block; height: var(--wp--custom--components--content-detail--accent-height); background: var(--wp--preset--color--brand-red); }
.wp-block-neilkelly-content-detail-author .nk-cd-author__profile-link { color: var(--wp--preset--color--ink-primary); font-size: var(--wp--preset--font-size--sm-md); font-weight: var(--wp--custom--font-weight--semibold); text-decoration: none; transition: color 0.15s ease; }
.wp-block-neilkelly-content-detail-author .nk-cd-author__profile-link:hover { color: var(--wp--preset--color--brand-red); }
.wp-block-neilkelly-content-detail-author .nk-cd-author__profile-link:focus-visible { outline: 2px solid var(--wp--preset--color--ink-primary); outline-offset: 2px; }
@media (max-width: 767px) {
	.wp-block-neilkelly-content-detail-author.nk-cd-author { padding-left: var(--wp--preset--spacing--6); padding-right: var(--wp--preset--spacing--6); }
	.wp-block-neilkelly-content-detail-author .nk-cd-author__card { flex-direction: column; }
}