@charset "UTF-8";

.eccom-storyboards,
.eccom-storyboard {
	box-sizing:border-box;
	width:100%;
}

.eccom-storyboards__grid,
.eccom-storyboard-feed {
	width:100%;
}

.eccom-storyboard-card,
.eccom-storyboard-feed__item {
	box-sizing:border-box;
	border:0;
	border-radius:4px;
	padding:20px;
	overflow-wrap:anywhere;
}

.eccom-storyboard-card__title,
.eccom-storyboard-feed__title,
.eccom-storyboard__title {
	margin:0 0 10px;
	letter-spacing:0;
}

.eccom-storyboard-card__summary,
.eccom-storyboard-feed__snippet,
.eccom-storyboard__synopsis,
.eccom-storyboard__body {
	margin:0 0 16px;
}

.eccom-storyboard-card__meta,
.eccom-storyboard-feed__meta {
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 14px;
	font-size:.9em;
}

.eccom-storyboard-card__action {
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:9px 12px;
	text-decoration:none;
}

.eccom-storyboard__header {
	box-sizing:border-box;
	width:100%;
	margin:0 0 24px;
	padding:24px;
	text-align:center;
}

.eccom-storyboard__published {
	display:block;
	margin-top:12px;
}

.eccom-storyboard-feed__segue-title {
	margin:0 0 12px;
	letter-spacing:0;
}

.eccom-storyboard-feed__segue-list {
	margin:0;
	padding-left:20px;
}

.eccom-storyboard-feed__segue-list li + li {
	margin-top:8px;
}

.eccom-storyboards__notice,
.eccom-storyboard-feed__notice {
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:16px;
	text-align:center;
}

@media (max-width:575px) {
	.eccom-storyboard-card,
	.eccom-storyboard-feed__item,
	.eccom-storyboard__header {
		padding:16px;
	}
}