/* Icon tile for cards whose page has no image (related content, library) */
.oto-ph{
	--oto-ph-accent:#d22027;
	display:flex;align-items:center;justify-content:center;width:100%;height:100%;
	background:
		radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--oto-ph-accent) 14%,#fff) 0,transparent 55%),
		radial-gradient(circle at 85% 90%,color-mix(in srgb,var(--oto-ph-accent) 9%,#fff) 0,transparent 50%),
		#f6f7f9;
	color:var(--oto-ph-accent);
}
.oto-ph__icon{
	display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;
	background:#fff;box-shadow:0 6px 18px rgba(16,24,40,.10),0 0 0 6px color-mix(in srgb,var(--oto-ph-accent) 8%,transparent);
}
.oto-ph__icon svg{display:block}
.oto-related__card:hover .oto-ph__icon,.oto-lib__card:hover .oto-ph__icon{transform:scale(1.06)}
.oto-ph__icon{transition:transform .2s ease}
@media (prefers-reduced-motion:reduce){.oto-ph__icon{transition:none}.oto-related__card:hover .oto-ph__icon,.oto-lib__card:hover .oto-ph__icon{transform:none}}