/* ==========================================================================
   NAJNOVŠIE — redakčný news feed

   Najdôležitejšia sekcia homepage. Používa zdieľaný komponent .sq-feed;
   tento súbor rieši len rozloženie sekcie okolo neho.
   ========================================================================== */

.sq-latest__layout {
	display: grid;
	grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
	gap: var(--sq-space-48);
	align-items: start;
}

/*
 * Pravý stĺpec nie je klasický sidebar so všetkým možným — obsahuje
 * jediný zoznam. Viac by ťahalo pozornosť preč z feedu.
 */
.sq-latest__aside {
	position: sticky;
	top: calc(var(--sq-header-height) + var(--sq-platformnav-height) + var(--sq-space-24));
	max-height: calc(100vh - var(--sq-header-height) - var(--sq-platformnav-height) - var(--sq-space-48));
	overflow-y: auto;
	scrollbar-width: none;
	padding-left: var(--sq-space-48);
	border-left: 1px solid var(--sq-border);
}

/*
 * Pravý stĺpec má dva bloky pod sebou: čo príde a čo sa práve číta.
 * Viac ich tam byť nesmie — rail nie je odkladisko.
 */
.sq-rail + .sq-rail {
	margin-top: var(--sq-space-32);
}

.sq-rail__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--sq-space-16);
	padding-bottom: var(--sq-space-12);
	border-bottom: 1px solid var(--sq-border);
	margin-bottom: var(--sq-space-4);
}

.sq-rail__title {
	font-family: var(--sq-font-display);
	font-size: var(--sq-fs-micro);
	font-weight: var(--sq-weight-bold);
	letter-spacing: var(--sq-track-eyebrow);
	text-transform: uppercase;
	color: var(--sq-text-tertiary);
}

.sq-rail__link {
	font-size: var(--sq-fs-micro);
	color: var(--sq-text-tertiary);
}

.sq-rail__link:hover {
	color: var(--sq-accent);
}

.sq-latest__aside-title {
	font-family: var(--sq-font-display);
	font-size: var(--sq-fs-micro);
	font-weight: var(--sq-weight-bold);
	letter-spacing: var(--sq-track-eyebrow);
	text-transform: uppercase;
	color: var(--sq-text-tertiary);
	margin-bottom: var(--sq-space-16);
}

.sq-mostread {
	counter-reset: mostread;
}

.sq-mostread__item {
	display: grid;
	grid-template-columns: 28px 1fr;
	gap: var(--sq-space-12);
	padding-block: var(--sq-space-16);
	border-bottom: 1px solid var(--sq-border);
}

.sq-mostread__item:last-child {
	border-bottom: 0;
}

.sq-mostread__item::before {
	counter-increment: mostread;
	content: counter(mostread, decimal-leading-zero);
	font-family: var(--sq-font-display);
	font-size: var(--sq-fs-micro);
	font-weight: var(--sq-weight-bold);
	color: var(--sq-accent-dim);
	font-variant-numeric: tabular-nums;
}

.sq-mostread__title {
	font-size: var(--sq-fs-ui);
	font-weight: var(--sq-weight-medium);
	line-height: 1.35;
}

.sq-latest__more {
	display: flex;
	justify-content: center;
	margin-top: var(--sq-space-32);
}

@media (max-width: 1023px) {
	.sq-latest__layout {
		grid-template-columns: 1fr;
		gap: var(--sq-space-48);
	}

	.sq-latest__aside {
		position: static;
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid var(--sq-border);
		padding-top: var(--sq-space-24);
	}
}