/*
 * Narrow release-specific presentation fixes. This stylesheet is loaded only
 * on migration-owned and revised canonical DUI pages.
 */

.aoi-duim-related {
	margin: clamp(2rem, 5vw, 3.5rem) 0 1rem;
	padding: clamp(1.35rem, 3vw, 2rem);
	border: 1px solid rgba(27, 57, 83, 0.16);
	border-radius: 0.85rem;
	background: #f7f5ef;
	box-shadow: 0 0.75rem 2rem rgba(27, 57, 83, 0.07);
}

.aoi-duim-related__eyebrow {
	margin: 0 0 0.35rem;
	color: #8a5a32;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.aoi-duim-related h2 {
	margin: 0 0 1rem;
	color: #1b3953;
	font-size: clamp(1.35rem, 3vw, 1.8rem);
	line-height: 1.2;
}

.aoi-duim-related__links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.7rem 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.aoi-duim-related__links li {
	margin: 0;
}

.aoi-duim-related__links a {
	display: inline-flex;
	align-items: baseline;
	gap: 0.35rem;
	color: #1b3953;
	font-weight: 700;
	line-height: 1.4;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

.aoi-duim-related__links a:hover,
.aoi-duim-related__links a:focus-visible {
	color: #8a5a32;
}

@media (max-width: 767px) {
	.aoi-duim-release-content table {
		display: block;
		width: 100% !important;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.aoi-duim-related__links {
		grid-template-columns: 1fr;
	}
}