/* Explicit body or existing content-container opt-in on the three livescore hubs.
 * Higher specificity than the late theme stylesheet; no sport state or row rules. */
.ig-livescore-hub .livescore {
	box-sizing: border-box; padding: 20px; border-radius: 20px; background: #eef2f7; color: #203342;
}
.ig-livescore-hub .livescore .livescore-view-nav,
.ig-livescore-hub .livescore .livescore-filter-list { gap: 8px; border-bottom: 0; margin: 0 0 16px; }
.ig-livescore-hub .livescore .livescore-view-tab,
.ig-livescore-hub .livescore .livescore-filter-chip {
	display: inline-flex; align-items: center; gap: 8px; min-height: 43px; margin: 0; padding: 10px 20px 10px 15px;
	border: 1px solid #c9ced6; border-radius: 999px; background: #fff; color: #203342;
	font-family: inherit; font-size: 15px; font-weight: 500; line-height: 1.4; white-space: nowrap;
}
.ig-livescore-hub .livescore .livescore-view-tab:hover,
.ig-livescore-hub .livescore .livescore-filter-chip:hover { border-color: #203342; }
.ig-livescore-hub .livescore .view-live:checked ~ .livescore-view-nav .tab-live,
.ig-livescore-hub .livescore .view-calendar:checked ~ .livescore-view-nav .tab-calendar,
.ig-livescore-hub .livescore .filter-all:checked ~ .livescore-filter-list .chip-all,
.ig-livescore-hub .livescore .filter-live:checked ~ .livescore-filter-list .chip-live,
.ig-livescore-hub .livescore .filter-finished:checked ~ .livescore-filter-list .chip-finished,
.ig-livescore-hub .livescore .filter-scheduled:checked ~ .livescore-filter-list .chip-scheduled,
.ig-livescore-hub .livescore .livescore-filter-chip[aria-pressed="true"] {
	border-color: #203342; background: #203342; color: #fff; font-weight: 700;
}
.ig-livescore-hub .livescore .livescore-filter-chip .chip-count {
	padding: 0 7px; border-radius: 999px; background: rgb(32 51 66 / 10%); font-size: 13px; font-weight: 700; line-height: 1.5; opacity: 1;
}
.ig-livescore-hub .livescore .filter-all:checked ~ .livescore-filter-list .chip-all .chip-count,
.ig-livescore-hub .livescore .filter-live:checked ~ .livescore-filter-list .chip-live .chip-count,
.ig-livescore-hub .livescore .filter-finished:checked ~ .livescore-filter-list .chip-finished .chip-count,
.ig-livescore-hub .livescore .filter-scheduled:checked ~ .livescore-filter-list .chip-scheduled .chip-count,
.ig-livescore-hub .livescore .livescore-filter-chip[aria-pressed="true"] .chip-count { background: rgb(255 255 255 / 18%); }
.ig-livescore-hub .livescore .livescore-competition {
	margin-bottom: 16px; border-color: #e3e8ef; box-shadow: 0 4px 12.9px rgb(71 81 93 / 16%);
}
.ig-livescore-hub .livescore .livescore-competition-head { padding: 12px 24px; border-bottom: 0; }
.ig-livescore-hub .livescore .livescore-competition-head > div {
	display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; width: 100%; min-width: 0;
}
.ig-livescore-hub .livescore .livescore-competition-name { font-size: 18px; font-weight: 800; line-height: 1.4; }
.ig-livescore-hub .livescore .livescore-competition-info { font-size: 14px; font-weight: 500; line-height: 1.4; color: #b9c4d0; }
:is(.ig-livescore-hub .container.with-aside, .container.with-aside.ig-livescore-hub) > .line-nav a:not(.active) { color: #808991; }
@media (max-width: 767px) {
	:is(.ig-livescore-hub .container.with-aside, .container.with-aside.ig-livescore-hub) > .line-nav {
		font-size: 17px; flex-wrap: nowrap; gap: 12px; overflow-x: auto; white-space: nowrap; scrollbar-width: none;
	}
	:is(.ig-livescore-hub .container.with-aside, .container.with-aside.ig-livescore-hub) > .line-nav::-webkit-scrollbar { display: none; }
	:is(.ig-livescore-hub .container.with-aside, .container.with-aside.ig-livescore-hub) > .line-nav a { flex: 0 0 auto; margin-left: 0; padding: 18px 6px; }
	:is(.ig-livescore-hub .container.with-aside, .container.with-aside.ig-livescore-hub) > .line-nav a.active { order: -1; }
	:is(.ig-livescore-hub .container.with-aside, .container.with-aside.ig-livescore-hub) > .line-nav a.active::after { left: 6px; right: 6px; }
}
@media (max-width: 599px) {
	.ig-livescore-hub .livescore { padding: 20px 8px 10px; }
	.ig-livescore-hub .livescore .livescore-competition-head { padding: 12px 16px; }
	.ig-livescore-hub .livescore .livescore-competition-head > div { flex-direction: column; align-items: flex-start; gap: 2px; }
}