/* PathJeevani – Story Pages v3.0
   Font family theme ki hi. Story ka body text theme size me; sirf page ke blocks (title card, cards, labels) compact kiye gaye hain. */

.pj-story {
	--pj-blue: #456E8F;
	--pj-slate: #54758E;
	--pj-slate-dark: #3F5A70;
	--pj-gold: #EDC558;
	--pj-bg: #F4F3F3;
	--pj-card: #FFFFFF;
	--pj-ink: #000000;
	--pj-text: #4A4A4A;
	--pj-muted: #6F6F6F;
	--pj-line: #E2E1E1;
	background: var(--pj-bg);
	color: var(--pj-text);
}

/* Hero – chhota */
.pj-hero { margin: 0; }
.pj-hero__img { display: block; width: 100%; height: clamp(220px, 32vw, 420px); object-fit: cover; }

/* Title card */
.pj-head {
	position: relative;
	max-width: 1080px;
	margin: -80px auto 0;
	padding: 28px 36px 20px;
	background: var(--pj-card);
	border-top: 3px solid var(--pj-gold);
	border-radius: 4px;
	box-sizing: border-box;
}
.pj-head--no-hero { margin-top: 32px; }
.pj-head__cat {
	display: inline-block; padding: 3px 10px; border-radius: 4px;
	background: var(--pj-slate); color: #FFFFFF; font-size: 13px; text-decoration: none;
}
.pj-head__cat:hover { background: var(--pj-slate-dark); color: #FFFFFF; }
.pj-head__title {
	margin: 12px 0 16px;
	font-size: clamp(24px, 2.6vw, 34px);
	line-height: 1.25;
	color: var(--pj-ink);
}
.pj-head__bar {
	display: flex; flex-wrap: wrap; gap: 12px 24px;
	justify-content: space-between; align-items: center;
	padding-top: 14px; border-top: 1px solid var(--pj-line);
}
.pj-head__meta { margin: 0; font-size: 14px; color: var(--pj-muted); }
.pj-head__author { color: var(--pj-blue); font-weight: 600; text-decoration: none; }
.pj-head__author:hover { text-decoration: underline; }
.pj-sep { margin: 0 8px; color: var(--pj-line); }

/* Share icons – compact */
.pj-share-icons { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.pj-share-icons__label { color: var(--pj-ink); font-weight: 600; font-size: 14px; }
.pj-share-icons__list { list-style: none; display: flex; gap: 6px; margin: 0; padding: 0; }
.pj-share-icons__btn {
	display: inline-flex; align-items: center; justify-content: center;
	width: 32px; height: 32px; padding: 0;
	border: 1px solid var(--pj-line); border-radius: 50%;
	background: var(--pj-card); color: var(--pj-slate);
	cursor: pointer; text-decoration: none;
	transition: background-color .15s, color .15s, border-color .15s;
}
.pj-share-icons__btn:hover { background: var(--pj-slate); border-color: var(--pj-slate); color: #FFFFFF; }
.pj-share-icons__btn:focus-visible,
.pj-card:focus-visible,
.pj-cta__btn:focus-visible,
.pj-head__author:focus-visible { outline: 2px solid var(--pj-blue); outline-offset: 2px; }
.pj-copy-status { font-size: 13px; color: var(--pj-blue); }

/* Layout: story + sidebar (ads) */
.pj-layout {
	max-width: 1080px;
	margin: 0 auto;
	padding: 32px 0 0;
	box-sizing: border-box;
}
.pj-layout--sidebar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 48px;
}
.pj-layout:not(.pj-layout--sidebar) .pj-body { max-width: 720px; margin: 0 auto; }
.pj-body { min-width: 0; }

.pj-sidebar__sticky { position: sticky; top: 100px; display: flex; flex-direction: column; gap: 24px; }
.pj-widget { background: var(--pj-card); border-radius: 4px; padding: 12px; text-align: center; }
.pj-widget__title { margin: 0 0 8px; font-size: 11px; color: var(--pj-muted); }
.pj-ad-placeholder {
	height: 600px; display: flex; flex-direction: column; justify-content: center; gap: 8px;
	padding: 16px; box-sizing: border-box;
	border: 2px dashed #C8C6C6; border-radius: 4px; text-align: center;
	color: var(--pj-muted); font-size: 14px;
}
.pj-inline-ad { margin: 24px 0; padding: 12px; background: var(--pj-card); border-radius: 4px; text-align: center; }

/* In short */
.pj-summary {
	background: var(--pj-card);
	border-left: 3px solid var(--pj-blue);
	border-radius: 4px;
	padding: 14px 18px;
	margin-bottom: 28px;
}
.pj-summary__title { margin: 0 0 4px; font-size: 13px; font-weight: 600; color: var(--pj-blue); }
.pj-summary__text p { margin: 0; }

/* Story content – theme ke font sizes */
.pj-content p { margin: 0 0 1.2em; }
.pj-content a { color: var(--pj-blue); }
.pj-content img { max-width: 100%; height: auto; display: block; border-radius: 4px; }
.pj-content figure { margin: 1.5em 0; }
.pj-content figcaption { font-style: italic; color: var(--pj-muted); margin-top: 8px; font-size: 0.85em; }
.pj-content blockquote,
.pj-content .wp-block-pullquote {
	margin: 1.8em 0; padding: 20px 0; border: 0;
	border-top: 2px solid var(--pj-gold); border-bottom: 2px solid var(--pj-gold);
	text-align: center; color: var(--pj-ink); font-style: italic;
}
.pj-content blockquote p { margin: 0; }
.pj-content blockquote cite { display: block; margin-top: 10px; font-style: normal; color: var(--pj-muted); font-size: 0.85em; }

/* Tags */
.pj-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 28px; }
.pj-tags__label { font-size: 13px; font-weight: 600; color: var(--pj-ink); }
.pj-tags ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.pj-tags a {
	display: inline-block; padding: 5px 12px; border-radius: 14px;
	background: #E9EEF2; color: var(--pj-slate-dark); font-size: 13px; font-weight: 500; text-decoration: none;
}
.pj-tags a:hover { background: var(--pj-slate); color: #FFFFFF; }

/* Bottom share */
.pj-share-bottom { margin-top: 20px; padding: 14px 0; border-top: 1px solid var(--pj-line); border-bottom: 1px solid var(--pj-line); }

/* End ad */
.pj-end-ad { max-width: 1080px; margin: 40px auto 0; padding: 0 20px; box-sizing: border-box; }
.pj-widget--end { padding: 12px; }
.pj-ad-placeholder--wide { height: 90px; }

/* Story blocks */
.pj-related { padding: 44px 20px 8px; }
.pj-related { margin-top: 24px; }
.pj-related + .pj-related { border-top: 1px solid var(--pj-line); margin-top: 36px; }
.pj-related__head { max-width: 1080px; margin: 0 auto 20px; display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; align-items: baseline; }
.pj-related__title { margin: 0; font-size: 22px; color: var(--pj-ink); }
.pj-related__accent { color: var(--pj-blue); }
.pj-related__head a { color: var(--pj-blue); font-weight: 600; font-size: 14px; text-decoration: none; }
.pj-related__head a:hover { text-decoration: underline; }
.pj-related__grid { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }

/* Card – equal height */
.pj-card {
	display: flex; flex-direction: column; height: 100%;
	background: var(--pj-card); border-radius: 6px; overflow: hidden;
	color: var(--pj-ink); text-decoration: none;
	box-shadow: 0 1px 2px rgba(0,0,0,.06);
	transition: box-shadow .2s, transform .2s;
}
.pj-card:hover { box-shadow: 0 6px 18px rgba(0,0,0,.08); transform: translateY(-2px); }
.pj-card__img { aspect-ratio: 16 / 10; background: var(--pj-bg); overflow: hidden; }
.pj-card__img img { width: 100%; height: 100%; object-fit: cover; }
.pj-card__body { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px 16px; flex: 1; }
.pj-card__cat { align-self: flex-start; padding: 2px 8px; border-radius: 4px; background: var(--pj-slate); color: #FFFFFF; font-size: 12px; }
.pj-card__title,
.pj-card__excerpt {
	margin: 0;
	display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;
	-webkit-line-clamp: 2; line-clamp: 2;
}
.pj-card__title { font-size: 16px; font-weight: 600; line-height: 1.4; min-height: 2.8em; color: var(--pj-ink); }
.pj-card__excerpt { font-size: 14px; line-height: 1.5; min-height: 3em; color: var(--pj-text); }
.pj-card__meta { margin: auto 0 0; padding-top: 10px; border-top: 1px solid var(--pj-line); font-size: 12px; color: var(--pj-muted); display: flex; gap: 4px; flex-wrap: wrap; }
.pj-card__more { margin-left: auto; color: var(--pj-blue); font-weight: 600; }
.pj-card:hover .pj-card__title { color: var(--pj-blue); }

/* Latest stories carousel (homepage style) */
.pj-carousel { padding: 32px 20px 8px; margin-top: 8px; }
.pj-carousel + .pj-carousel { border-top: 0; }
.pj-carousel__head { max-width: 1200px; margin: 0 auto 24px; display: flex; align-items: center; gap: 20px; }
.pj-carousel__title { margin: 0; font-size: 28px; color: var(--pj-ink); white-space: nowrap; }
.pj-carousel__line { flex: 1; height: 1px; background: #CFCFCF; }
.pj-story .pj-carousel__all {
	padding: 8px 14px; border-radius: 6px; background: var(--pj-card);
	color: var(--pj-ink); font-size: 14px; font-weight: 500; text-decoration: none; white-space: nowrap;
	box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.pj-story .pj-carousel__all:hover { color: var(--pj-blue); }
.pj-carousel__wrap { position: relative; max-width: 1200px; margin: 0 auto; }
.pj-carousel__track {
	display: grid; grid-auto-flow: column;
	grid-auto-columns: calc((100% - 3 * 16px) / 4);
	column-gap: 16px;
	overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
	padding: 4px 2px 12px; scrollbar-width: none;
}
.pj-carousel__track::-webkit-scrollbar { display: none; }
.pj-carousel__track:focus-visible { outline: 2px solid var(--pj-blue); outline-offset: 4px; }
.pj-carousel__nav {
	position: absolute; top: 40%; z-index: 2;
	width: 36px; height: 36px; border-radius: 50%; border: 0;
	display: flex; align-items: center; justify-content: center;
	background: var(--pj-card); color: var(--pj-ink); cursor: pointer;
	box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.pj-carousel__nav--prev { left: -18px; }
.pj-carousel__nav--next { right: -18px; }
.pj-carousel__nav:disabled { opacity: .35; cursor: default; }
.pj-carousel__nav:focus-visible { outline: 2px solid var(--pj-blue); outline-offset: 2px; }

.pj-ccard {
	scroll-snap-align: start;
	display: flex; flex-direction: column;
	background: var(--pj-card); border-radius: 8px; padding: 14px;
	box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.pj-ccard__img { display: block; aspect-ratio: 3 / 2; border-radius: 6px; overflow: hidden; background: var(--pj-bg); }
.pj-ccard__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.pj-ccard:hover .pj-ccard__img img { transform: scale(1.04); }
.pj-ccard__body { display: flex; flex-direction: column; gap: 10px; padding-top: 14px; flex: 1; }
.pj-story .pj-ccard__cat {
	align-self: flex-start; padding: 2px 8px; border-radius: 3px;
	background: var(--pj-slate); color: #FFFFFF; font-size: 12px; text-decoration: none;
}
.pj-ccard__title { margin: 0; font-size: 17px; line-height: 1.35; min-height: 2.7em;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.pj-story .pj-ccard__title a { color: var(--pj-ink); text-decoration: none; }
.pj-story .pj-ccard__title a:hover { color: var(--pj-blue); }
.pj-story .pj-ccard__btn {
	align-self: flex-start; display: inline-flex; align-items: center; gap: 6px;
	padding: 7px 14px; border-radius: 4px; background: #F1F1F1;
	color: var(--pj-ink); font-size: 13px; font-weight: 500; text-decoration: none;
}
.pj-story .pj-ccard__btn:hover { background: var(--pj-slate); color: #FFFFFF; }
.pj-ccard__meta { margin: auto 0 0; padding-top: 12px; border-top: 1px solid var(--pj-line); font-size: 12px; letter-spacing: .5px; text-transform: uppercase; color: var(--pj-muted); }
.pj-story .pj-ccard__meta a { color: var(--pj-ink); font-weight: 600; text-decoration: none; }
.pj-ccard__meta span { margin-left: 6px; }

/* Elementor homepage section */
.pj-carousel--elementor { overflow-x: clip; }
.pj-elementor-latest { position: relative; max-width: 1200px; margin: 0 auto; padding: 4px 0 12px; }
/* JS adds .pj-clip to the slider viewport so slides stay between the arrows */
.pj-elementor-latest .pj-clip { overflow: hidden !important; margin-left: 52px !important; margin-right: 52px !important; }
.pj-elementor-latest button, .pj-elementor-latest [class*="arrow"], .pj-elementor-latest [class*="prev"], .pj-elementor-latest [class*="next"] { z-index: 5; }
@media (max-width: 900px) {
	.pj-elementor-latest .pj-clip { margin-left: 36px !important; margin-right: 36px !important; }
}
.pj-carousel--elementor .pj-elementor-latest .elementor-section,
.pj-carousel--elementor .pj-elementor-latest .e-con { padding-top: 0; margin-top: 0; }

/* CTA – split with photo */
.pj-cta { padding: 32px 20px 8px; }
.pj-cta__card {
	max-width: 1080px; margin: 0 auto; box-sizing: border-box;
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
	background: var(--pj-card); border-radius: 10px; overflow: hidden;
	box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.pj-cta__card--noimg { grid-template-columns: 1fr; border-top: 4px solid var(--pj-gold); }
.pj-cta__media { position: relative; min-height: 320px; background: var(--pj-bg); }
.pj-cta__media::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 4px; background: var(--pj-gold); }
.pj-cta__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pj-cta__main { padding: 44px 48px; display: flex; flex-direction: column; justify-content: center; }
.pj-cta__eyebrow { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: var(--pj-blue); }
.pj-cta__title { margin: 0 0 12px; font-size: 28px; line-height: 1.3; color: var(--pj-ink); }
.pj-cta__text { margin: 0 0 24px; color: var(--pj-text); }
.pj-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.pj-story .pj-cta__btn {
	display: inline-block; padding: 12px 24px; border-radius: 24px;
	border: 1px solid var(--pj-slate); background: var(--pj-slate);
	color: #FFFFFF; font-weight: 600; font-size: 14px; text-decoration: none;
	transition: background-color .15s, color .15s;
}
.pj-story .pj-cta__btn:hover { background: var(--pj-slate-dark); border-color: var(--pj-slate-dark); color: #FFFFFF; }
.pj-story .pj-cta__btn--outline { background: transparent; color: var(--pj-slate); }
.pj-story .pj-cta__btn--outline:hover { background: var(--pj-slate); color: #FFFFFF; }
.pj-story .pj-cta__btn:focus-visible { outline: 2px solid var(--pj-blue); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) { .pj-share-icons__btn, .pj-card, .pj-ccard__img img { transition: none; } .pj-card:hover { transform: none; } .pj-carousel__track { scroll-behavior: auto; } }

/* Tablet */
@media (max-width: 1120px) {
	.pj-carousel__track { grid-auto-columns: calc((100% - 2 * 16px) / 3); }
	.pj-carousel__nav--prev { left: -6px; }
	.pj-carousel__nav--next { right: -6px; }
	.pj-head { margin-left: 20px; margin-right: 20px; }
	.pj-layout { padding-left: 20px; padding-right: 20px; }
}
/* Mobile: sidebar neeche chala jata hai */
@media (max-width: 900px) {
	.pj-head { margin-top: -40px; padding: 20px 18px 16px; }
	.pj-layout--sidebar { grid-template-columns: 1fr; gap: 32px; }
	.pj-sidebar__sticky { position: static; }
	.pj-ad-placeholder { height: 250px; }
	.pj-related__grid { grid-template-columns: 1fr; gap: 20px; }
	.pj-cta { padding: 40px 16px; }
	.pj-cta__card { grid-template-columns: 1fr; }
	.pj-cta__media { min-height: 200px; }
	.pj-cta__media::after { top: auto; left: 0; width: auto; height: 4px; }
	.pj-cta__main { padding: 28px 22px; }
	.pj-cta__title { font-size: 22px; }
	.pj-carousel__track { grid-auto-columns: 78%; }
	.pj-carousel__nav { display: none; }
	.pj-carousel__line { display: none; }
	.pj-carousel__head { justify-content: space-between; }
	.pj-carousel__title { font-size: 22px; }
	.pj-ad-placeholder--wide { height: 100px; }
}


/* Sidebar fallback content */
.pj-side-ad { text-align: center; }
.pj-side-box { background: var(--pj-card); border-radius: 6px; padding: 16px; }
.pj-side-box__title { margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid var(--pj-gold); font-size: 15px; font-weight: 600; color: var(--pj-ink); }
.pj-side-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.pj-story .pj-side-list a { display: flex; gap: 10px; align-items: center; color: var(--pj-ink); text-decoration: none; }
.pj-side-list__img { width: 64px; height: 48px; flex-shrink: 0; border-radius: 4px; overflow: hidden; background: var(--pj-bg); }
.pj-side-list__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pj-side-list__title { font-size: 14px; font-weight: 500; line-height: 1.35; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.pj-story .pj-side-list a:hover .pj-side-list__title { color: var(--pj-blue); }
.pj-side-cta { text-align: center; border-top: 3px solid var(--pj-slate); }
.pj-side-cta__title { margin: 0 0 4px; font-size: 15px; font-weight: 600; color: var(--pj-ink); }
.pj-side-cta__text { margin: 0 0 12px; font-size: 13px; color: var(--pj-muted); }
.pj-story .pj-side-cta__btn { display: inline-block; padding: 9px 18px; border-radius: 20px; background: var(--pj-slate); color: #FFFFFF; font-size: 13px; font-weight: 600; text-decoration: none; }
.pj-story .pj-side-cta__btn:hover { background: var(--pj-slate-dark); color: #FFFFFF; }
.pj-story .pj-side-list a:focus-visible, .pj-story .pj-side-cta__btn:focus-visible, .pj-story .pj-also:focus-visible { outline: 2px solid var(--pj-blue); outline-offset: 2px; }

/* "Also read" in-content card */
.pj-story .pj-also {
	display: flex; gap: 14px; align-items: center; margin: 24px 0; padding: 12px;
	background: var(--pj-card); border-left: 3px solid var(--pj-gold); border-radius: 4px;
	color: var(--pj-ink); text-decoration: none;
}
.pj-also__img { width: 96px; height: 64px; flex-shrink: 0; border-radius: 4px; overflow: hidden; background: var(--pj-bg); }
.pj-also__img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0; }
.pj-also__text { display: flex; flex-direction: column; gap: 2px; }
.pj-also__label { font-size: 12px; font-weight: 600; color: var(--pj-blue); }
.pj-also__title { font-weight: 600; line-height: 1.35; }
.pj-story .pj-also:hover .pj-also__title { color: var(--pj-blue); }

/* Ad wrappers */
.pj-inline-ad { margin: 24px 0; text-align: center; }
.pj-end-ad { max-width: 1080px; margin: 32px auto 0; padding: 0 20px; box-sizing: border-box; text-align: center; }

/* Ad slots (ads come from the PathJeevani Ads plugin) */
.pj-incontent { margin: 24px 0; }
.pj-incontent .pj-also { margin: 0; }
.pj-incontent.pj-has-ad .pj-fallback { display: none; }
.pj-sidebar.pj-has-ad .pj-side-list li:nth-child(n+4),
.pj-sidebar.pj-has-ad .pj-side-cta { display: none; }
.pj-end-ad:not(.pj-has-ad) { display: none; }

/* ===== Video stories ===== */
.pj-vhero { background: #141414; padding: 28px 20px 110px; }
.pj-player {
	position: relative; max-width: 960px; margin: 0 auto;
	aspect-ratio: 16 / 9; background: #000; border-radius: 6px; overflow: hidden;
}
.pj-player__start {
	position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; margin: 0;
	border: 0; background: #000; cursor: pointer; display: block;
}
.pj-player__poster { width: 100%; height: 100%; object-fit: cover; display: block; opacity: .9; transition: opacity .2s; }
.pj-player__start:hover .pj-player__poster { opacity: 1; }
.pj-player__play {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	width: 76px; height: 76px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: rgba(255,255,255,.95); color: #141414; padding-left: 4px; box-sizing: border-box;
	box-shadow: 0 6px 24px rgba(0,0,0,.35); transition: transform .2s, background-color .2s;
}
.pj-player__start:hover .pj-player__play { transform: translate(-50%, -50%) scale(1.08); background: var(--pj-gold); }
.pj-player__start:focus-visible { outline: 3px solid var(--pj-gold); outline-offset: -3px; }
.pj-player__dur { position: absolute; right: 12px; bottom: 12px; padding: 2px 8px; border-radius: 4px; background: rgba(0,0,0,.75); color: #FFFFFF; font-size: 13px; }
.pj-player iframe, .pj-player video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }

.pj-vbadge {
	display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border-radius: 12px;
	background: #FBF1CF; color: #5C4700; font-weight: 600; font-size: 13px; vertical-align: middle;
}

.pj-chapters { background: var(--pj-card); border-radius: 4px; padding: 14px 18px; margin-bottom: 28px; }
.pj-chapters__title { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: var(--pj-blue); }
.pj-chapters ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.pj-chapters li + li { border-top: 1px solid var(--pj-line); }
.pj-chapter {
	display: flex; gap: 14px; width: 100%; padding: 9px 2px; border: 0; background: none;
	font: inherit; color: var(--pj-ink); text-align: left; cursor: pointer;
}
.pj-chapter:hover { color: var(--pj-blue); }
.pj-chapter:focus-visible { outline: 2px solid var(--pj-blue); outline-offset: 2px; }
.pj-chapter__time { min-width: 44px; font-weight: 600; color: var(--pj-blue); font-variant-numeric: tabular-nums; }

/* Play badge on story cards */
.pj-ccard__img, .pj-side-list__img { position: relative; }
.pj-play-badge {
	position: absolute; left: 10px; bottom: 10px; width: 30px; height: 30px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center; padding-left: 2px; box-sizing: border-box;
	background: rgba(0,0,0,.65); color: #FFFFFF; pointer-events: none;
}
.pj-play-badge--sm { left: 4px; bottom: 4px; width: 18px; height: 18px; }

@media (prefers-reduced-motion: reduce) {
	.pj-player__poster, .pj-player__play { transition: none; }
	.pj-player__start:hover .pj-player__play { transform: translate(-50%, -50%); }
}

/* ===== Mobile / tablet fixes (v2.1) ===== */
@media (max-width: 900px) {
	/* Carousel heading wraps instead of pushing the page sideways */
	.pj-carousel { padding-top: 32px; }
	.pj-carousel__head { flex-wrap: wrap; gap: 8px 12px; }
	.pj-carousel__title { white-space: normal; font-size: 20px; line-height: 1.3; flex: 1 1 0; min-width: 0; }
	.pj-carousel__head { flex-wrap: nowrap; align-items: flex-start; }
	.pj-story .pj-carousel__all { padding: 6px 12px; font-size: 13px; }
	.pj-carousel__track { grid-auto-columns: calc((100% - 16px) / 2); }

	/* Sidebar: on small screens only the ad stays; the list + submit card repeat what is below */
	.pj-sidebar .pj-side-box { display: none; }
	.pj-sidebar:not(.pj-has-ad) { display: none; }
	.pj-layout--sidebar { gap: 24px; }

	/* CTA aligned with the story column */
	.pj-cta { padding: 32px 20px 0; }
}
@media (max-width: 600px) {
	.pj-carousel__track { grid-auto-columns: 85%; }
	.pj-head__title { font-size: 24px; }
	.pj-content .alignwide, .pj-content .alignfull { margin-left: 0; margin-right: 0; }
}

@media (max-width: 900px) {
	.pj-vhero { padding: 0 0 56px; }
	.pj-player { border-radius: 0; }
	.pj-player__play { width: 60px; height: 60px; }
}

/* ===== v3.1: card titles, excerpt, thin stories ===== */
.pj-story .pj-ccard__title,
.pj-story .pj-ccard__title a {
	font-size: 16px !important; line-height: 1.45 !important; font-weight: 600;
}
.pj-story .pj-ccard__title {
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2;
	overflow: hidden; min-height: 2.9em; max-height: 2.9em; padding-top: 1px;
}
.pj-ccard__body { gap: 8px; }
.pj-ccard__excerpt {
	margin: 0; font-size: 13px; line-height: 1.5; color: var(--pj-text);
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
}
.pj-about-video { margin: 0 0 12px; font-size: 18px; color: var(--pj-ink); }

/* Short stories (e.g. video with little text): shorter sidebar so there is no big empty gap */
.pj-layout--thin .pj-side-list li:nth-child(n+4),
.pj-layout--thin .pj-side-cta { display: none; }
.pj-layout--thin .pj-sidebar__sticky { position: static; }

/* ===== v3.2: title size, video backdrop ===== */
.pj-story .pj-head__title {
	font-size: clamp(22px, 2.2vw, 30px) !important;
	line-height: 1.35 !important;
}

/* Video band: blurred, darkened copy of the video thumbnail instead of flat black */
.pj-vhero {
	position: relative; overflow: hidden; isolation: isolate;
	padding: 56px 20px 110px;
	background: linear-gradient(135deg, #1F3550 0%, #2E4A63 55%, #3F5A70 100%);
}
.pj-vhero__bg {
	position: absolute; inset: -40px; z-index: -2;
	background-image: var(--pj-poster, none);
	background-size: cover; background-position: center;
	filter: blur(36px) saturate(1.15);
	transform: scale(1.1);
	opacity: .85;
}
.pj-vhero::after {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: linear-gradient(180deg, rgba(20,28,38,.55) 0%, rgba(20,28,38,.7) 100%);
}
.pj-player { box-shadow: 0 18px 50px rgba(0,0,0,.45); border-radius: 10px; }

@media (max-width: 900px) {
	.pj-story .pj-head__title { font-size: 22px !important; }
	.pj-vhero { padding: 24px 0 56px; }
	.pj-player { border-radius: 0; box-shadow: none; }
}

/* ===== v3.3 ===== */
/* No divider lines between story blocks — spacing only */
.pj-carousel, .pj-carousel + .pj-carousel, .pj-carousel--elementor { border-top: 0 !important; }

/* Title: one line for most titles on desktop */
.pj-story .pj-head__title { font-size: clamp(20px, 1.75vw, 26px) !important; line-height: 1.4 !important; }

/* YouTube description */
.pj-vdesc__text { overflow-wrap: anywhere; }
.pj-vdesc[data-collapsed="1"] .pj-vdesc__text {
	max-height: 11.5em; overflow: hidden;
	-webkit-mask-image: linear-gradient(180deg, #000 70%, transparent);
	mask-image: linear-gradient(180deg, #000 70%, transparent);
}
.pj-vdesc__more {
	margin-top: 8px; padding: 6px 14px; border-radius: 16px;
	border: 1px solid var(--pj-slate); background: transparent; color: var(--pj-slate);
	font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.pj-vdesc__more:hover { background: var(--pj-slate); color: #FFFFFF; }
.pj-vdesc__more:focus-visible { outline: 2px solid var(--pj-blue); outline-offset: 2px; }

/* Transcript */
.pj-transcript { margin-top: 24px; background: var(--pj-card); border-radius: 4px; padding: 0 18px; }
.pj-transcript summary { padding: 14px 0; cursor: pointer; font-weight: 600; color: var(--pj-ink); }
.pj-transcript summary:focus-visible { outline: 2px solid var(--pj-blue); outline-offset: 2px; }
.pj-transcript__text { padding-bottom: 14px; max-height: 420px; overflow-y: auto; }