/* fst.com - author card (single post) + author-archive header enhancement.
 * Decorative soft theme-colour circles in opposite corners (like the glossary banner).
 * Brand: #0B9BD7 / #9b51e0. Loaded only on single posts + author archives. */

/* ---- shared LinkedIn button ---- */
.fst-li-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	border-radius: 9px;
	background: #0a66c2;
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none !important;
	transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.fst-li-btn:hover { background: #004182; color: #fff !important; transform: translateY(-1px); box-shadow: 0 8px 18px -8px rgba(10, 102, 194, .6); }
.fst-li-btn svg { width: 16px; height: 16px; flex: 0 0 auto; }

/* ---- single-post author card ---- */
.fst-author {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	display: flex;
	align-items: center;
	gap: 24px;
	margin: 38px 0;
	padding: 28px 32px;
	border: 1px solid #ece9f4;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 22px 54px -34px rgba(76, 29, 149, .28);
}
.fst-author::before,
.fst-author::after { content: ""; position: absolute; border-radius: 50%; z-index: -1; pointer-events: none; }
.fst-author::before { width: 240px; height: 240px; background: rgba(255, 0, 102, .10); top: -140px; left: -100px; }
.fst-author::after  { width: 210px; height: 210px; background: rgba(155, 81, 224, .10); right: -100px; bottom: -130px; }

.fst-author-avatar { flex: 0 0 auto; }
.fst-author-img {
	width: 92px; height: 92px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	box-shadow: 0 8px 20px -8px rgba(23, 18, 38, .35);
}
.fst-author-body { min-width: 0; }
.fst-author-eyebrow {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 12px; font-weight: 800;
	letter-spacing: 1.3px; text-transform: uppercase;
	color: #9b51e0;
}
.fst-author-name { margin: 0 0 9px !important; padding: 0 !important; font-size: 22px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: -.01em; color: #171226 !important; }
.fst-author-name a { color: inherit !important; text-decoration: none !important; }
.fst-author-name a:hover { color: #9b51e0 !important; }
.fst-author-bio { margin: 0 0 15px !important; font-size: 15.5px; line-height: 1.62; color: #5b5570; }

@media (max-width: 600px) {
	.fst-author { flex-direction: column; text-align: center; align-items: center; padding: 26px 22px; gap: 16px; }
	.fst-author-name { font-size: 20px !important; }
}

/* Author archive header is kept clean (no decorative circles) - layout lives in archive.css. */