/* Epaper_View - responsive outer shell; preserve DB float/table layout inside */

.epaper-view-box .epaper-view-list {
	width: 100%;
	max-width: 580px;
	margin: 0 auto;
}

.epaper-view-panel {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.epaper-view-meta {
	text-align: right;
	font-size: 14px;
	margin-bottom: 12px;
}

.epaper-view-body {
	width: 100%;
}

.epaper-view-sections {
	width: 100% !important;
	border-collapse: collapse;
}

.epaper-view-sections > tbody > tr > td {
	width: 100% !important;
	padding: 0 0 24px;
	vertical-align: top;
}

.epaper-section-inner {
	width: 100% !important;
	border-collapse: collapse;
}

.epaper-section-head {
	text-align: center;
	padding-bottom: 12px;
}

.epaper-section-head img,
.epaper-banner-img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.epaper-section-body {
	line-height: 1.6;
	font-size: 15px;
}

/* VB-generated cover only; do not override DB inline styles */
.epaper-cover-img {
	float: left;
	width: 190px;
	max-width: 190px;
	height: auto;
	margin: 0 16px 12px 0;
}

/* Desktop: contain floats without clipping side columns */
.epaper-section-body div[title="book"]::after {
	content: "";
	display: table;
	clear: both;
}

.epaper-divider {
	width: 100%;
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #ddd;
}

.epaper-view-footer {
	margin-top: 24px;
	padding-top: 12px;
	font-size: 14px;
	color: #3399ff;
	text-align: left;
}

@media screen and (max-width: 767px) {
	/* Site .package_list uses overflow:hidden and clips epaper columns on mobile */
	.epaper-view-box .package_list {
		overflow: visible;
	}

	.epaper-view-box .epaper-view-list {
		max-width: 100%;
	}

	.epaper-view-meta {
		text-align: left;
		font-size: 13px;
	}

	.epaper-section-body {
		font-size: 14px;
		line-height: 1.7;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.epaper-cover-img {
		float: none;
		display: block;
		max-width: 160px;
		width: auto;
		margin: 0 auto 12px;
	}

	.epaper-section-body img {
		max-width: 100%;
		height: auto;
	}

	/* Stack left/right float columns: cover then text, all visible */
	.epaper-section-body div[title="book"] > div[style*="float:"] {
		float: none !important;
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto 12px !important;
		padding: 0 !important;
		text-align: center;
		box-sizing: border-box;
	}

	.epaper-section-body div[title="book"] > div[style*="float:"] img {
		display: inline-block;
		max-width: min(180px, 100%);
		width: auto !important;
		height: auto !important;
	}

	.epaper-section-body div[title="book"] > div[style*="float:"] + div {
		clear: both;
		width: 100% !important;
	}

	/* IG / promo boxes: stack instead of side-by-side overflow */
	.epaper-section-body div[style*="inline-block"] {
		display: block !important;
		width: auto !important;
		max-width: 280px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.epaper-section-body table {
		max-width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.epaper-cover-img {
		max-width: 140px;
	}
}