/* CS2Day 1.10.2: continuous person, team and organization profiles. */
body.cs2day-v2 .cs2-detail--continuous .cs2-detail-layout,
body.cs2day-v2 .cs2-detail--continuous.cs2-detail--team .cs2-detail-layout {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
	gap: 24px;
	align-items: start;
}

body.cs2day-v2 .cs2-detail--continuous .cs2-detail-main,
body.cs2day-v2 .cs2-detail--continuous .cs2-detail-sidebar {
	display: grid;
	gap: 24px;
	min-width: 0;
}

body.cs2day-v2 .cs2-detail--continuous .cs2-detail-sidebar {
	position: static;
}

.cs2-detail--continuous .cs2-person-story-card dl {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.cs2-detail--continuous .cs2-profile-activity__section {
	display: grid;
	gap: 14px;
	margin-top: 24px;
}

.cs2-detail--continuous .cs2-profile-activity__section > header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--cs2-border);
}

.cs2-detail--continuous .cs2-profile-activity__section > header h4 { margin: 0; font-size: 1rem; }
.cs2-detail--continuous .cs2-profile-activity__section > header span { color: var(--cs2-text-muted); font-size: .75rem; }

.cs2-detail--continuous .cs2-twitch-media-grid--profile {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 16px;
}

.cs2-detail--continuous .cs2-twitch-media-grid--profile + .cs2-twitch-media-grid--profile { margin-top: 20px; }
.cs2-detail-sync-time { display: block; margin-top: 14px; color: var(--cs2-text-muted); }

.cs2-detail--continuous .cs2-detail-sidebar .cs2-detail-stats {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cs2-detail--continuous .cs2-detail-sidebar .cs2-detail-team-grid { grid-template-columns: 1fr; }
.cs2-detail--continuous .cs2-detail-sidebar .cs2-detail-timeline { margin-top: 18px; }

@media (max-width: 1040px) {
	body.cs2day-v2 .cs2-detail--continuous .cs2-detail-layout,
	body.cs2day-v2 .cs2-detail--continuous.cs2-detail--team .cs2-detail-layout { grid-template-columns: minmax(0, 1fr); }
	body.cs2day-v2 .cs2-detail--continuous .cs2-detail-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.cs2day-v2 .cs2-detail--continuous .cs2-detail-sidebar > :last-child:nth-child(odd) { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
	body.cs2day-v2 .cs2-detail--continuous .cs2-detail-sidebar,
	.cs2-detail--continuous .cs2-person-story-card dl,
	.cs2-detail--continuous .cs2-twitch-media-grid--profile { grid-template-columns: 1fr; }
	body.cs2day-v2 .cs2-detail--continuous .cs2-detail-main,
	body.cs2day-v2 .cs2-detail--continuous .cs2-detail-sidebar,
	body.cs2day-v2 .cs2-detail--continuous .cs2-detail-layout { gap: 16px; }
	.cs2-detail--continuous .cs2-profile-activity__grid { grid-template-columns: 1fr; }
}