/* Osadzony ranking (blok „Ranking lokat” / shortcode). Ładowany także w edytorze, stąd kolory z wartościami zapasowymi. */
.hl-embed {
	--e-accent: var(--c-accent, #6D3BFF);
	--e-accent-ink: var(--c-accent-ink, #5A2BE0);
	--e-soft: var(--c-accent-soft, #EFEAFF);
	--e-ink: var(--c-ink, #1C1A24);
	--e-muted: var(--c-muted, #5E5C6B);
	--e-line: var(--c-line, #E2DFEE);
	--e-gain: var(--c-gain, #0B7A4B);
	margin-block: 1.6em;
	background: #fff;
	border: 1px solid var(--e-line);
	border-radius: 14px;
	overflow: hidden;
	font-family: "Onest", system-ui, sans-serif;
	font-size: 1rem;
	line-height: 1.4;
	color: var(--e-ink);
}
.hl-embed__head { display: flex; justify-content: space-between; align-items: baseline; gap: 6px 16px; flex-wrap: wrap; padding: 14px 18px; background: var(--e-soft); }
.hl-embed .hl-embed__title { margin: 0; font-weight: 700; font-size: 1.0625rem; }
.hl-embed__date { font-size: 0.8125rem; color: var(--e-muted); }

.hl-embed ol.hl-embed__list { list-style: none; margin: 0; padding: 0; }
.hl-embed ol.hl-embed__list > li.hl-embed__row {
	margin: 0;
	display: grid;
	grid-template-columns: 28px 88px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	padding: 12px 18px;
	border-top: 1px solid var(--e-line);
}
.hl-embed__pos { width: 28px; height: 28px; border-radius: 7px; background: var(--e-soft); color: var(--e-accent-ink); display: grid; place-items: center; font-weight: 700; font-size: 0.875rem; }
.hl-embed__row:first-child .hl-embed__pos { background: var(--e-accent); color: #fff; }
.hl-embed__logo { width: 88px; height: 32px; display: flex; align-items: center; }
.hl-embed__logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; border-radius: 0; }
.hl-embed__name { display: grid; gap: 2px; min-width: 0; }
.hl-embed__name a { font-weight: 600; color: var(--e-ink); text-decoration: none; }
.hl-embed__name a:hover { color: var(--e-accent-ink); text-decoration: underline; }
.hl-embed__name span { font-size: 0.8125rem; color: var(--e-muted); }
.hl-embed__gain { display: grid; justify-items: end; text-align: right; }
.hl-embed__gain strong { font-size: 1.25rem; font-weight: 700; color: var(--e-gain); font-variant-numeric: tabular-nums; white-space: nowrap; letter-spacing: -0.01em; }
.hl-embed__gain span { font-size: 0.75rem; color: var(--e-gain); }
.hl-embed__more { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px; border-top: 1px solid var(--e-line); font-weight: 600; font-size: 0.9375rem; color: var(--e-accent-ink); text-decoration: none; }
.hl-embed__more:hover { background: var(--e-soft); }
.hl-embed__empty { margin: 0; padding: 16px 18px; color: var(--e-muted); }
.hl-embed-error { padding: 10px 14px; background: #FFF4DC; color: #7A4E00; border-radius: 8px; }

@media (max-width: 560px) {
	.hl-embed ol.hl-embed__list > li.hl-embed__row { grid-template-columns: 26px minmax(0, 1fr) auto; gap: 10px; padding-inline: 14px; }
	.hl-embed__logo { display: none; }
}