/* Responsive additions for critics and publications. */

@media only screen and (max-width: 1023px) {
	/* Rating lists */
	.page_lists_default {
		width: calc(100% - 250px);
		margin-right: 10px;
		box-sizing: border-box;
	}

	.page_lists_side {
		width: 240px;
	}

	.page_lists_tabs {
		display: flex;
		justify-content: center;
		max-width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.page_lists_tabs a {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.page_lists_critics div.wisdom_quote {
		width: auto;
		margin-right: 12px;
	}

	/* Critic/publication profile */
	.page_critic_ratings {
		height: auto;
		min-height: 100px;
		padding-left: 170px;
		box-sizing: border-box;
	}

	.page_critic_photo {
		left: 35px;
	}

	.page_critic_user_rating,
	.page_critic_average_rating,
	.page_critic_wisdom {
		width: 33.333%;
		box-sizing: border-box;
	}

	.page_critic_user_rating {
		padding-right: 8px;
	}

	.page_critic_average_rating {
		padding-right: 8px;
	}

	.page_critic_wisdom {
		padding-right: 8px;
	}

	.page_critic_timeline {
		width: calc(100% - 400px);
		box-sizing: border-box;
	}

	.page_critic_onepub {
		width: auto;
		padding-left: 170px;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 700px) {
	/* Lists and their side column stack vertically. */
	.page_lists_tabs {
		justify-content: flex-start;
		margin: 18px 0 20px;
	}

	.page_lists_tabs a {
		padding: 10px 12px;
		font-size: 16px;
	}

	.page_lists_default,
	.page_lists_side {
		float: none;
		width: 100%;
		margin: 0 0 24px;
	}

	.page_lists ul li {
		min-height: 72px;
		box-sizing: border-box;
	}

	.page_lists div.left {
		float: none;
		width: 100%;
		min-height: 52px;
		padding-right: 32px;
		box-sizing: border-box;
	}

	.page_lists div.center {
		float: none;
		width: auto;
		padding: 6px 32px 0 88px;
		text-align: left;
	}

	.page_lists div.center b,
	.page_lists div.center p {
		display: inline-block;
		margin-right: 6px;
	}

	.page_lists div.right {
		position: absolute;
		top: 12px;
		right: 6px;
		float: none;
		width: 30px;
		font-size: 18px;
	}

	.page_lists_critics div.wisdom_quote {
		margin: 8px 8px 22px 20px;
	}

	.page_lists_top_reviewers {
		margin: 14px 0;
		padding: 8px 10px;
		font-size: 20px;
		line-height: 24px;
	}

	/* Profile header: photo first, three rating cards below. */
	.page_critic_ratings {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px;
		padding: 124px 8px 10px;
		text-align: center;
	}

	.page_critic_photo {
		top: 10px;
		left: 50%;
		transform: translateX(-50%);
	}

	.page_critic_user_rating,
	.page_critic_average_rating,
	.page_critic_wisdom {
		float: none;
		width: auto;
		min-width: 0;
		padding: 68px 3px 4px;
		font-size: 11px;
	}

	.page_critic_average_rating,
	.page_critic_wisdom {
		padding-top: 54px;
	}

	.page_critic_user_rating h4,
	.page_critic_average_rating h4,
	.page_critic_wisdom div {
		left: 50%;
		transform: translateX(-50%);
	}

	.page_critic_ratings i {
		font-size: 10px;
	}

	.page_critic_info {
		margin: 14px 0 24px;
	}

	.page_critic_info .rate_critic,
	.page_critic_timeline,
	.page_critic_info .page_item_share_short {
		float: none;
		width: 100%;
		margin: 0 0 12px;
		box-sizing: border-box;
	}

	.page_critic_timeline {
		padding: 12px 4px;
	}

	.page_critic_onepub {
		width: 100%;
		padding: 0 0 18px;
		font-size: 17px;
		line-height: 22px;
	}
}

@media only screen and (max-width: 380px) {
	.page_critic_ratings {
		gap: 3px;
		padding-left: 4px;
		padding-right: 4px;
	}

	.page_critic_user_rating,
	.page_critic_average_rating,
	.page_critic_wisdom {
		font-size: 10px;
	}

	.page_lists div.center {
		padding-left: 72px;
	}

	.page_lists ul li div.left h2,
	.page_lists ul li div.left p {
		padding-left: 72px;
	}

	.page_lists_critics ul li div.left .photo {
		left: 24px;
	}
}