.movie-record-layout {
	display: grid;
	gap: 1.5rem;
	align-items: start;
}

.movie-record-poster-wrap,
.movie-record-main,
.movie-record-aside {
	min-width: 0;
}

.movie-record-poster {
	margin: 0;
	border: 1px solid var(--rule);
	border-radius: var(--radius-md);
	background: var(--paper-2);
	overflow: hidden;
}

.movie-record-poster img {
	width: 100%;
	height: auto;
}

.movie-record-poster--empty {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 2 / 3;
}

.movie-record-poster-label {
	font-family: var(--font-mono);
	font-size: 0.76rem;
	letter-spacing: 0.2em;
	color: var(--ink-3);
}

.movie-record-main {
	display: grid;
	gap: 0.85rem;
	align-content: start;
}

.movie-tagline {
	margin: -0.15rem 0 0;
	font-family: var(--font-body);
	font-size: 1rem;
	font-style: normal;
	color: var(--ink-2);
}

.movie-meta-line {
	margin: -0.05rem 0 0;
	color: var(--ink-3);
}

.movie-record-aside {
	display: grid;
	gap: 1rem;
	align-content: start;
}

.movie-outcome-card,
.movie-facts {
	margin: 0;
	padding: 1rem;
	border: 1px solid var(--rule);
	border-radius: var(--radius-md);
	background: var(--paper);
}

.movie-outcome-card--winner {
	border-color: rgba(45, 122, 70, 0.18);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(234, 246, 238, 0.5));
}

.movie-outcome-title {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0.25rem 0 0.35rem;
	font-size: 1.18rem;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.15;
}

.movie-outcome-detail {
	margin: 0;
	color: var(--ink-2);
	font-size: 0.92rem;
	line-height: 1.45;
}

.movie-award-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid var(--rule);
	border-radius: var(--radius-md);
	background: var(--paper);
}

.movie-award-item {
	padding: 0.95rem 1rem;
	border-bottom: 1px solid var(--rule);
	transition: background-color 140ms ease;
}

.movie-award-item:last-child {
	border-bottom: 0;
}

.movie-award-item:hover,
.movie-award-item:focus-within {
	background: rgba(47, 111, 237, 0.035);
}

.movie-award-item--winner:hover,
.movie-award-item--winner:focus-within {
	background: rgba(45, 122, 70, 0.055);
}

.movie-award-title {
	margin: 0.2rem 0 0;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 1.3;
}

.movie-award-meta,
.movie-award-note {
	margin: 0.3rem 0 0;
	color: var(--ink-2);
	font-size: 0.9rem;
}

.movie-award-meta a {
	text-decoration: none;
}

.movie-award-note--winner {
	color: var(--winner);
	font-weight: 600;
}

@media (min-width: 68rem) {
	.movie-record-layout {
		grid-template-columns: minmax(13rem, 16rem) minmax(0, 1.08fr) minmax(16rem, 0.72fr);
	}

	.movie-record-aside {
		position: sticky;
		top: 1rem;
	}
}

@media (max-width: 54rem) {
	.movie-award-item {
		padding-left: 0.95rem;
		padding-right: 0.95rem;
	}
}

@media (max-width: 40rem) {
	.movie-award-item {
		padding-left: 0.85rem;
		padding-right: 0.85rem;
	}

	.movie-outcome-card,
	.movie-facts {
		padding: 0.9rem;
	}
}
