.sticky-box {
	position: sticky;
	top: 24px;
}
a {
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.t-content-detail a, p a {
	color: #527752;
	font-weight: 600;
	text-decoration-style: solid;
	text-decoration-line: underline;
	text-decoration-color: #527752;
	text-decoration-thickness: 0.1em;
	text-underline-offset: 0.25em;
}
.t-content-detail a:hover, p a:hover {
	color: #FD5E0C;
	font-weight: 600;
	text-decoration-style: solid;
	text-decoration-line: underline;
	text-decoration-color: #FD5E0C;
	text-decoration-thickness: 0.1em;
	text-underline-offset: 0.25em;
}
li {
	margin-bottom: 0.5em;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1em;
margin-bottom: 0.5em;
}
.stories-container .stream-card {
margin: 0;
}
.yt-lite-wrapper {
position: relative;
cursor: pointer;
aspect-ratio: 16/9;
background: #000 center center / cover no-repeat;
}
.yt-lite-wrapper .yt-play-btn {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
transform: translate(-50%, -50%);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 68 68'%3E%3Ccircle cx='34' cy='34' r='34' fill='%23000' fill-opacity='0.5'/%3E%3Cpath fill='%23fff' d='M45 34 27 24v20z'/%3E%3C/svg%3E") center/contain no-repeat;
}
iframe.yt-lite-loaded {
aspect-ratio: 16/9;
width:100%;
}

/*****LIVECAM START*****/
.flex-box { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }
.cam-card { background: #222; border-radius: 8px; overflow: hidden; border: 1px solid #333; flex: 1 1 300px; max-width: 500px; margin-bottom: 20px; }
.video-zone { position: relative; padding-bottom: 56.25%; height: 0; background: #000; }
.video-zone iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; display: none; }
.placeholder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #555; background: #111; z-index: 1; }
.placeholder span { font-size: 30px; margin-bottom: 5px; }
.info { padding: 10px; display: flex; justify-content: space-between; align-items: center; background: #1a1a1a; border-top: 1px solid #333; }
.name { font-weight: bold; font-size: 14px; color: #ddd; }
.status { font-size: 12px; color: #666; display: flex; align-items: center; gap: 5px; }
.dot { width: 8px; height: 8px; background: #555; border-radius: 50%; }
@keyframes pulse-red {
0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 59, 59, 0.7); }
70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(255, 59, 59, 0); }
100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 59, 59, 0); }
}
.live .status { color: #ff3b3b; }
.live .dot { background: #ff3b3b; animation: pulse-red 2s infinite; }
/******LIVECAM END******/

/* MOBILE ONLY */
@media only screen and (max-width: 767px) {
.progress-wrap {
right: 0.5rem;
}
}