body.multiImages #contents section.area div{
	margin-bottom: 0;
}

:where(#aspect-ratio_master_of_the_infinite_clone_jutsu #primary){
	:where(.wrapper){
		container-name: wrapper;
		container-type: inline-size;

		display: grid;
		place-items: center;
		margin: 0;
		padding: 20px;
		width: 100%;
		border: solid 1px #efefef;
		box-sizing: border-box;
		
		br{display: none;}
		
		> div{
			display: grid;
			width: 100%; 
			max-height: 100%;
			box-sizing: border-box;
			grid-template-columns: repeat(auto-fit, minmax(min(80px, 100%), 1fr));
			gap: clamp(8px, .8vw, 24px);
			width: 100%;
			
		
			&.base{	
				grid-template-columns: repeat(7, 1fr);
				.card{
					margin: 0;
					width: 100%;
					aspect-ratio: 1/1;
					background: rgb(203, 221, 255);
				}
			}
		
			&.box{
				.card{
					margin: 0;
					width: 100%;
					aspect-ratio: 79/320;
					background: url(../images/aspect_ratio.webp) no-repeat center/contain;
				}
			}
		
			&.replace{
				grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
				.card{
					margin: 0;
					width: 100%;
					aspect-ratio: 16/9;
					background: rgb(203, 221, 255);
					border: #03acff solid 1px;
					img{
						width: 100%;
						baseline-shift: center;
					}
				}
			}
		
		
			&.force{
				grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
				.card{
					margin: 0;
					width: 100%;
					aspect-ratio: 16/9;
					background: rgb(203, 221, 255);
					overflow: hidden;
					img{
						width: 100%;
						baseline-shift: center;
					}
				}
			}
			

			@container wrapper (width <= 440px) {
					&.box{
						grid-template-columns: repeat(auto-fit, minmax(min(40px, 100%), 1fr));
					}
					
					&.force,
					&.replace
					{
						grid-template-columns: repeat(auto-fit, minmax(min(70px, 100%), 1fr));
					}
			}			
		}
	}
}