/* CSS Document */

#main{
	margin-bottom: clamp(64px, calc(112 / 1200 * 100vw), 112px);
}

#pamphlet{
	display: grid;
	grid-template-columns: var(--wrap);
	justify-content: center;
	margin-bottom: clamp(40px, calc(56 / 1200 * 100vw), 56px);
	& h2{
		justify-self: center;
		display: grid;
		grid-row-gap: 4px;
		font-weight: 700;
		font-size: clamp(24px, calc(32 / 768 * 100vw), 32px);
		letter-spacing: 0.1em;
		&:before{
			content: "";
			justify-self: center;
			aspect-ratio: 1;
			width: 40px;
			background: var(--color-theme);
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.91,5.32s-1.56-.68-2.94-.68c-2.1,0-3.58.89-3.58.89-.06.02-.09.07-.09.13v9.56s.02.08.05.11c.03.03.08.03.12.02,0,0,1.53-.86,3.5-.86,1.38,0,2.8.63,2.8.63.2.07.43.03.6-.09.17-.13.28-.33.28-.54V6.34c0-.46-.3-.78-.74-1.02ZM6.03,4.64c-1.38,0-2.94.68-2.94.68-.43.24-.74.55-.74,1.02v8.15c0,.21.1.42.28.54.17.13.4.16.6.09,0,0,1.43-.63,2.8-.63,1.98,0,3.5.86,3.5.86.04.01.08,0,.12-.02.03-.02.05-.07.05-.11V5.66c0-.06-.04-.11-.09-.13,0,0-1.49-.89-3.58-.89Z"/></svg>') no-repeat center / contain;
		}
		&:after{
			content: "";
			height: 2px;
			background: linear-gradient(90deg, var(--color-theme-sub) 50%, var(--color-theme) 50%);
		}
	}
	& h2+div{
		margin-top: 24px;
		font-size: clamp(16px, calc(18 / 768 * 100vw), 18px);
		text-align: center;
		word-break: keep-all;
		overflow-wrap: anywhere;
	}
	#pamphletList{
		margin-top: clamp(32px, calc(56 / 1200 * 100vw), 56px);
	}
}


#pamphletList{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(calc(50% - 12px), 212px), 1fr));
	grid-gap: clamp(40px, calc(56 / 1200 * 100vw), 56px) clamp(16px, calc(48 / 1200 * 100vw), 48px);
	& section{
		display: grid;
		grid-template-rows: subgrid;
		grid-row: span 3;
		grid-row-gap: 0;
		&:not(:has(img)):before{
			content: "";
			grid-column: 1;
			grid-row: 2;
			aspect-ratio: 1 / 1.414;
			background: var(--dummy);
			background-size: 50%;
		}
	}
	& h3{
		display: grid;
		align-items: center;
		min-height: 48px;
		padding: 8px 16px;
		background: var(--color-theme);
		color: #fff;
		font-weight: 500;
	}
	& h3+div{
		display: grid;
		grid-template-rows: 1fr;
		grid-row-gap: 8px;
		margin-top: 16px;
		& p{
			font-size: clamp(12px, calc(14 / 576 * 100vw), 14px);
		}
		& a{
			display: grid;
			grid-template-columns: auto 1fr;
			column-gap: 8px;
			align-items: center;
			min-height: 48px;
			margin-top: auto;
			padding: 4px 16px;
			border: 1px solid var(--color-border);
			border-radius: 4px;
			color: inherit;
			font-weight: 500;
			font-size: clamp(12px, calc(14 / 576 * 100vw), 14px);
			letter-spacing: 0.05em;
			text-align: center;
			text-decoration: none;
			&:before{
				content: "";
				aspect-ratio: 1;
				width: 16px;
				background: var(--color-theme);
				-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1px;"><path d="M8,14.5v-5.25c0-.33.13-.65.37-.88.23-.23.55-.37.88-.37s.65.13.88.37c.23.23.37.55.37.88v2.75h2c.53,0,1.04.21,1.41.59s.59.88.59,1.41v.5"/><path d="M7.26,4.1c-1.25-1.37-2.92-2.28-4.75-2.59-.12-.02-.25,0-.37.03-.12.04-.23.1-.33.18-.1.08-.18.19-.23.3-.05.12-.08.24-.08.37v7.13c0,.22.08.43.22.59.15.16.35.27.56.29,1.43.19,2.77.76,3.9,1.63"/><path d="M7.26,6.86v-2.76"/><path d="M12.23,10.4c.22-.02.42-.13.56-.29.15-.16.23-.38.22-.59V2.39c0-.13-.03-.25-.08-.37-.05-.12-.13-.22-.23-.3-.1-.08-.21-.14-.33-.18-.12-.04-.25-.04-.37-.03-1.83.3-3.5,1.21-4.75,2.59"/></svg>') no-repeat center / contain;
			}
			&[href*=".pdf"]:before{
				-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1px;"><path d="M9.5,1.5v4h4"/><path d="M13.5,13.5c0,.27-.11.52-.29.71s-.44.29-.71.29H3.5c-.27,0-.52-.11-.71-.29-.19-.19-.29-.44-.29-.71V2.5c0-.27.11-.52.29-.71.19-.19.44-.29.71-.29h6.5l3.5,3.5v8.5Z"/></svg>');
			}
			&[href*=".zip"]:before{
				-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" style="fill: none; stroke: black; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1px;"><path d="M1.5,13.25V2.75c0-.27.11-.52.29-.71.19-.19.44-.29.71-.29h3.69c.23,0,.45.07.63.2.18.14.31.33.37.56l.31,1.24h6c.27,0,.52.11.71.29s.29.44.29.71v8.5c0,.27-.11.52-.29.71-.19.19-.44.29-.71.29H2.5c-.27,0-.52-.11-.71-.29-.19-.19-.29-.44-.29-.71Z"/></svg>');
			}
		}
	}
	& figure{
		grid-column: 1;
		grid-row: 2;
		& img{
			aspect-ratio: 1 / 1.414;
			object-fit: cover;
		}
	}
	& span{
		display: contents;
	}
}