.a2-jwb-certificate {
	background: #fff;
	color: #1f2933;
	line-height: 1.8;
	max-width: 960px;
	margin: 0 auto;
	padding: 16px;
}

.a2-jwb-certificate-header,
.a2-jwb-certificate-grid,
.a2-jwb-certificate-media,
.a2-jwb-warning {
	margin-bottom: 18px;
}

.a2-jwb-certificate-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: minmax(0, 1fr);
}

.a2-jwb-certificate-qr-box,
.a2-jwb-certificate-watch {
	border: 1px solid #d7dee8;
	border-radius: 8px;
	padding: 14px;
}

.a2-jwb-certificate-watch dl {
	display: grid;
	gap: 8px;
	grid-template-columns: 120px minmax(0, 1fr);
}

.a2-jwb-certificate-gallery {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.a2-jwb-certificate-gallery figure {
	margin: 0;
}

.a2-jwb-certificate-gallery img {
	border-radius: 6px;
	height: auto;
	max-width: 100%;
}

.a2-jwb-warning {
	background: #fff8e1;
	border: 1px solid #f2d68a;
	border-radius: 8px;
	padding: 12px;
}

@media (min-width: 720px) {
	.a2-jwb-certificate-grid {
		grid-template-columns: 1fr 1.3fr;
	}
}