/* ==========================================================================
   TABUĽKA — hlavička námornícka modrá, riadky striedavo, rádius 20 px;
   na mobile sa tabuľka posúva do strany
   ========================================================================== */

.enp-tablesec {
	padding-block: 64px;
}

.enp-tablesec__intro {
	max-width: 820px;
	margin-bottom: 28px;
}

.enp-tablesec .enp-head {
	margin-bottom: 20px;
}

.enp-tablesec__scroll {
	overflow-x: auto;
	border: 3px solid var(--enp-line);
	border-radius: var(--enp-radius-card);
	background: var(--enp-white);
}

.enp-tablesec__scroll:focus-visible {
	outline: 2px solid var(--enp-blue);
	outline-offset: 2px;
}

.enp-table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 1.5;
}

.enp-table thead th {
	padding: 16px 18px;
	background: var(--enp-navy);
	font-family: var(--enp-font-heading);
	font-size: 15px;
	font-weight: 600;
	text-align: left;
	color: var(--enp-white);
}

.enp-table tbody th,
.enp-table td {
	padding: 14px 18px;
	border-top: 1px solid var(--enp-line);
	text-align: left;
	vertical-align: top;
	color: var(--enp-text);
}

.enp-table tbody th {
	font-family: var(--enp-font-heading);
	font-weight: 600;
	color: var(--enp-navy);
}

.enp-table tbody tr:nth-child(even) {
	background: #f8fbfe;
}

.enp-table tbody tr.is-highlight {
	background: #fff8dc;
}

.enp-table strong {
	font-weight: 600;
	color: var(--enp-navy);
}

.enp-tablesec__note {
	margin-top: 14px;
	font-size: var(--enp-fs-small);
	color: var(--enp-steel);
}

@media (max-width: 640px) {
	.enp-tablesec {
		padding-block: 48px;
	}
}