/**
 * Responsive rules ported from DESIGN/blog/css/responsive.css
 * (scoped under .playnet-blog-wrap).
 */

@media screen and (max-width: 1199px) {
	.playnet-blog-wrap .top_stories h6 {
		font-size: 16px !important;
		min-height: 42px;
	}

	.playnet-blog-wrap .blog-text h2 {
		font-size: 36px !important;
		line-height: 48px !important;
	}

	.playnet-blog-wrap .outer_hightlight > h2 {
		margin-bottom: 8px !important;
		font-size: 26px !important;
	}

	.playnet-blog-wrap .blog-text p,
	.playnet-blog-wrap .blog-text .entry-content p {
		font-size: 22px !important;
	}

	.playnet-blog-wrap .blog-banner-content {
		left: 24px;
		right: 64px;
		bottom: 28px;
	}

	.playnet-blog-wrap .blog-banner-content h1 {
		font-size: 48px !important;
	}
}

@media screen and (max-width: 991px) {
	/* DESIGN: ~3 columns */
	.playnet-blog-wrap .top_stories ul {
		flex-wrap: wrap;
		overflow: visible;
		gap: 16px 4%;
	}

	.playnet-blog-wrap .top_stories li {
		width: 30%;
		min-width: 0;
		flex: 0 0 30%;
		margin-bottom: 30px;
	}

	.playnet-blog-wrap .blog-text h2 {
		font-size: 30px !important;
		line-height: 42px !important;
	}

	.playnet-blog-wrap .blog-text p,
	.playnet-blog-wrap .blog-text .entry-content p {
		font-size: 20px !important;
	}

	/* DESIGN keeps Highlights under the list — do not hide */
	.playnet-blog-wrap .outer_hightlight {
		display: block !important;
		margin-top: 15px;
		padding-left: 0 !important;
	}

	.playnet-blog-wrap .blog-banner-content h1 {
		font-size: 36px !important;
		line-height: 1.15 !important;
	}

	.playnet-blog-wrap .blog-banner-content p {
		font-size: 15px !important;
		line-height: 1.3 !important;
	}

	.playnet-blog-wrap .blog-banner-content {
		left: 20px;
		right: 56px;
		bottom: 20px;
	}

	/* More Stories: full-width rectangular card (image on top) */
	.playnet-blog-wrap .more_stories .col-lg-9 .more_stories_content {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		min-height: 0;
	}

	.playnet-blog-wrap .more_stories .col-lg-9 .more_text {
		width: 100%;
		margin-right: 0;
		order: 2;
	}

	.playnet-blog-wrap .more_stories .col-lg-9 .story-thumb {
		order: 1;
		flex: none;
		width: 100%;
		height: 200px;
		max-width: none;
		margin-top: 0;
	}
}

@media screen and (max-width: 767px) {
	/* DESIGN: ~2 columns */
	.playnet-blog-wrap .top_stories ul {
		flex-wrap: wrap;
		overflow: visible;
		gap: 16px 4%;
	}

	.playnet-blog-wrap .top_stories li {
		width: 46%;
		min-width: 0;
		flex: 0 0 46%;
		margin-bottom: 20px;
	}

	.playnet-blog-wrap .top_stories:not(.is-expanded) li:nth-child(n + 5) {
		display: none;
	}

	.playnet-blog-wrap .top_stories.is-expanded li {
		display: block;
	}

	.playnet-blog-wrap .top-stories-more {
		display: block;
	}

	.playnet-blog-wrap .more_text {
		width: 100%;
		margin-right: 0;
		flex: 1 1 auto;
	}

	.playnet-blog-wrap .more_stories .col-lg-9 .more_stories_content {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		min-height: 0;
	}

	.playnet-blog-wrap .more_stories .col-lg-9 .story-thumb {
		order: 1;
		flex: none;
		width: 100%;
		height: 200px;
		max-width: none;
	}

	.playnet-blog-wrap .more_stories_content h2,
	.playnet-blog-wrap .more_text h2,
	.playnet-blog-wrap .more_text h2 a,
	.playnet-blog-wrap .story-title,
	.playnet-blog-wrap .story-title a {
		font-size: 20px !important;
	}

	.playnet-blog-wrap .blog-subscribe h2,
	.playnet-blog-wrap .blog-footer h2 {
		font-size: 28px !important;
	}

	/* DESIGN: 170×170 thumb beside text */
	.playnet-blog-wrap .highlight-wrap .story-thumb {
		flex: 0 0 65px;
		width: 65px;
		height: 65px;
		order: 0;
	}

	.playnet-blog-wrap .blog-text h2 {
		font-size: 26px !important;
		line-height: 36px !important;
	}

	.playnet-blog-wrap .blog-text p,
	.playnet-blog-wrap .blog-text .entry-content p {
		font-size: 18px !important;
	}

	.playnet-blog-wrap .blog-subscribe .form-group,
	.playnet-blog-wrap .blog-footer .form-group {
		width: 90%;
	}

	.playnet-blog-wrap .story-meta span:first-child {
		margin-right: 24px;
	}

	.playnet-blog-wrap .blog-banner-content {
		left: 16px;
		right: 52px;
		bottom: 16px;
	}

	.playnet-blog-wrap .blog-banner-content h1,
	.playnet-blog-wrap .blog-banner-content h1 a {
		font-size: 28px !important;
		line-height: 1.2 !important;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.playnet-blog-wrap .blog-banner-content p {
		font-size: 13px !important;
		line-height: 1.35 !important;
		margin-top: 6px !important;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.playnet-blog-wrap .update-wrap {
		height: 24px;
		margin-bottom: 8px;
		font-size: 11px !important;
	}

	.playnet-blog-wrap .story-meta-row {
		flex-wrap: wrap;
		gap: 8px;
	}
}

@media screen and (max-width: 640px) {
	.playnet-blog-wrap .blog-banner-content p br {
		display: none;
	}

	.playnet-blog-wrap .blog-banner-content h1,
	.playnet-blog-wrap .blog-banner-content h1 a {
		font-size: 24px !important;
		line-height: 1.2 !important;
		-webkit-line-clamp: 3;
	}

	.playnet-blog-wrap .blog-banner-content p {
		font-size: 12px !important;
		line-height: 1.35 !important;
		-webkit-line-clamp: 2;
	}

	/* DESIGN: 340px banner */
	.playnet-blog-wrap .blog-banner .carousel-inner,
	.playnet-blog-wrap .blog-banner #carouselPlaynetBlog,
	.playnet-blog-wrap .blog-banner #carouselPlaynetBlog .carousel-inner {
		height: 340px;
		min-height: 0;
	}

	.playnet-blog-wrap .blog-banner-content {
		left: 14px;
		right: 48px;
		bottom: 14px;
	}
}

@media screen and (max-width: 575px) {
	.playnet-blog-wrap .blog-subscribe .form-group,
	.playnet-blog-wrap .blog-footer .form-group {
		width: 100%;
		margin-top: 20px;
	}

	.playnet-blog-wrap .blog-subscribe,
	.playnet-blog-wrap .blog-footer {
		padding: 50px 0;
	}

	.playnet-blog-wrap .blog-subscribe h2,
	.playnet-blog-wrap .blog-footer h2 {
		font-size: 24px !important;
	}
}

@media screen and (max-width: 480px) {
	.playnet-blog-wrap .blog-banner-content h1,
	.playnet-blog-wrap .blog-banner-content h1 a {
		font-size: 20px !important;
		line-height: 1.22 !important;
		-webkit-line-clamp: 3;
	}

	.playnet-blog-wrap .blog-banner-content p {
		font-size: 11px !important;
		line-height: 1.35 !important;
		max-width: none;
		-webkit-line-clamp: 2;
	}

	.playnet-blog-wrap .blog-banner-content {
		left: 12px;
		right: 44px;
		bottom: 12px;
	}

	.playnet-blog-wrap .update-wrap {
		height: 20px;
		line-height: 18px;
		padding: 0 7px;
		gap: 5px;
		font-size: 10px !important;
		margin-bottom: 6px;
	}

	.playnet-blog-wrap .update-wrap .update-dot {
		width: 10px !important;
		height: 10px !important;
		flex-basis: 10px;
	}

	/* DESIGN: 240px banner */
	.playnet-blog-wrap .blog-banner .carousel-inner,
	.playnet-blog-wrap .blog-banner #carouselPlaynetBlog,
	.playnet-blog-wrap .blog-banner #carouselPlaynetBlog .carousel-inner {
		height: 240px;
		min-height: 0;
	}

	.playnet-blog-wrap .blog-banner {
		margin-bottom: 30px;
	}

	/* DESIGN: single-column top stories */
	.playnet-blog-wrap .top_stories ul {
		gap: 20px 0;
	}

	.playnet-blog-wrap .top_stories li {
		width: 100%;
		flex: 0 0 100%;
		margin-right: 0;
		margin-bottom: 0;
	}

	.playnet-blog-wrap .top_stories:not(.is-expanded) li:nth-child(n + 5) {
		display: none;
	}

	.playnet-blog-wrap .top-story-card__media {
		height: 180px;
	}

	/* More Stories: rectangular card — full-width image on top */
	.playnet-blog-wrap .more_stories .col-lg-9 .more_stories_content {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
		min-height: 0;
	}

	.playnet-blog-wrap .more_stories_content p,
	.playnet-blog-wrap .story-excerpt__text,
	.playnet-blog-wrap .story-meta {
		font-size: 14px !important;
	}

	.playnet-blog-wrap .more_text h3 {
		font-size: 16px !important;
	}

	.playnet-blog-wrap .more_stories .col-lg-9 > h2,
	.playnet-blog-wrap .more_stories h2 {
		margin-bottom: 25px !important;
	}

	.playnet-blog-wrap .more_stories .col-lg-9 .story-thumb {
		order: 1;
		display: block;
		width: 100%;
		height: 180px;
		max-width: none;
		margin-top: 0;
	}

	.playnet-blog-wrap .highlight-wrap .more_stories_content {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.playnet-blog-wrap .highlight-wrap .story-thumb,
	.playnet-blog-wrap .highlight-wrap .more_stories_content > img {
		width: 65px;
		height: 65px;
		flex: 0 0 65px;
		order: 0;
	}

	.playnet-blog-wrap .blog-subscribe h2,
	.playnet-blog-wrap .blog-footer h2 {
		font-size: 20px !important;
	}

	.playnet-blog-wrap .blog-subscribe .form-group,
	.playnet-blog-wrap .blog-footer .form-group {
		height: 40px;
	}

	.playnet-blog-wrap .blog-subscribe .form-group input,
	.playnet-blog-wrap .blog-footer .form-group input {
		padding: 0 10px;
		font-size: 14px;
	}

	.playnet-blog-wrap .blog-subscribe .form-group button,
	.playnet-blog-wrap .blog-footer .form-group button {
		font-size: 14px;
		padding: 0 15px;
	}

	.playnet-blog-wrap .blog-text p,
	.playnet-blog-wrap .blog-text .entry-content p {
		font-size: 16px !important;
	}

	.playnet-blog-wrap .blog-text h2 {
		font-size: 22px !important;
		line-height: 34px !important;
	}

	.playnet-blog-wrap .blog-banner .carousel-control-next,
	.playnet-blog-wrap .blog-banner .carousel-control-prev {
		width: 40px;
		height: 40px;
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		z-index: 10;
	}

	.playnet-blog-wrap .blog-banner .carousel-control-next {
		right: 8px;
		left: auto;
	}

	.playnet-blog-wrap .blog-banner .carousel-control-prev {
		left: 8px;
		right: auto;
	}

	.playnet-blog-wrap .blog-banner .playnet-carousel-btn {
		width: 32px;
		height: 32px;
	}

	.playnet-blog-wrap .blog-banner .playnet-carousel-btn img {
		width: 32px;
		height: 32px;
	}

	.playnet-blog-wrap .blog-banner .carousel-control-prev-icon,
	.playnet-blog-wrap .blog-banner .carousel-control-next-icon {
		width: 12px;
		height: 12px;
	}

	.playnet-blog-wrap .story-meta-actions {
		gap: 4px;
	}
}

/* Taller banner on large screens (mobile/tablet heights unchanged above) */
@media screen and (min-width: 992px) {
	.playnet-blog-wrap .blog-banner .carousel-inner,
	.playnet-blog-wrap .blog-banner #carouselPlaynetBlog {
		height: 520px;
		min-height: 0;
	}
}

@media screen and (min-width: 1200px) {
	.playnet-blog-wrap .blog-banner .carousel-inner,
	.playnet-blog-wrap .blog-banner #carouselPlaynetBlog {
		height: 580px;
	}
}

@media screen and (min-width: 1400px) {
	.playnet-blog-wrap .blog-banner .carousel-inner,
	.playnet-blog-wrap .blog-banner #carouselPlaynetBlog {
		height: 640px;
	}
}

/* Header chrome on small screens — keep content clear of absolute nav */
@media screen and (max-width: 991.98px) {
	body.home .playnet-blog-wrap,
	body.blog .playnet-blog-wrap,
	body.single-post .playnet-blog-wrap {
		padding-top: 0;
	}

	.playnet-blog-wrap .container {
		padding-left: 15px;
		padding-right: 15px;
	}
}