.ppa-stories{
	box-sizing:border-box;
	max-width:1180px;
	margin:28px auto;
	padding:28px 30px;
	border:1px solid rgba(36,55,43,.10);
	border-radius:18px;
	background:#fbfaf6;
	box-shadow:0 10px 30px rgba(25,39,30,.05);
}
.ppa-stories *{box-sizing:border-box}
.ppa-stories-heading{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:18px;
	margin-bottom:20px;
}
.ppa-stories-kicker{
	display:block;
	margin-bottom:6px;
	font-size:9px;
	font-weight:800;
	line-height:1.2;
	letter-spacing:.18em;
	text-transform:uppercase;
	color:#747d75;
}
.ppa-stories-heading h2{
	margin:0;
	font-size:clamp(25px,3vw,36px);
	line-height:1.05;
	font-weight:500;
	color:#213328;
}
.ppa-stories-heading>a{
	font-size:12px;
	font-weight:700;
	color:#31493a;
	text-decoration:none;
}
.ppa-story-ring{
	appearance:none;
	-webkit-appearance:none;
	display:flex;
	align-items:center;
	width:min(470px,100%);
	min-height:92px;
	margin:0;
	padding:11px 14px;
	border:1px solid rgba(36,55,43,.08);
	border-radius:16px;
	background:#fff;
	box-shadow:0 8px 24px rgba(31,49,37,.06);
	text-align:left;
	cursor:pointer;
	transition:transform .18s ease,box-shadow .18s ease;
}
.ppa-story-ring:hover{
	transform:translateY(-1px);
	box-shadow:0 12px 30px rgba(31,49,37,.10);
}
.ppa-story-ring-gradient{
	display:flex;
	flex:0 0 68px;
	width:68px!important;
	height:68px!important;
	max-width:68px!important;
	max-height:68px!important;
	padding:3px;
	overflow:hidden;
	border-radius:50%;
	background:conic-gradient(#f9ce34,#ee2a7b,#6228d7,#f9ce34);
}
.ppa-story-ring-inner{
	display:flex;
	width:100%!important;
	height:100%!important;
	padding:3px;
	overflow:hidden;
	border-radius:50%;
	background:#fff;
}
.ppa-story-ring-inner img,
.ppa-story-avatar-fallback{
	display:block!important;
	width:100%!important;
	height:100%!important;
	max-width:100%!important;
	max-height:100%!important;
	margin:0!important;
	padding:0!important;
	border-radius:50%!important;
	object-fit:cover!important;
}
.ppa-story-avatar-fallback{
	display:flex!important;
	align-items:center;
	justify-content:center;
	background:#e8eee9;
	color:#2a4032;
	font-weight:800;
}
.ppa-story-ring-copy{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	gap:3px;
	min-width:0;
	margin-left:13px;
	color:#23372a;
}
.ppa-story-ring-copy strong{
	overflow:hidden;
	font-size:15px;
	font-weight:700;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.ppa-story-ring-copy small{
	font-size:11px;
	color:#768078;
}
.ppa-story-open{
	flex:0 0 auto;
	margin-left:auto;
	padding-left:15px;
	font-size:11px;
	font-weight:800;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:#294231;
}
.ppa-story-modal[hidden]{display:none!important}
.ppa-story-modal{
	position:fixed!important;
	inset:0!important;
	z-index:999999!important;
	display:flex!important;
	align-items:center;
	justify-content:center;
	width:100vw!important;
	height:100vh!important;
	margin:0!important;
	padding:16px;
	background:rgba(8,11,9,.94);
}
.ppa-story-shell{
	position:relative;
	width:min(430px,100%);
	height:min(780px,92vh);
	overflow:hidden;
	border-radius:18px;
	background:#080b09;
	box-shadow:0 24px 80px rgba(0,0,0,.45);
}
.ppa-story-stage,.ppa-story-media{position:absolute;inset:0}
.ppa-story-media img,.ppa-story-media video{
	display:block!important;
	width:100%!important;
	height:100%!important;
	max-width:none!important;
	max-height:none!important;
	margin:0!important;
	object-fit:contain!important;
	background:#080b09;
}
.ppa-story-progress{
	position:absolute;
	z-index:6;
	top:10px;
	left:10px;
	right:10px;
	display:flex;
	gap:4px;
}
.ppa-story-progress span{
	flex:1;
	height:2px;
	overflow:hidden;
	border-radius:99px;
	background:rgba(255,255,255,.35);
}
.ppa-story-progress i{display:block;width:0;height:100%;background:#fff}
.ppa-story-topbar{
	position:absolute;
	z-index:7;
	top:20px;
	left:14px;
	right:14px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#fff;
}
.ppa-story-user{display:flex;align-items:center;gap:8px;font-size:12px}
.ppa-story-user img{
	width:30px!important;
	height:30px!important;
	max-width:30px!important;
	max-height:30px!important;
	margin:0!important;
	border-radius:50%;
	object-fit:cover;
}
.ppa-story-actions{display:flex;gap:8px}
.ppa-story-actions button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	padding:0;
	border:0;
	border-radius:50%;
	background:rgba(0,0,0,.32);
	color:#fff;
	font-size:18px;
	cursor:pointer;
}
.ppa-story-zone{
	position:absolute;
	z-index:5;
	top:0;
	bottom:0;
	width:38%;
	border:0;
	background:transparent;
	cursor:pointer;
}
.ppa-story-prev{left:0}
.ppa-story-next{right:0}
.ppa-story-instagram-link{
	position:absolute;
	z-index:7;
	left:50%;
	bottom:16px;
	transform:translateX(-50%);
	padding:9px 14px;
	border-radius:999px;
	background:rgba(0,0,0,.46);
	color:#fff!important;
	font-size:11px;
	font-weight:700;
	text-decoration:none!important;
	white-space:nowrap;
}
html.ppa-story-opened,body.ppa-story-opened{overflow:hidden}

@media(max-width:680px){
	.ppa-stories{
		margin:18px 0;
		padding:20px 15px;
		border-radius:14px;
	}
	.ppa-stories-heading{
		align-items:flex-start;
		margin-bottom:16px;
	}
	.ppa-stories-heading>a{display:none}
	.ppa-story-ring{
		width:100%;
		min-height:84px;
		padding:10px 12px;
	}
	.ppa-story-ring-gradient{
		flex-basis:60px;
		width:60px!important;
		height:60px!important;
		max-width:60px!important;
		max-height:60px!important;
	}
	.ppa-story-open{font-size:10px}
	.ppa-story-shell{
		width:100%;
		height:100%;
		max-height:none;
		border-radius:0;
	}
	.ppa-story-modal{padding:0}
}

/* v1.7.2 isolated live Story preview carousel. All selectors are scoped to ppa-ig-preview-. */
.ppa-stories .ppa-ig-preview-shell{position:relative;width:100%;padding:0 38px}
.ppa-stories .ppa-ig-preview-track{display:flex;gap:14px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}
.ppa-stories .ppa-ig-preview-track::-webkit-scrollbar{display:none}
.ppa-stories .ppa-ig-preview-card{appearance:none;-webkit-appearance:none;flex:0 0 calc((100% - 28px)/3);min-width:0;padding:0;border:0;border-radius:16px;background:transparent;overflow:hidden;cursor:pointer;scroll-snap-align:start;box-shadow:0 8px 24px rgba(31,49,37,.08)}
.ppa-stories .ppa-ig-preview-media{position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;background:#e9ece9}
.ppa-stories .ppa-ig-preview-media img,.ppa-stories .ppa-ig-preview-media video{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;margin:0!important}
.ppa-stories .ppa-ig-preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.58);color:#fff;font-size:16px}
.ppa-stories .ppa-ig-preview-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(36,55,43,.14);border-radius:50%;background:#fff;color:#294231;cursor:pointer;box-shadow:0 4px 14px rgba(31,49,37,.10)}
.ppa-stories .ppa-ig-preview-prev{left:0}.ppa-stories .ppa-ig-preview-next{right:0}
@media(max-width:900px){.ppa-stories .ppa-ig-preview-card{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:600px){.ppa-stories .ppa-ig-preview-shell{padding:0}.ppa-stories .ppa-ig-preview-card{flex-basis:82%}.ppa-stories .ppa-ig-preview-arrow{display:none}}