.gs-course-area{--gs-navy:#1d3040;--gs-gold:#c6a039;--gs-cream:#f3f0e9;max-width:960px}.gs-course-area h2,.gs-course-area h3,.gs-course-area h4{color:var(--gs-navy)}.gs-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.gs-course-card,.gs-module{padding:28px;border:1px solid #ddd8cd;border-radius:8px;background:#fff}.gs-course-eyebrow{color:var(--gs-gold);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.gs-course-progress{height:7px;background:var(--gs-cream);border-radius:10px;margin:12px 0 22px;overflow:hidden}.gs-course-progress span{display:block;height:100%;background:var(--gs-gold)}.gs-module{margin:24px 0}.gs-lesson-list{list-style:none;padding:0;margin:20px 0}.gs-lesson-list li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #e4e0d8}.gs-lesson-list small{color:#7c858c}.gs-lesson-list .is-completed a{color:#66756b}.gs-course-back{display:inline-block;margin-bottom:20px}.gs-lesson-content{font-size:17px;line-height:1.75}.gs-course-form{margin-top:32px;padding:24px;background:var(--gs-cream);border-radius:8px}.gs-course-form textarea{display:block;width:100%;margin:10px 0}.gs-course-form button{margin-top:18px}.gs-quiz fieldset{border:0;border-top:1px solid #d7d0c4;padding:18px 0}.gs-quiz label{display:block;margin:10px 0}.gs-course-success{padding:14px 18px;background:#edf4ed;color:#315a38;border-radius:6px}@media(max-width:600px){.gs-course-card,.gs-module{padding:20px}.gs-lesson-list li{align-items:flex-start}.gs-course-form{padding:18px}}
.gs-certificate-link{display:inline-block;margin-left:14px}.gs-certificate-verification form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.gs-certificate-verification label{display:block;width:100%}.gs-certificate-verification input{min-height:44px;padding:8px 12px}.gs-certificate-verification .gs-course-success{margin-top:24px}
.gs-order-course-access {
	margin: 2rem 0;
	padding: 1.5rem;
	border: 1px solid #ded8ca;
	border-left: 4px solid #c09a38;
	border-radius: 8px;
	background: #f7f4ed;
}

.gs-order-course-access h2 {
	margin-top: 0;
}

.gs-course-complete {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	margin: 24px 0 32px;
	padding: 28px;
	border: 1px solid #bad2bd;
	border-left: 5px solid #3f7a49;
	border-radius: 8px;
	background: #edf4ed;
	color: #274a2e;
}

.gs-course-complete__icon {
	display: grid;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	place-items: center;
	border-radius: 50%;
	background: #3f7a49;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
}

.gs-course-complete h3 {
	margin: 0 0 8px;
}

.gs-course-complete p {
	margin: 0 0 18px;
}

.gs-course-complete__download {
	display: inline-block;
}

.gs-course-card.is-completed {
	border-color: #bad2bd;
	background: #fbfdfb;
}

.gs-course-card.is-completed .gs-course-progress span {
	background: #3f7a49;
}

.gs-course-completed-label {
	display: inline-block;
	padding: 9px 14px;
	border-radius: 6px;
	background: #edf4ed;
	color: #315a38;
	font-weight: 700;
}

.gs-course-card.is-completed .gs-course-completed-label {
	align-self: flex-start;
}

.gs-course-card.is-completed .gs-view-completed-course {
	display: inline-flex !important;
	width: fit-content !important;
	min-width: 0 !important;
	max-width: 100%;
	margin: 14px 0 0 !important;
	padding: 12px 18px !important;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	box-sizing: border-box;
	font-size: 16px !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
	text-align: center;
}

.gs-course-card.is-completed .gs-certificate-link {
	display: block;
	margin: 18px 0 0;
}

.gs-course-card .gs-course-action {
	display: inline-flex !important;
	width: fit-content !important;
	min-width: 0 !important;
	max-width: 100%;
	margin: 0 !important;
	padding: 12px 18px !important;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	box-sizing: border-box;
	font-size: 16px !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
	text-align: center;
}

@media(max-width:600px) {
	.gs-course-complete {
		padding: 20px;
	}
}
