/* Chancepedia Lotteries. Uses Core colour variables, so light and dark mode follow the site. */
.cpl-result { margin-block: 16px; }
.cpl-result__date { margin: 0 0 8px; font-weight: 650; }
.cpl-result__no { color: var(--c-muted, #525C72); font-weight: 400; margin-inline-start: 8px; }
.cpl-h { font-size: 20px; margin: 22px 0 8px; }
.cpl-balls { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0; padding: 0; }
.cpl-balls li { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 6px; border-radius: 50%; border: 2px solid var(--c-ink, #16203A); background: var(--c-surface, #fff); color: var(--c-ink, #16203A); font-weight: 700; font-size: 18px; font-variant-numeric: tabular-nums; box-sizing: border-box; }
.cpl-balls--bonus li { background: var(--c-tur, #F2B33D); color: var(--c-on-tur, #16203A); }
.cpl-balls--extra li { background: var(--c-stock, #EEF1F6); }
.cpl-list { list-style: none; margin: 8px 0; padding: 0; display: grid; gap: 4px; }
.cpl-list > li { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 8px 0; border-bottom: 1px solid var(--c-line, #D6DCE6); }
.cpl-list__date { font-weight: 650; min-width: 170px; }
.cpl-list .cpl-balls li { min-width: 34px; height: 34px; font-size: 15px; border-width: 1.5px; padding: 0 4px; }
.cpl-list .cpl-balls { margin: 0; }
.cpl-hub__meta { color: var(--c-muted, #525C72); margin: 0 0 6px; }
.cpl-facts { padding-inline-start: 20px; display: grid; gap: 4px; }
.cpl-source, .cpl-notice { font-size: 14px; color: var(--c-muted, #525C72); }
.cpl-pager a { margin-inline-end: 14px; }
.cpl-nav { margin-block: 18px; }
@media (max-width: 480px) {
	.cpl-balls li { min-width: 40px; height: 40px; font-size: 17px; }
	.cpl-list__date { min-width: 100%; }
}

.cpl-facts { margin: 24px 0; }
.cpl-facts__list { margin: 8px 0; display: grid; gap: 0; }
.cpl-facts__row { display: grid; grid-template-columns: minmax(120px, 220px) 1fr; gap: 4px 16px; padding: 8px 0; border-bottom: 1px solid var(--c-line, #D6DCE6); }
.cpl-facts__row dt { font-weight: 650; }
.cpl-facts__row dd { margin: 0; }
.cpl-desc { margin: 24px 0; }
@media (max-width: 560px) { .cpl-facts__row { grid-template-columns: 1fr; } }

.cpl-summary{margin:16px 0 0;max-width:68ch}
.cpl-match{margin:28px 0;padding:16px 20px;border:1px solid var(--cp-border,#d9d9d9);border-radius:12px}
.cpl-match ol{margin:8px 0 12px;padding-left:20px}
.cpl-match li{margin:4px 0}