@media (max-width: 1100px) {
	.login-button {
		padding-inline: 14px;
	}

	.homepage-columns {
		grid-template-columns: minmax(0, 1.65fr) minmax(300px, .75fr);
		gap: 28px;
	}

	.homepage-columns > .popular-section {
		grid-column: 1 / -1;
	}

	.card-grid.four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tiktok-video-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.youtube-video-section .tiktok-video-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	.container,
	.narrow-page {
		width: min(100% - 28px, var(--container));
	}

	.top-bar-inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		padding: 8px 0;
	}

	.top-links {
		width: 100%;
		justify-content: space-between;
	}

	.top-menu {
		flex-wrap: wrap;
		gap: 10px 14px;
	}

	.main-header-inner {
		min-height: 72px;
	}

	.menu-toggle {
		display: inline-grid;
		order: 3;
	}

	.primary-navigation {
		position: fixed;
		inset: 72px 0 auto 0;
		max-height: calc(100vh - 72px);
		overflow: auto;
		padding: 20px 14px 28px;
		background: #fff;
		border-top: 1px solid var(--posinfo-border);
		box-shadow: 0 20px 60px rgba(15, 23, 42, .14);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10px);
		transition: .2s ease;
	}

	.nav-inner {
		display: block;
		min-height: 0;
		overflow: visible;
	}

	.nav-open .primary-navigation {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.primary-menu {
		align-items: stretch;
		flex-direction: column;
		gap: 0;
		justify-content: flex-start;
		font-size: 14px;
		min-width: 0;
	}

	.primary-menu a {
		display: block;
		padding: 12px 0;
		border-bottom: 1px solid var(--posinfo-border);
		color: #1f2937;
	}

	.primary-menu > li > a {
		min-height: 0;
		padding: 12px 0;
		color: #1f2937;
	}

	.primary-menu > li > a::after {
		display: none;
	}

	.primary-menu ul {
		position: static;
		min-width: 0;
		padding: 0 0 0 14px;
		margin: 0;
		border: 0;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.login-button {
		display: none;
	}

	.breaking-inner {
		grid-template-columns: 112px minmax(0, 1fr);
	}

	.breaking-inner strong {
		min-height: 36px;
		text-align: center;
		white-space: normal;
	}

	.breaking-group {
		padding: 0 12px;
	}

}

@media (max-width: 782px) {
	.admin-bar .main-header {
		top: 46px;
	}
}

@media (max-width: 860px) {
	.hero-grid,
	.hero-with-popular,
	.homepage-columns,
	.content-with-sidebar {
		grid-template-columns: 1fr;
	}

	.single-article,
	.entry-content,
	.entry-content > * {
		min-width: 0;
		max-width: 100%;
	}

	.single-featured,
	.entry-content figure,
	.entry-content .wp-block-image,
	.entry-content .wp-caption,
	.entry-content .alignwide,
	.entry-content .alignfull {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.single-featured img,
	.entry-content video {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		height: auto;
	}

	.entry-content img,
	.entry-content iframe,
	.entry-content embed,
	.entry-content object {
		max-width: 100% !important;
	}

	.sidebar {
		min-width: 0;
		max-width: 100%;
	}

	.popular-section-hero {
		display: block;
		height: auto;
		margin-top: 0;
		min-height: 0;
		overflow: visible;
	}

	.popular-section-hero .popular-list {
		display: grid;
		padding: 14px 16px;
	}

	.popular-section-hero .popular-item {
		align-items: start;
		min-height: 0;
	}

	.popular-section-sticky {
		position: static;
		top: auto;
	}

	.sticky-ad-widget {
		position: static;
		top: auto;
	}

	.sticky-ad-media,
	.sticky-ad-placeholder,
	.sticky-ad-widget .sidebar-ad-media,
	.sticky-ad-widget .sidebar-ad-placeholder {
		min-height: 260px;
	}

	.hero-main {
		min-height: 380px;
		height: 380px;
	}

	.hero-slider {
		height: 380px;
	}

	.hero-slides {
		height: 100%;
	}

	.hero-side-grid {
		grid-template-columns: 1fr;
	}

	.hero-side {
		min-height: 210px;
		height: 210px;
	}

	.overlay-content {
		left: 20px;
		right: 20px;
		bottom: 20px;
	}

	.card-grid.three,
	.card-grid.four {
		grid-template-columns: 1fr 1fr;
	}

	.tiktok-video-grid {
		grid-auto-flow: column;
		grid-auto-columns: minmax(180px, 44%);
		grid-template-columns: none;
		overflow-x: auto;
		padding-bottom: 4px;
		scroll-snap-type: x proximity;
	}

	.tiktok-video-card {
		scroll-snap-align: start;
	}

	.youtube-video-section .tiktok-video-grid {
		grid-auto-flow: row;
		grid-auto-columns: auto;
		grid-template-columns: minmax(0, 1fr);
		overflow-x: visible;
		padding-bottom: 0;
		scroll-snap-type: none;
	}

	.youtube-video-section .tiktok-video-card {
		scroll-snap-align: unset;
	}

	.newsletter-inner {
		align-items: stretch;
		flex-direction: column;
	}

	.newsletter-form {
		grid-template-columns: 1fr;
		width: 100%;
	}

	.footer-bottom {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 560px) {
	html,
	body {
		width: 100%;
		max-width: 100%;
		overflow-x: clip;
	}

	body {
		font-size: 14px;
	}

	.top-bar {
		display: none;
	}

	.container,
	.narrow-page {
		width: 100%;
		max-width: 100%;
		padding-right: 16px;
		padding-left: 16px;
		margin-right: auto;
		margin-left: auto;
	}

	.content-with-sidebar {
		display: block;
		margin-top: 24px;
	}

	.single-article,
	.entry-content,
	.entry-content > * {
		min-width: 0;
		max-width: 100%;
	}

	.single-article {
		width: 100%;
	}

	.single-featured,
	.entry-content figure,
	.entry-content .wp-block-image,
	.entry-content .wp-caption {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.single-featured img,
	.entry-content img,
	.entry-content video,
	.entry-content iframe,
	.entry-content embed,
	.entry-content object {
		max-width: 100% !important;
		height: auto;
	}

	.entry-content .alignwide,
	.entry-content .alignfull {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.entry-content table {
		display: block;
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
	}

	.entry-content pre,
	.entry-content code,
	.single-title,
	.entry-content {
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.sidebar {
		width: 100%;
		max-width: 100%;
		margin-top: 36px;
	}

	.custom-logo {
		max-width: 170px;
		max-height: 58px;
	}

	.site-branding {
		max-width: min(56vw, 190px);
		padding-right: 8px;
	}

	.site-logo-text {
		gap: 6px;
		font-size: 20px;
	}

	.site-logo-text small {
		display: none;
	}

	.header-actions {
		margin-left: auto;
	}

	.search-toggle {
		width: 44px;
		height: 44px;
	}

	.breaking-inner strong {
		font-size: 11px;
	}

	.breaking-inner {
		grid-template-columns: 98px minmax(0, 1fr);
	}

	.header-ad {
		min-height: 72px;
	}

	.hero-main {
		min-height: 360px;
		height: 360px;
	}

	.hero-slider {
		height: 360px;
	}

	.hero-slides {
		height: 100%;
	}

	.hero-slider .overlay-content h1 {
		font-size: var(--posinfo-hero-title-mobile-size);
		-webkit-line-clamp: 2;
	}

	.hero-slider-controls {
		left: 20px;
		right: 20px;
		bottom: 16px;
		max-width: calc(100% - 40px);
	}

	.overlay-content h1 {
		font-size: 28px;
	}

	.overlay-content h2 {
		font-size: 18px;
	}

	.overlay-content p {
		display: none;
	}

	.homepage-columns {
		gap: 30px;
		margin-top: 28px;
	}

	.post-list-item,
	.post-list-large .post-list-item {
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 12px;
	}

	.post-list-image,
	.post-list-image img,
	.post-list-large .post-list-image,
	.post-list-large .post-list-image img {
		width: 96px;
		height: 68px;
	}

	.latest-section .stacked-list {
		grid-template-columns: 1fr;
	}

	.latest-section .post-list-item {
		grid-template-columns: 112px minmax(0, 1fr);
		gap: 14px;
		padding: 14px 0;
	}

	.latest-section .post-list-image,
	.latest-section .post-list-image img {
		width: 112px;
		height: 76px;
	}

	.latest-section .post-list-item h3 {
		font-size: 15px;
		line-height: 1.35;
	}

	.latest-section .post-list-excerpt {
		margin-bottom: 7px;
		font-size: 12px;
		line-height: 1.45;
		-webkit-line-clamp: 2;
	}

	.latest-section .post-meta {
		font-size: 11px;
	}

	.post-list-large h3,
	.featured-lead h3 {
		font-size: 18px;
	}

	.card-grid.three,
	.card-grid.four,
	.footer-grid {
		grid-template-columns: 1fr;
	}

	.tiktok-video-section {
		margin-top: 22px;
	}

	.tiktok-video-grid {
		grid-auto-columns: minmax(164px, 72%);
	}

	.popular-item {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	.popular-item > span {
		font-size: 34px;
	}

	.single-title {
		margin-top: 8px;
		margin-bottom: 10px;
		font-size: clamp(20px, 5.8vw, 24px);
		line-height: 1.2;
	}

	.entry-content {
		font-size: 16px;
		line-height: 1.7;
	}
}