/* Feature Story layout for Hub Child v11. */

.tbf-feature__hero { width: 100%; max-height: 460px; overflow: hidden; }
.tbf-feature__hero img { display:block; width:100%; height:100%; object-fit:cover; }

.tbf-feature__intro { max-width:1700px; margin:0 auto; padding:28px 20px 0; text-align:left; }
.tbf-feature__eyebrow { display:inline-block; font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#6a2a66!important; background:#f3f3f3; padding:7px 14px; border-radius:999px; line-height:1.2; text-decoration:none!important; margin-bottom:14px; }
.tbf-feature__eyebrow:hover,.tbf-feature__eyebrow:focus,.tbf-feature__eyebrow:visited { color:#6a2a66!important; background:#ececec; text-decoration:none!important; }
.tbf-feature__title { font-size:34px; line-height:1.25; margin:0; padding:0 0 28px; border-bottom:1px solid #d9d9d9!important; }
.tbf-feature__byline { display:flex; align-items:center; gap:10px; font-size:14px; color:#555; margin:10px 0 0; padding:0 0 10px; border-bottom:1px solid #d9d9d9!important; margin-bottom:20px; }
.tbf-feature__byline img { border-radius:50%; width:40px; height:40px; }
.tbf-feature__author { display:inline-flex; align-items:center; gap:7px; }
.tbf-feature__author img { margin-right:2px; }
.tbf-feature__author-link,.tbf-feature__author-link:visited,.tbf-feature__author-link:hover,.tbf-feature__author-link:focus,.tbf-feature__posted-in a,.tbf-feature__posted-in a:visited,.tbf-feature__posted-in a:hover,.tbf-feature__posted-in a:focus { color:#6a2a66!important; }
.tbf-feature__author-link,.tbf-feature__posted-in a { text-decoration:none; }
.tbf-feature__author-link:hover,.tbf-feature__posted-in a:hover { text-decoration:underline; }
.tbf-feature__date-link,.tbf-feature__date-link:visited,.tbf-feature__date-link:hover,.tbf-feature__date-link:focus { color:#555!important; text-decoration:none; }
.tbf-feature__meta-separator { display:inline-block; width:1px; height:18px; background:#d7d7d7!important; margin:0 2px; flex:0 0 1px; }
.tbf-feature__read-time { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; }
.tbf-feature__read-time-icon { flex:0 0 16px; }

.tbf-feature__body { max-width:1140px; margin:0 auto; padding:0 2px 60px; display:grid; grid-template-columns:minmax(0,1fr); gap:40px; }
@media screen and (min-width:900px) { .tbf-feature__body { grid-template-columns:30% 1fr; } }
.tbf-feature__meta { order:0; }
.tbf-feature__pullquote { border-inline-start:3px solid var(--lqd-primary-color,#6f2a66); background:#f7f5f9; padding:20px 22px; margin-bottom:24px; }
.tbf-feature__pullquote p { margin:0; font-size:15px; line-height:1.6; color:#333; }
.tbf-feature__taxrow { font-size:14px; margin:0 0 5px; }
.tbf-feature__taxrow strong { display:block; margin-bottom:8px; }
.tbf-feature__posted-in a { color:#6a2a66!important; }
.tbf-feature__posted-in a { display:inline; }
.tbf-feature__tags { display:block; }
.tbf-feature__tags strong { display:block; }
.tbf-feature__tags a { display:inline-block; padding:5px 10px; border-radius:999px; background:#f3f3f3; color:#555!important; text-decoration:none!important; line-height:1.2; margin:0 5px 7px 0; font-size:10px; vertical-align:middle; }
.tbf-feature__tags a:hover,.tbf-feature__tags a:focus { background:#6a2a66; color:#fff!important; }

.tbf-feature__share { margin-top:5px; font-size:14px; }
.tbf-feature__share > span { display:block; text-transform:uppercase; letter-spacing:.08em; font-size:12px; font-weight:600; margin-bottom:10px; color:#000; }
.tbf-feature__share-icons { display:flex; flex-wrap:nowrap; align-items:center; gap:14px; list-style:none; padding:0; margin:0; }
.tbf-feature__share-icons li { flex:0 0 auto; }
.tbf-feature__share-icons a { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:#f0eef2; color:#333; }
.tbf-feature__share-icons a:hover { background:#6a2a66; color:#fff; }
.tbf-feature__content { font-size:16px; line-height:1.75; border-bottom:1px solid #eee; }
.tbf-feature__content > * + * { margin-top:1.2em; }

.tbf-feature-below { max-width:1140px; margin:0 auto; padding:0 2px 60px; }

/* Previous / next articles */
.tbf-feature__post-nav { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:50px; }
.tbf-feature__post-nav-item { min-width:0; padding:22px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
.tbf-feature__post-nav-item span { display:block; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:#777; margin-bottom:8px; }
.tbf-feature__post-nav-item a { color:#6a2a66; text-decoration:none; font-size:18px; line-height:1.4; font-weight:bold; }
.tbf-feature__post-nav-item a:hover { text-decoration:underline; }
.tbf-feature__post-nav-next { text-align:right; }

/* Related carousel */
.tbf-feature__related { margin-bottom:55px; }
.tbf-feature__related-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.tbf-feature__related-heading h2 { margin:0; font-size:26px; }
.tbf-feature__related-controls { display:flex; gap:8px; }
.tbf-feature__related-controls button { width:38px; height:38px; border:1px solid #ddd; border-radius:50%; background:#fff; color:#333; cursor:pointer; }
.tbf-feature__related-controls button:hover { background:#6a2a66; border-color:#6a2a66; color:#fff; }
.tbf-feature__related-track { display:flex; gap:22px; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:6px; }
.tbf-feature__related-track::-webkit-scrollbar { display:none; }
.tbf-feature__related-card { flex:0 0 calc((100% - 44px)/3); min-width:0; scroll-snap-align:start; border:1px solid #e6e6e6; background:#fff; }
.tbf-feature__related-image { display:block; aspect-ratio:16/9; overflow:hidden; background:#f3f3f3; }
.tbf-feature__related-image img { width:100%; height:100%; object-fit:cover; display:block; }
.tbf-feature__related-card-body { padding:16px; }
.tbf-feature__related-category { display:inline-block; font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:#6a2a66!important; text-decoration:none; margin-bottom:8px; }
.tbf-feature__related-card h3 { margin:0 0 10px; font-size:18px; line-height:1.3; }
.tbf-feature__related-card h3 a { color:#222; text-decoration:none; }
.tbf-feature__related-card h3 a:hover { color:#6a2a66; }
.tbf-feature__related-card time { font-size:12px; color:#777; }

@media screen and (max-width:899px) {
	.tbf-feature__hero, article.tbf-feature .tbf-feature__hero { width:100%!important; max-height:none!important; height:auto!important; overflow:visible!important; }
	.tbf-feature__hero img, article.tbf-feature .tbf-feature__hero img { display:block!important; width:100%!important; height:auto!important; max-width:100%!important; max-height:none!important; object-fit:contain!important; margin-top:50px!important; }
	.tbf-feature__intro { padding:2px 2px 0; }
	.tbf-feature__eyebrow { font-size:12px; padding:6px 12px; margin-bottom:12px; }
	.tbf-feature__title { font-size:24px!important; line-height:1.25; padding-bottom:18px; }
	.tbf-feature__byline { font-size:10px!important; gap:7px; margin-top:12px; padding-bottom:12px; flex-wrap:wrap; }
	.tbf-feature__byline img,.tbf-feature__author img { width:32px; height:32px; }
	.tbf-feature__meta-separator { height:14px; }
	.tbf-feature__intro { padding:2px 2px 0; }
	.tbf-feature__body { max-width:1140px; margin:0 auto; padding:0 2px 25px; display:flex!important; flex-direction:column!important; gap:2px!important; }
	.tbf-feature__content { order:0!important; border-bottom:1px solid #eee; padding-bottom:2px; }
	.tbf-feature__meta { order:1!important; margin-top:0!important; }
	.tbf-feature__pullquote { margin-bottom:10px; }
	.tbf-feature__taxrow { font-size:14px; margin:0 0 5px; line-height:1.5; }
	.tbf-feature__taxrow strong { display:inline!important; margin:0 6px 0 0!important; }
	.tbf-feature__posted-in { margin-top:0; }
	.tbf-feature__posted-in a { display:inline!important; white-space:normal; }
	.tbf-feature__tags { display:block; }
	.tbf-feature__tags a { display:inline-block!important; font-size:10px; padding:5px 10px; margin:0 4px 5px 0; }
	.tbf-feature__share { margin-top:5px; font-size:14px; }
	.tbf-feature__share > span { display:inline!important; margin:0 8px 0 0; font-size:14px; letter-spacing:0; }
	.tbf-feature__share-icons { display:inline-flex!important; flex-wrap:nowrap; gap:10px; vertical-align:middle; }
	.tbf-feature__post-nav { grid-template-columns:1fr 1fr; gap:14px; margin-bottom:35px; }
	.tbf-feature__post-nav-item { padding:16px 0; }
	.tbf-feature__post-nav-item a { font-size:14px; }
	.tbf-feature__post-nav-next { text-align:right; }
	.tbf-feature__related { margin-top:28px; }
	.tbf-feature__related-heading h2 { font-size:22px; }
	.tbf-feature__related-card { flex-basis:100%; }
	.tbf-feature__related-controls button { width:34px; height:34px; }
}