/*===========  Article  ============*/
#story {
	padding-bottom: 6em;
}

div.header {
	width: min(85%, 1180px);
}

.header > div {
	margin: 2em 0;
}

.header > div img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 16/9;
	background: #434343;
	/*box-shadow: 0px 10px 20px -6px #000000b5;*/
}

.header > div span {
	right: 0;
	bottom: 4px;
	z-index: 1;
	padding: min(2.5%, 14px) min(2.75%, 16px);
	background: #eaeaea;
	border-top-left-radius: 5px;
	font-size: calc(10px + (16 - 10) * ((100vw - 360px) / (1400 - 360)));
}

div.relative + span {
	bottom: 2px;
}

#controller button:last-of-type {
	margin-left: auto;
}

#controller a {
	color: #000;
	text-decoration: none;
}

#controller a[next] {
	margin-left: auto;
}

#controller p {
	text-align: center;
}

#controller a button {
	background: #000;
	border: 0;
	color: #fff;
	font-size: 3em;
	padding: 0 0.281em;
	cursor: pointer;
	user-select: none;
}