.site-main--g-certification-resources {
	padding-bottom: 80px;
	background: #fff;
}

.g-resource-breadcrumb {
	background: #f5f5f5;
}

.g-resource-breadcrumb a { color: #000; text-decoration: none; }

.g-resource-hero {
	position: relative;
	width: 100%;
	max-width: 1440px;
	margin: -15px auto 0;
	background: linear-gradient(110deg, #efffe8 0%, #effdfa 55%, #e8f7ff 100%);
}

.g-resource-hero__inner {
	width: min(calc(100% - 48px), 1040px);
	padding: 62px 0 58px;
	margin: 0 auto;
	text-align: center;
}

.g-resource-hero__label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 7px 24px;
	border-radius: 999px;
	background: var(--gradient-brand);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.g-resource-hero h1 {
	margin: 22px 0 12px;
	background: var(--gradient-brand);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-size: 42px;
	line-height: 1.4;
}

.g-resource-hero p { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.8; }

.g-resource-content { width: min(calc(100% - 48px), 1040px); margin: 42px auto 0; }

.g-resource-lock {
	width: min(100%, 800px);
	padding: 38px 52px 40px;
	margin: 0 auto;
	border: 1px solid #dfe8df;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 8px 24px rgb(0 94 122 / 9%);
	text-align: center;
}

.g-resource-lock__icon { display: block; margin-bottom: 8px; font-size: 27px; line-height: 1; }
.g-resource-lock h2 { margin: 0 0 12px; font-size: 26px; }
.g-resource-lock > p { margin: 0 auto 26px; font-size: 14px; line-height: 1.9; }
.g-resource-lock .post-password-form { margin: 0; }
.g-resource-lock .post-password-form > p:first-of-type { display: none; }
.g-resource-lock .post-password-form > p:last-child { display: flex; align-items: flex-end; gap: 12px; margin: 0; }
.g-resource-lock .post-password-form label { display: grid; flex: 1; gap: 8px; text-align: left; }
.g-resource-lock .post-password-form input[type="password"] { width: 100%; height: 52px; padding: 0 14px; border: 1px solid #bac7c2; border-radius: 7px; background: #fff; font-size: 16px; }
.g-resource-lock .post-password-form input[type="submit"] { min-width: 150px; height: 52px; padding: 0 24px; border: 0; border-radius: 7px; background: #000; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; transition: color 160ms ease; }
.g-resource-lock .post-password-form input[type="submit"]:hover,
.g-resource-lock .post-password-form input[type="submit"]:focus-visible { color: #86bc25; }

.g-resource-downloads {
	padding: 50px 56px;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 12px 32px rgb(0 94 122 / 10%);
}

.g-resource-downloads__heading { text-align: center; }
.g-resource-downloads__heading > span { color: #0099aa; font: 700 13px/1.4 var(--font-family-en); letter-spacing: .2em; }
.g-resource-downloads__heading h2 { margin: 8px 0 8px; font-size: 32px; }
.g-resource-downloads__heading p { margin: 0; font-size: 14px; }
.g-resource-downloads__list { display: grid; gap: 16px; margin-top: 34px; }

.g-resource-download-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	min-height: 124px;
	padding: 24px 28px;
	border: 1px solid #dbe8df;
	border-radius: 10px;
	background: #fbfef9;
}

.g-resource-download-card h3 { margin: 0; font-size: 19px; }
.g-resource-download-card p { margin: 7px 0 0; color: #555; font-size: 13px; line-height: 1.7; }
.g-resource-download-card a { display: flex; align-items: center; justify-content: space-between; flex: 0 0 220px; height: 54px; padding: 0 20px; border-radius: 8px; background: #000; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }
.g-resource-download-card a:hover { color: #86bc25; }
.g-resource-download-card a .ds-css-arrow { width: 18px; height: 13px; }
.g-resource-download-card__pending { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 150px; height: 42px; border-radius: 999px; background: #e8ece9; color: #5f6862; font-size: 13px; font-weight: 700; }
.g-resource-downloads__notice { margin: 20px 0 0; color: #666; font-size: 12px; text-align: center; }

@media (max-width: 767px) {
	.site-main--g-certification-resources { padding-bottom: 64px; }
	.g-resource-breadcrumb { width: calc(100% - 32px); overflow: hidden; white-space: nowrap; }
	.g-resource-hero__inner { width: calc(100% - 32px); padding: 52px 0; }
	.g-resource-hero h1 { font-size: 30px; }
	.g-resource-hero p { font-size: 14px; }
	.g-resource-content { width: calc(100% - 32px); margin-top: 36px; }
	.g-resource-lock { padding: 36px 22px; }
	.g-resource-lock__desktop-break { display: none; }
	.g-resource-lock .post-password-form > p:last-child { display: grid; }
	.g-resource-lock .post-password-form input[type="submit"] { width: 100%; }
	.g-resource-downloads { padding: 38px 20px; }
	.g-resource-download-card { display: grid; padding: 22px 20px; }
	.g-resource-download-card a,
	.g-resource-download-card__pending { width: 100%; max-width: none; }
}
