.dashboard {
	display: grid;
	flex-grow: 1;
	grid-column-gap: $gutters / 2;
	grid-template-areas:
		'featured featured featured featured featured'
		'podcast-header border1 rss-header border2 discover-header'
		'podcast-content border1 rss-content border2 discover-content';
	grid-template-columns: 1fr auto 1fr auto 1fr;
	grid-template-rows: auto auto 1fr;
	height: 100%;
	max-width: 100%;
	overflow-y: hidden;

	.border1 {
		grid-area: border1;
	}

	.border2 {
		grid-area: border2;
	}

	.border1,
	.border2 {
		background: linear-gradient(to top, #ebebeb, #f7f7f7);
		width: 5px;
	}

	.podcast-header {
		grid-area: podcast-header;
	}

	.rss-header {
		grid-area: rss-header;
	}

	.discover-header {
		grid-area: discover-header;
	}

	.podcasts-section {
		grid-area: podcast-content;
	}

	.rss-section {
		grid-area: rss-content;
	}

	.discover-section {
		grid-area: discover-content;
	}

	.podcasts-section,
	.rss-section,
	.discover-section {
		min-width: 0;
		overflow-y: scroll;
	}

	.podcast-header,
	.podcasts-section {
		margin-left: ($gutters / 2);
	}

	.discover-header,
	.discover-section {
		margin-right: ($gutters / 2);
	}

	.drilldown {
		color: $foreground-reallydarkgray;
	}
}
