#tableEasiest14ers {
	width: 100%;
	max-width: 750px;
	margin: 0 0 16px 0;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	page-break-before: always;
	page-break-inside:avoid;
}
#tableEasiest14ers tr th {
	font-size: 0.85rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 2px 7px !important;
	border-bottom: 2px solid #e2e8f0;
	cursor:default;
}
#tableEasiest14ers tr td {
	vertical-align:middle;
	padding:6px 8px !important;
	height: auto !important;
	max-height: inherit !important;
	border-bottom: 1px solid #f1f5f9;
	color: #334155;
	font-size: 0.95rem;
}
#tableEasiest14ers tr:last-child td {
	border-bottom: none;
}
#tableEasiest14ers tr td a {
	height: auto;
	line-height: normal;
	color: #0284c7;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.15s ease;
}
#tableEasiest14ers tr td a:hover {
	color: #0369a1;
	text-decoration: underline;
}
#tableEasiest14ers tr td:nth-child(1) {
	padding:12px 8px !important;
	text-align:center;
	color: #eab308;
}
#tableEasiest14ers tr td:nth-child(2) {
	width:90%;
	padding-left:12px;
	white-space:normal;
	text-align:left;
}
#tableEasiest14ers tr th:nth-child(3),
#tableEasiest14ers tr td:nth-child(3) {
	padding-left:12px;
	padding-right:12px;
	white-space:nowrap;
	text-align:center;
}
#tableEasiest14ers tr th:nth-child(4), #tableEasiest14ers tr th:nth-child(5),
#tableEasiest14ers tr td:nth-child(4), #tableEasiest14ers tr td:nth-child(5) {
	padding-left:12px;
	padding-right:12px;
	white-space:nowrap;
	text-align:right;
}

.class1,
.class2,
.class3,
.class4,
.class5 {
	display: inline-block;
	padding: 2px 6px;
	font-size: 0.8rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	line-height: normal;
	vertical-align: middle;
}

/* Row separation layout ("A bit more difficult") styling */
#tableEasiest14ers tr:has(td span[style*="font-size:0.9em"]) {
	background-color: #f8fafc;
}

#tableEasiest14ers tr td span[style*="font-size:0.9em"] {
	font-weight: 700 !important;
	color: #64748b !important;
	text-transform: uppercase;
	font-size: 0.8rem !important;
	letter-spacing: 0.05em;
}

.beginner-14ers-guide {
	clear: both;
	margin: 30px 0 24px 0;
}

.beginner-14ers-guide h2 {
	margin-top: 12px;
	margin-bottom: 10px;
}

.beginner-14ers-intro {
	margin-bottom: 16px;
}

.beginner-14er-card {
	clear: both;
	overflow: auto;
	margin: 14px 0;
	padding: 14px 16px;
	border: 1px solid #d6e2ea;
	border-left: 5px solid #6d8fa8;
	border-radius: 6px;
	background: #f8fbfd;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.beginner-14er-card h3 {
	font-size: 1.2em;
	margin: 0 0 10px 0;
	color: #24465f;
}

.beginner-14er-card h3 .mini-peak-name {
	color: #1f4058;
	font-weight: 700;
}

.beginner-14er-card h3 .mini-heading-separator {
	color: #6f8798;
	font-weight: 600;
}

.beginner-14er-card h3 .mini-route-name {
	color: #557285;
	font-weight: 600;
	padding-left:5px;
}

.beginner-14er-photo {
	float: left;
	display: block;
	margin: 2px 14px 8px 0;
}

.beginner-14er-photo img {
	display: block;
	width: 250px;
	height: 134px;
	object-fit: cover;
	border-radius: 5px;
	border: 1px solid #ccd8df;
	box-shadow: 0 2px 8px rgba(31, 41, 51, 0.12);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.beginner-14er-photo:hover img {
	transform: scale(1.025);
}

.beginner-14er-card-content p {
	margin: 8px 0;
}

.beginner-14er-card-content strong {
	color: #333;
}

.easiest-note-box {
	clear: both;
	margin: 24px 0;
	padding: 12px 14px;
	border-left: 5px solid #c58b2b;
	border-radius: 4px;
	background: #fff8ec;
	color: #333;
	line-height: 1.45;
}

.easiest-note-box strong {
	color: #333;
}

.easiest-details-box {
	margin: 20px 0;
	padding: 12px 14px;
	border: 1px solid #d6e2ea;
	border-radius: 5px;
	background: #f8fbfd;
}

.easiest-details-box summary {
	cursor: pointer;
	font-weight: bold;
	color: #24465f;
}

.easiest-details-content {
	margin-top: 12px;
}

@media only screen and (max-width: 700px) {
	.beginner-14er-photo {
		float: right;
		margin: 2px 0 8px 12px;
	}

	.beginner-14er-photo img {
		width: 150px;
		height: 80px;
	}
}

@media only screen and (max-width: 430px) {
	.beginner-14er-photo {
		float: none;
		margin: 0 0 10px 0;
	}

	.beginner-14er-photo img {
		width: 100%;
		max-width: 250px;
		height: auto;
	}
}