/* Good Company Hub — app styles.
   System type (SF Pro on Apple devices), Good Company cream and sunshine yellow.
   Mobile first. Light and dark. Respects reduced motion. */

:root {
	--paper: #FAF7F0;
	--paper-2: #F3EEE3;
	--surface: #FFFFFF;
	--ink: #1D1D1F;
	--ink-2: #5E5E63;
	--ink-3: #86868B;
	--line: rgba(29, 29, 31, .09);
	--line-strong: rgba(29, 29, 31, .16);
	--sun: #FDDE0B;
	--sun-deep: #F2C200;
	--sun-soft: #FFF6C2;
	--leaf: #24804F;
	--leaf-soft: #DDF2E3;
	--coral: #C8381F;
	--coral-soft: #FFE6DF;
	--focus: #0A66D6;
	--top-bg: rgba(250, 247, 240, .78);
	--shadow-1: 0 1px 2px rgba(29, 29, 31, .05);
	--shadow-2: 0 10px 30px -12px rgba(52, 40, 0, .22);
	--shadow-sheet: 0 -10px 40px rgba(0, 0, 0, .16);

	--t-sun-bg: #FDDE0B;   --t-sun-fg: #3D3200;
	--t-sky-bg: #DCEAFF;   --t-sky-fg: #1D4E8C;
	--t-leaf-bg: #DCF1E2;  --t-leaf-fg: #1E6A40;
	--t-coral-bg: #FFE2D9; --t-coral-fg: #9C3119;
	--t-plum-bg: #ECE2F7;  --t-plum-fg: #59308A;
	--t-sand-bg: #F0E7D5;  --t-sand-fg: #66502A;

	--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--r-sm: 10px;
	--r-md: 14px;
	--r-lg: 20px;
	--r-xl: 28px;
	--gutter: 16px;
	--tabs-h: 64px;
	--ease: cubic-bezier(.2, .8, .2, 1);
	color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
	:root {
		--paper: #151514;
		--paper-2: #1D1D1B;
		--surface: #222220;
		--ink: #F5F5F2;
		--ink-2: #B4B4AE;
		--ink-3: #8C8C86;
		--line: rgba(255, 255, 255, .09);
		--line-strong: rgba(255, 255, 255, .18);
		--sun-soft: #3A3410;
		--leaf: #4CC283;
		--leaf-soft: #17382A;
		--coral: #FF7A5E;
		--coral-soft: #3D1E17;
		--focus: #5AA2FF;
		--top-bg: rgba(21, 21, 20, .74);
		--shadow-2: 0 10px 30px -12px rgba(0, 0, 0, .6);
		--t-sky-bg: #1D2D45;   --t-sky-fg: #A9CBFF;
		--t-leaf-bg: #183526;  --t-leaf-fg: #9BE2B6;
		--t-coral-bg: #3E2019; --t-coral-fg: #FFB7A5;
		--t-plum-bg: #2E2240;  --t-plum-fg: #D5BDF4;
		--t-sand-bg: #332B1E;  --t-sand-fg: #E9D3A8;
	}
}

[data-colour="sun"]   { --tile-bg: var(--t-sun-bg);   --tile-fg: var(--t-sun-fg); }
[data-colour="sky"]   { --tile-bg: var(--t-sky-bg);   --tile-fg: var(--t-sky-fg); }
[data-colour="leaf"]  { --tile-bg: var(--t-leaf-bg);  --tile-fg: var(--t-leaf-fg); }
[data-colour="coral"] { --tile-bg: var(--t-coral-bg); --tile-fg: var(--t-coral-fg); }
[data-colour="plum"]  { --tile-bg: var(--t-plum-bg);  --tile-fg: var(--t-plum-fg); }
[data-colour="sand"]  { --tile-bg: var(--t-sand-bg);  --tile-fg: var(--t-sand-fg); }

/* ------------------------------------------------------------------ Base */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body.gcl {
	margin: 0;
	background: var(--paper);
	color: var(--ink);
	font: 17px/1.47 var(--font);
	letter-spacing: -.012em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	min-height: 100vh;
	min-height: 100dvh;
}
:where(.gcl) a { color: inherit; }
:where(.gcl) img, :where(.gcl) video, :where(.gcl) iframe { max-width: 100%; }
:where(.gcl) button { font: inherit; color: inherit; }
.gcl :focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; border-radius: 8px; }
.gcl-main:focus { outline: none; }
.gcl-icon { width: 22px; height: 22px; flex: none; }

.gcl-skip {
	position: absolute; left: 12px; top: -60px; z-index: 100;
	background: var(--ink); color: var(--paper) !important; padding: 10px 16px; border-radius: 999px; text-decoration: none; font-weight: 600;
}
.gcl-skip:focus { top: 12px; }
.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

.gcl-wrap { width: 100%; max-width: 1040px; margin: 0 auto; padding: 0 var(--gutter); }
.gcl-wrap--narrow { max-width: 680px; }

.gcl-large-title {
	font-size: 34px; line-height: 1.1; font-weight: 700; letter-spacing: -.026em; margin: 0;
	text-wrap: balance;
}
.gcl-title-2 { font-size: 24px; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; margin: 0; }
.gcl-hint { color: var(--ink-2); font-size: 15px; line-height: 1.45; margin: 8px 0 0; }
.gcl-hint a { color: var(--ink); }

/* ------------------------------------------------------------------ Top bar */

.gcl-top {
	position: sticky; top: 0; z-index: 30;
	background: var(--top-bg);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	border-bottom: 1px solid var(--line);
	padding-top: env(safe-area-inset-top);
}
.gcl-top__inner {
	max-width: 1040px; margin: 0 auto; height: 56px; padding: 0 var(--gutter);
	display: flex; align-items: center; gap: 24px;
}
.gcl-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 650; font-size: 16px; letter-spacing: -.01em; white-space: nowrap; }
.gcl-brand__sun {
	width: 22px; height: 22px; border-radius: 50%;
	background: radial-gradient(circle at 35% 35%, #FFF08A 0 30%, var(--sun) 62%, var(--sun-deep) 100%);
	box-shadow: 0 0 0 4px rgba(253, 222, 11, .22);
}
.gcl-brand__name span { color: var(--ink-3); font-weight: 500; }
.gcl-top__nav { display: none; gap: 4px; margin-right: auto; }
.gcl-top__nav a {
	text-decoration: none; font-size: 15px; font-weight: 500; color: var(--ink-2);
	padding: 7px 14px; border-radius: 999px; transition: background .2s, color .2s;
}
.gcl-top__nav a:hover { color: var(--ink); background: var(--line); }
.gcl-top__nav a[aria-current="page"] { color: var(--ink); background: var(--surface); box-shadow: var(--shadow-1), 0 0 0 1px var(--line); }

.gcl-me { position: relative; margin-left: auto; }
.gcl-me summary { list-style: none; cursor: pointer; border-radius: 50%; display: block; }
.gcl-me summary::-webkit-details-marker { display: none; }
.gcl-me__menu {
	position: absolute; right: 0; top: calc(100% + 10px); min-width: 230px;
	background: var(--surface); border-radius: var(--r-md); padding: 6px;
	box-shadow: 0 16px 40px -10px rgba(0, 0, 0, .3), 0 0 0 1px var(--line);
	animation: gcl-pop .18s var(--ease);
}
.gcl-me__who { padding: 10px 12px 12px; border-bottom: 1px solid var(--line); margin-bottom: 6px; }
.gcl-me__who strong { display: block; font-size: 15px; }
.gcl-me__who span { font-size: 13px; color: var(--ink-3); }
.gcl-me__menu a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 9px; text-decoration: none; font-size: 15px; }
.gcl-me__menu a:hover { background: var(--paper-2); }
.gcl-me__menu .gcl-icon { width: 19px; height: 19px; color: var(--ink-2); }

@keyframes gcl-pop { from { opacity: 0; transform: translateY(-4px) scale(.98); } }

/* Avatars */
.gcl-avatar {
	--av: 40px;
	width: var(--av); height: var(--av); border-radius: 50%; flex: none;
	display: inline-grid; place-items: center;
	font-size: calc(var(--av) * .38); font-weight: 650; letter-spacing: 0;
	background: var(--tile-bg, var(--t-sand-bg)); color: var(--tile-fg, var(--t-sand-fg));
}
.gcl-avatar[data-hue="sun"]   { --tile-bg: var(--t-sun-bg);   --tile-fg: var(--t-sun-fg); }
.gcl-avatar[data-hue="sky"]   { --tile-bg: var(--t-sky-bg);   --tile-fg: var(--t-sky-fg); }
.gcl-avatar[data-hue="leaf"]  { --tile-bg: var(--t-leaf-bg);  --tile-fg: var(--t-leaf-fg); }
.gcl-avatar[data-hue="coral"] { --tile-bg: var(--t-coral-bg); --tile-fg: var(--t-coral-fg); }
.gcl-avatar[data-hue="plum"]  { --tile-bg: var(--t-plum-bg);  --tile-fg: var(--t-plum-fg); }
.gcl-avatar[data-hue="sand"]  { --tile-bg: var(--t-sand-bg);  --tile-fg: var(--t-sand-fg); }
.gcl-avatar--xs { --av: 24px; }
.gcl-avatar--sm { --av: 32px; }
.gcl-avatar--xl { --av: 72px; }

/* Session banner */
.gcl-session { background: var(--ink); color: var(--paper); position: sticky; top: calc(57px + env(safe-area-inset-top)); z-index: 29; }
.gcl-session__inner { max-width: 1040px; margin: 0 auto; padding: 8px var(--gutter); display: flex; align-items: center; gap: 10px; font-size: 14px; }
.gcl-session__inner p { margin: 0; flex: 1; line-height: 1.35; }
.gcl-session__end {
	background: var(--sun); color: #2A2200; border: 0; border-radius: 999px; padding: 7px 14px; font-weight: 650; font-size: 14px; cursor: pointer; white-space: nowrap;
}

/* Toast */
.gcl-toast {
	position: fixed; z-index: 60; left: 50%; top: calc(68px + env(safe-area-inset-top));
	transform: translateX(-50%);
	display: flex; align-items: center; gap: 10px;
	max-width: min(92vw, 520px); padding: 12px 18px 12px 14px;
	background: var(--ink); color: var(--paper); border-radius: 999px;
	font-size: 15px; font-weight: 500; line-height: 1.35;
	box-shadow: 0 12px 34px -10px rgba(0, 0, 0, .45);
	animation: gcl-toast-in .45s var(--ease);
}
.gcl-toast .gcl-icon { width: 20px; height: 20px; color: var(--sun); }
.gcl-toast--error { background: var(--coral); color: #fff; }
.gcl-toast--error .gcl-icon { color: #fff; }
.gcl-toast.is-leaving { opacity: 0; transform: translate(-50%, -10px); transition: opacity .3s, transform .3s; }
@keyframes gcl-toast-in { from { opacity: 0; transform: translate(-50%, -14px); } }

/* Bottom tabs (phones and small tablets) */
.gcl-main { padding: 20px 0 calc(var(--tabs-h) + 40px + env(safe-area-inset-bottom)); }
.gcl--bare .gcl-main { padding: 0; }
.gcl-tabs {
	position: fixed; z-index: 30; left: 0; right: 0; bottom: 0;
	display: flex; justify-content: space-around;
	padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
	background: var(--top-bg);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	border-top: 1px solid var(--line);
}
.gcl-tabs a {
	flex: 1; max-width: 120px; min-height: 52px;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
	text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: 0; color: var(--ink-2);
	border-radius: 12px;
}
.gcl-tabs a[aria-current="page"] { color: var(--ink); }
.gcl-tabs a[aria-current="page"] .gcl-icon { stroke-width: 2.1; }
.gcl-tabs .gcl-icon { width: 25px; height: 25px; }

/* ------------------------------------------------------------------ Buttons */

.gcl-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 48px; padding: 0 20px; border-radius: 999px;
	font-size: 16px; font-weight: 600; letter-spacing: -.01em; line-height: 1.1;
	text-decoration: none; cursor: pointer; white-space: nowrap;
	background: var(--surface); color: var(--ink);
	border: 1px solid var(--line-strong);
	transition: transform .15s var(--ease), background .2s, box-shadow .2s, opacity .2s;
	-webkit-tap-highlight-color: transparent;
}
.gcl-btn:hover { background: var(--paper-2); }
.gcl-btn:active { transform: scale(.97); }
.gcl-btn .gcl-icon { width: 19px; height: 19px; }
.gcl-btn--primary { background: var(--ink); color: var(--paper); border-color: transparent; }
.gcl-btn--primary:hover { background: var(--ink); opacity: .88; }
.gcl-btn--quiet { background: transparent; border-color: transparent; color: var(--ink-2); }
.gcl-btn--quiet:hover { background: var(--line); color: var(--ink); }
.gcl-btn--danger { color: var(--coral); }
.gcl-btn--danger-solid { background: var(--coral); color: #fff; border-color: transparent; }
.gcl-btn--danger-solid:hover { background: var(--coral); opacity: .9; }
.gcl-btn--sm { min-height: 36px; padding: 0 14px; font-size: 14px; }
.gcl-btn--block { display: flex; width: 100%; }
.gcl-btn[disabled], .gcl-btn.is-busy { opacity: .5; pointer-events: none; }
.gcl-btn.is-busy::after {
	content: ""; width: 16px; height: 16px; border-radius: 50%;
	border: 2px solid currentColor; border-right-color: transparent; animation: gcl-spin .7s linear infinite;
}
@keyframes gcl-spin { to { transform: rotate(360deg); } }

.gcl-icon-btn {
	width: 44px; height: 44px; border-radius: 50%; flex: none;
	display: inline-grid; place-items: center;
	background: transparent; border: 0; color: var(--ink-2); cursor: pointer; text-decoration: none;
}
.gcl-icon-btn:hover { background: var(--line); color: var(--ink); }

.gcl-link-btn {
	display: inline-flex; align-items: center; gap: 6px;
	background: none; border: 0; padding: 6px 2px; cursor: pointer;
	color: var(--ink); font-size: 15px; font-weight: 600; text-decoration: none;
}
.gcl-link-btn .gcl-icon { width: 18px; height: 18px; }
.gcl-link-btn:hover { text-decoration: underline; }

.gcl-back {
	display: inline-flex; align-items: center; gap: 2px; margin: 0 0 12px -6px;
	color: var(--ink-2); font-size: 15px; font-weight: 500; text-decoration: none; padding: 6px;
	border-radius: 999px;
}
.gcl-back:hover { color: var(--ink); }
.gcl-back .gcl-icon { width: 20px; height: 20px; }

/* ------------------------------------------------------------------ Badges, tiles, rings */

.gcl-badge {
	display: inline-flex; align-items: center; height: 22px; padding: 0 8px; margin-right: 4px;
	border-radius: 999px; font-size: 12px; font-weight: 650; letter-spacing: 0;
	background: var(--sun-soft); color: var(--t-sun-fg);
	vertical-align: 1px;
}
@media (prefers-color-scheme: dark) { .gcl-badge { color: var(--sun); } }
.gcl-badge--overdue { background: var(--coral-soft); color: var(--coral); }
.gcl-badge--quiet { background: var(--line); color: var(--ink-2); }

.gcl-tile {
	width: 44px; height: 44px; border-radius: 12px; flex: none;
	display: grid; place-items: center;
	background: var(--tile-bg, var(--t-sand-bg)); color: var(--tile-fg, var(--t-sand-fg));
}
.gcl-tile .gcl-icon { width: 24px; height: 24px; }

.gcl-ring { position: relative; display: inline-grid; place-items: center; width: var(--size); height: var(--size); flex: none; }
.gcl-ring svg { display: block; }
.gcl-ring__track { stroke: var(--line-strong); }
.gcl-ring__bar { stroke: var(--ink); stroke-linecap: round; transition: stroke-dashoffset .9s var(--ease); }
.gcl-ring.is-done .gcl-ring__bar { stroke: var(--leaf); }
.gcl-ring__label { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; letter-spacing: -.02em; }
.gcl-ring__label small { font-size: 10px; font-weight: 600; margin-left: 1px; }
.gcl-ring__label .gcl-icon { width: 26px; height: 26px; color: var(--leaf); stroke-width: 2.4; }

.gcl-bar { display: block; height: 6px; border-radius: 999px; background: rgba(0, 0, 0, .08); overflow: hidden; }
.gcl-bar > span { display: block; height: 100%; border-radius: inherit; background: var(--ink); transition: width .8s var(--ease); }

/* ------------------------------------------------------------------ Grouped lists */

.gcl-section { margin-top: 36px; }
.gcl-section__title { font-size: 20px; line-height: 1.25; font-weight: 700; letter-spacing: -.018em; margin: 0 0 12px 4px; }
.gcl-section__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.gcl-section__head .gcl-section__title { margin-bottom: 12px; }

.gcl-group {
	list-style: none; margin: 0; padding: 0;
	background: var(--surface); border-radius: var(--r-lg);
	box-shadow: var(--shadow-1), 0 0 0 1px var(--line);
	overflow: hidden;
}
.gcl-group > li + li .gcl-row::before,
.gcl-group > li + li.gcl-row::before {
	content: ""; position: absolute; top: 0; right: 0; left: 72px; height: 1px; background: var(--line);
}
.gcl-row {
	position: relative;
	display: flex; align-items: center; gap: 14px;
	min-height: 68px; padding: 12px 16px;
	text-decoration: none; color: inherit;
	transition: background .15s;
	-webkit-tap-highlight-color: transparent;
}
a.gcl-row:hover, label.gcl-row:hover { background: var(--paper-2); }
a.gcl-row:active { background: var(--line); }
.gcl-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.gcl-row__title { font-size: 17px; font-weight: 600; letter-spacing: -.015em; line-height: 1.3; text-decoration: none; }
a.gcl-row__title:hover { text-decoration: underline; }
.gcl-row__meta { font-size: 14px; color: var(--ink-2); line-height: 1.35; }
.gcl-row__chev { width: 18px; height: 18px; color: var(--ink-3); }
.gcl-row--static { cursor: default; }

/* ------------------------------------------------------------------ Dashboard */

.gcl-hello { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-top: 8px; }
.gcl-hello__text { min-width: 0; }
.gcl-hello__summary { margin: 10px 0 0; font-size: 18px; color: var(--ink-2); max-width: 34ch; line-height: 1.4; }

/* The rising sun: overall progress as a sunrise. */
.gcl-sunrise {
	--rise: 0;
	position: relative; flex: none; width: 104px; height: 104px; border-radius: 26px; overflow: hidden;
	background: linear-gradient(180deg, #FFF9DD 0%, #FFEFB0 58%, #FFE27A 100%);
	box-shadow: inset 0 0 0 1px rgba(150, 120, 0, .1);
}
@media (prefers-color-scheme: dark) {
	.gcl-sunrise { background: linear-gradient(180deg, #2C2A1F 0%, #3F3714 60%, #5C4A0A 100%); }
}
.gcl-sunrise__sun {
	position: absolute; left: 50%; width: 58px; height: 58px; margin-left: -29px; border-radius: 50%;
	background: radial-gradient(circle at 38% 36%, #FFF4A3 0 22%, var(--sun) 56%, var(--sun-deep) 100%);
	box-shadow: 0 0 0 10px rgba(253, 222, 11, .18), 0 0 40px 10px rgba(253, 222, 11, .45);
	bottom: calc(-22px + var(--rise) * .48px);
	animation: gcl-rise 1.6s var(--ease) both;
}
.gcl-sunrise__ground {
	position: absolute; left: -10%; right: -10%; bottom: -30px; height: 58px; border-radius: 50% 50% 0 0;
	background: #E7D9A6;
}
@media (prefers-color-scheme: dark) { .gcl-sunrise__ground { background: #3B3524; } }
.gcl-sunrise__count {
	position: absolute; left: 0; right: 0; bottom: 8px; text-align: center;
	font-size: 12px; font-weight: 600; color: #5A4A00; letter-spacing: 0;
}
@media (prefers-color-scheme: dark) { .gcl-sunrise__count { color: #F2E3A0; } }
.gcl-sunrise__count strong { font-size: 15px; }
@keyframes gcl-rise { from { bottom: -64px; } }

.gcl-continue {
	display: grid; gap: 4px; margin-top: 28px; padding: 22px 22px 18px;
	border-radius: var(--r-xl); text-decoration: none; color: var(--tile-fg);
	background: var(--tile-bg);
	box-shadow: var(--shadow-2);
	transition: transform .25s var(--ease);
}
.gcl-continue:hover { transform: translateY(-2px); }
.gcl-continue:active { transform: scale(.99); }
.gcl-continue__label { font-size: 14px; font-weight: 600; opacity: .8; }
.gcl-continue__course { font-size: 26px; line-height: 1.15; font-weight: 700; letter-spacing: -.022em; text-wrap: balance; }
.gcl-continue__lesson { font-size: 16px; opacity: .85; margin-bottom: 14px; }
.gcl-continue .gcl-bar { background: rgba(0, 0, 0, .1); }
.gcl-continue .gcl-bar > span { background: currentColor; }
.gcl-continue__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; font-size: 14px; font-weight: 500; }
.gcl-continue .gcl-btn--primary { background: var(--tile-fg); color: var(--tile-bg); }
@media (prefers-color-scheme: dark) { .gcl-continue .gcl-bar { background: rgba(255, 255, 255, .15); } }

.gcl-section--split { display: grid; gap: 12px; }
.gcl-panel-link {
	display: flex; align-items: center; gap: 14px; padding: 16px;
	background: var(--surface); border-radius: var(--r-lg); text-decoration: none;
	box-shadow: var(--shadow-1), 0 0 0 1px var(--line);
}
.gcl-panel-link:hover { background: var(--paper-2); }
.gcl-panel-link > span:not(.gcl-tile):not(.gcl-stack) { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.gcl-panel-link strong { font-size: 17px; letter-spacing: -.015em; }
.gcl-panel-link span span { font-size: 14px; color: var(--ink-2); }
.gcl-stack { display: flex; flex: none; }
.gcl-stack .gcl-avatar { box-shadow: 0 0 0 2px var(--surface); }
.gcl-stack .gcl-avatar + .gcl-avatar { margin-left: -10px; }

/* ------------------------------------------------------------------ Page heads, catalogue */

.gcl-page-head { padding-top: 4px; margin-bottom: 8px; }
.gcl-page-head__lead { color: var(--ink-2); font-size: 17px; margin: 10px 0 0; max-width: 60ch; }
.gcl-page-head--row { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }

.gcl-shelf { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.gcl-cover {
	display: flex; flex-direction: column; justify-content: flex-end; gap: 4px; aspect-ratio: 4 / 5;
	padding: 16px; border-radius: var(--r-lg); text-decoration: none;
	background: var(--tile-bg); color: var(--tile-fg); position: relative; overflow: hidden;
	transition: transform .25s var(--ease), box-shadow .25s;
}
.gcl-cover:hover { transform: translateY(-3px); box-shadow: var(--shadow-2); }
.gcl-cover__art { position: absolute; top: 14px; left: 14px; }
.gcl-cover__art .gcl-icon { width: 40px; height: 40px; stroke-width: 1.4; }
.gcl-cover__title { font-size: 18px; font-weight: 700; line-height: 1.2; letter-spacing: -.018em; text-wrap: balance; }
.gcl-cover__meta { font-size: 13px; font-weight: 500; opacity: .78; }

/* ------------------------------------------------------------------ Course */

.gcl-course__hero { background: var(--tile-bg); color: var(--tile-fg); margin-top: -20px; padding: 20px 0 28px; }
.gcl-course__hero .gcl-back { color: inherit; opacity: .8; }
.gcl-course__head { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.gcl-course__art {
	width: 64px; height: 64px; border-radius: 18px; flex: none; display: grid; place-items: center;
	background: rgba(255, 255, 255, .55); color: var(--tile-fg);
}
@media (prefers-color-scheme: dark) { .gcl-course__art { background: rgba(255, 255, 255, .08); } }
.gcl-course__art .gcl-icon { width: 34px; height: 34px; stroke-width: 1.5; }
.gcl-course__titles { min-width: 0; }
.gcl-course__lead { font-size: 18px; line-height: 1.45; margin: 10px 0 0; max-width: 56ch; opacity: .88; }
.gcl-course__facts { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 14px 0 0; font-size: 14px; font-weight: 500; }
.gcl-course__facts span { display: inline-flex; align-items: center; gap: 6px; }
.gcl-course__facts .gcl-icon { width: 17px; height: 17px; }
.gcl-course__action {
	display: grid; grid-template-columns: auto 1fr; gap: 14px 16px; align-items: center;
	margin-top: 22px; padding: 16px; border-radius: var(--r-lg);
	background: var(--surface); color: var(--ink); box-shadow: var(--shadow-2);
}
.gcl-course__status { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.gcl-course__status strong { font-size: 17px; letter-spacing: -.015em; }
.gcl-course__status span { font-size: 14px; color: var(--ink-2); }
.gcl-course__buttons { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px; }
.gcl-course__buttons .gcl-btn--primary { flex: 1 1 200px; }
.gcl-course__body { padding-top: 8px; }
.gcl-course__about { margin-top: 28px; }

.gcl-lessons .gcl-row { padding-left: 16px; }
.gcl-step-dot {
	width: 34px; height: 34px; border-radius: 50%; flex: none;
	display: grid; place-items: center; font-size: 14px; font-weight: 650; letter-spacing: 0;
	color: var(--ink-2); box-shadow: inset 0 0 0 1.5px var(--line-strong);
}
.gcl-step-dot .gcl-icon { width: 18px; height: 18px; stroke-width: 2.4; }
.gcl-row.is-done .gcl-step-dot { background: var(--leaf); color: #fff; box-shadow: none; }
.gcl-row.is-next .gcl-step-dot { background: var(--ink); color: var(--paper); box-shadow: none; }
.gcl-row.is-next .gcl-row__title::after { content: "Up next"; margin-left: 8px; font-size: 12px; font-weight: 650; padding: 2px 8px; border-radius: 999px; background: var(--sun-soft); color: var(--t-sun-fg); vertical-align: 2px; letter-spacing: 0; }
@media (prefers-color-scheme: dark) { .gcl-row.is-next .gcl-row__title::after { color: var(--sun); } }
.gcl-group > li + li .gcl-lessons .gcl-row::before { left: 64px; }

/* ------------------------------------------------------------------ Lesson (immersive) */

.gcl--immersive .gcl-top { display: none; }
.gcl--immersive .gcl-main { padding: 0 0 calc(110px + env(safe-area-inset-bottom)); }
.gcl--immersive.gcl--session .gcl-session { top: 0; }

.gcl-lesson__bar {
	position: sticky; top: 0; z-index: 25;
	display: flex; align-items: center; gap: 12px;
	padding: calc(8px + env(safe-area-inset-top)) 12px 8px;
	background: var(--top-bg);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
.gcl--session .gcl-lesson__bar { top: 44px; }
.gcl-lesson__track { flex: 1; display: flex; gap: 4px; }
.gcl-lesson__track span { flex: 1; height: 5px; border-radius: 999px; background: var(--line-strong); }
.gcl-lesson__track span.done { background: var(--leaf); }
.gcl-lesson__track span.here { background: var(--ink); }
.gcl-lesson__count { font-size: 13px; font-weight: 600; color: var(--ink-2); min-width: 44px; text-align: right; letter-spacing: 0; }

.gcl-easy-toggle {
	display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px;
	border-radius: 999px; border: 1px solid var(--line-strong); background: var(--surface);
	font-size: 14px; font-weight: 600; cursor: pointer;
}
.gcl-easy-toggle .gcl-icon { width: 18px; height: 18px; }
.gcl-easy-toggle[aria-pressed="true"] { background: var(--sun); border-color: var(--sun); color: #2A2200; }

.gcl-lesson__with {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	margin: 6px auto 0; font-size: 14px; font-weight: 600; color: var(--ink-2);
}
.gcl-lesson__with .gcl-icon { width: 18px; height: 18px; }

.gcl-lesson__article { max-width: 680px; margin: 0 auto; padding: 24px var(--gutter) 0; }
.gcl-lesson__kicker { margin: 0 0 8px; font-size: 15px; font-weight: 600; color: var(--tile-fg); }
@media (prefers-color-scheme: dark) { .gcl-lesson__kicker { color: var(--ink-2); } }
.gcl-lesson__title { font-size: 34px; line-height: 1.1; font-weight: 700; letter-spacing: -.028em; margin: 0 0 24px; text-wrap: balance; }

.gcl-lesson__foot {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 25;
	background: var(--top-bg);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	border-top: 1px solid var(--line);
	padding: 10px var(--gutter) calc(10px + env(safe-area-inset-bottom));
}
.gcl-lesson__foot-inner { max-width: 680px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.gcl-lesson__primary { display: flex; justify-content: flex-end; flex: 1; }
.gcl-lesson__primary .gcl-btn { min-width: 160px; }
.gcl-lesson__note { font-size: 14px; color: var(--ink-2); text-align: right; }

/* Prose */
.gcl-prose { font-size: 18px; line-height: 1.6; letter-spacing: -.008em; }
.gcl-prose > * + * { margin-top: 1em; }
.gcl-prose > :first-child { margin-top: 0; }
.gcl-prose > p { margin-top: 1em; }
.gcl-prose > p:first-child { margin-top: 0; }
.gcl-prose h2 { font-size: 24px; line-height: 1.2; letter-spacing: -.02em; margin: 1.8em 0 .5em; }
.gcl-prose h3 { font-size: 20px; line-height: 1.25; letter-spacing: -.016em; margin: 1.5em 0 .4em; }
.gcl-prose ul, .gcl-prose ol { padding-left: 1.3em; margin: 0; }
.gcl-prose > ul, .gcl-prose > ol { margin-top: 1em; }
.gcl-prose li + li { margin-top: .4em; }
.gcl-prose li::marker { color: var(--ink-3); }
.gcl-prose a { color: var(--focus); text-underline-offset: 2px; }
.gcl-prose strong { font-weight: 650; }
.gcl-prose img, .gcl-prose video, .gcl-prose iframe { border-radius: var(--r-lg); display: block; height: auto; }
.gcl-prose figure { margin: 1.6em 0; }
.gcl-prose figcaption { font-size: 14px; color: var(--ink-2); margin-top: 8px; }
.gcl-prose blockquote { margin: 1.4em 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--sun); font-size: 20px; line-height: 1.45; }
.gcl-prose table { width: 100%; border-collapse: collapse; font-size: 16px; }
.gcl-prose th, .gcl-prose td { text-align: left; padding: 10px 8px; border-bottom: 1px solid var(--line); vertical-align: top; }
.gcl-prose .wp-block-embed__wrapper { position: relative; }
.gcl-prose .wp-block-embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
.gcl-prose hr { border: 0; height: 1px; background: var(--line); margin: 2em 0; }
.gcl-prose pre { white-space: pre-wrap; font: 15px/1.55 ui-monospace, "SF Mono", Menlo, monospace; background: var(--surface); box-shadow: 0 0 0 1px var(--line); border-radius: var(--r-md); padding: 16px 18px; overflow-x: auto; }
.gcl-prose table { display: block; overflow-x: auto; }

/* Easy Read versions */
.gcl-version--easy { display: none; }
.gcl-version > * + * { margin-top: 1em; }
.gcl-easy .gcl-version--easy { display: block; }
.gcl-easy .gcl-version--standard { display: none; }
.gcl-version--easy { font-size: 21px; line-height: 1.55; }
.gcl-version--easy p + p { margin-top: 1em; }
.gcl-version--easy img { max-width: 140px; border-radius: 16px; float: left; margin: 0 16px 8px 0; }
.gcl-version--easy p { overflow: hidden; }

/* ------------------------------------------------------------------ Interactive lesson pieces */

.gcl-eyebrow { margin: 0 0 6px; font-size: 14px; font-weight: 650; color: var(--ink-2); letter-spacing: -.005em; }

.gcl-reveal {
	background: var(--surface); border-radius: var(--r-md); box-shadow: 0 0 0 1px var(--line); overflow: hidden;
}
.gcl-reveal + .gcl-reveal { margin-top: 10px !important; }
.gcl-reveal summary {
	list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 16px 18px; font-weight: 600; font-size: 17px; min-height: 56px;
}
.gcl-reveal summary::-webkit-details-marker { display: none; }
.gcl-reveal__icon { width: 20px; height: 20px; color: var(--ink-2); transition: transform .3s var(--ease); }
.gcl-reveal[open] .gcl-reveal__icon { transform: rotate(45deg); }
.gcl-reveal__body { padding: 0 18px 18px; font-size: 17px; color: var(--ink-2); }
.gcl-reveal__body > * + * { margin-top: .8em; }
.gcl-reveal[open] .gcl-reveal__body { animation: gcl-fade .3s var(--ease); }
@keyframes gcl-fade { from { opacity: 0; transform: translateY(-4px); } }

.gcl-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 1.4em 0; }
.gcl-card { perspective: 900px; }
.gcl-card__inner {
	position: relative; display: grid; width: 100%; min-height: 150px; border: 0; padding: 0; background: none; cursor: pointer;
	transform-style: preserve-3d; transition: transform .6s var(--ease); text-align: left;
}
.gcl-card__inner[aria-pressed="true"] { transform: rotateY(180deg); }
.gcl-card__face {
	position: relative; grid-area: 1 / 1; min-height: 150px; border-radius: var(--r-md); padding: 16px;
	display: flex; flex-direction: column; justify-content: space-between;
	-webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.gcl-card__front { background: var(--tile-bg, var(--t-sun-bg)); color: var(--tile-fg, var(--t-sun-fg)); }
.gcl-card__title { font-size: 19px; font-weight: 700; letter-spacing: -.018em; line-height: 1.2; }
.gcl-card__hint { font-size: 13px; font-weight: 600; opacity: .7; }
.gcl-card__back { background: var(--surface); box-shadow: 0 0 0 1px var(--line); transform: rotateY(180deg); font-size: 15px; line-height: 1.45; justify-content: center; }

.gcl-scenario, .gcl-check, .gcl-reflect, .gcl-steps {
	margin: 1.6em 0 !important; padding: 20px; border-radius: var(--r-lg);
	background: var(--surface); box-shadow: 0 0 0 1px var(--line);
}
.gcl-scenario__q, .gcl-check__q { font-size: 19px; font-weight: 650; line-height: 1.35; letter-spacing: -.015em; margin: 0 0 14px; }
.gcl-scenario__choices { display: grid; gap: 8px; }
.gcl-choice {
	display: flex; align-items: flex-start; gap: 12px; width: 100%; text-align: left;
	padding: 14px 16px; border-radius: var(--r-md); border: 1.5px solid var(--line-strong); background: transparent;
	font-size: 16px; line-height: 1.4; cursor: pointer; transition: border-color .2s, background .2s;
}
.gcl-choice:hover { border-color: var(--ink-3); }
.gcl-choice__mark { width: 22px; height: 22px; border-radius: 50%; flex: none; margin-top: 1px; box-shadow: inset 0 0 0 1.5px var(--line-strong); }
.gcl-choice.is-right { border-color: var(--leaf); background: var(--leaf-soft); }
.gcl-choice.is-right .gcl-choice__mark { background: var(--leaf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/16px no-repeat; box-shadow: none; }
.gcl-choice.is-wrong { border-color: var(--coral); background: var(--coral-soft); }
.gcl-choice.is-wrong .gcl-choice__mark { background: var(--coral) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M8 8l8 8M16 8l-8 8'/%3E%3C/svg%3E") center/14px no-repeat; box-shadow: none; }
.gcl-scenario__feedback:not(:empty), .gcl-check__feedback:not(:empty) {
	margin-top: 14px; padding: 14px 16px; border-radius: var(--r-md); background: var(--paper-2); font-size: 16px; line-height: 1.45;
	animation: gcl-fade .3s var(--ease);
}
.gcl-feedback__title { display: block; font-weight: 700; margin-bottom: 2px; }

.gcl-check__buttons { display: flex; gap: 10px; }
.gcl-pill {
	flex: 1; min-height: 52px; border-radius: var(--r-md); border: 1.5px solid var(--line-strong); background: transparent;
	font-size: 17px; font-weight: 650; cursor: pointer;
}
.gcl-pill.is-right { border-color: var(--leaf); background: var(--leaf-soft); color: var(--leaf); }
.gcl-pill.is-wrong { border-color: var(--coral); background: var(--coral-soft); color: var(--coral); }

.gcl-steps__list { list-style: none; margin: 0; padding: 0; counter-reset: s; }
.gcl-step { counter-increment: s; position: relative; padding-left: 46px; }
.gcl-step + .gcl-step { margin-top: 18px; }
.gcl-step::before {
	content: counter(s); position: absolute; left: 0; top: 0; width: 32px; height: 32px; border-radius: 50%;
	display: grid; place-items: center; font-size: 15px; font-weight: 700; background: var(--sun); color: #2A2200;
}
.gcl-step__title { font-size: 18px; margin: 4px 0 6px; letter-spacing: -.015em; }
.gcl-step__body { font-size: 17px; color: var(--ink-2); }
.gcl-steps.is-enhanced .gcl-step { display: none; }
.gcl-steps.is-enhanced .gcl-step.is-current { display: block; animation: gcl-fade .3s var(--ease); }
.gcl-steps.is-enhanced .gcl-step + .gcl-step { margin-top: 0; }
.gcl-steps__nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; }
.gcl-steps__count { font-size: 14px; color: var(--ink-2); font-weight: 600; }

.gcl-callout {
	display: flex; gap: 14px; margin: 1.6em 0 !important; padding: 16px 18px; border-radius: var(--r-md);
	background: var(--sun-soft); font-size: 17px; line-height: 1.5;
}
.gcl-callout__icon { color: var(--t-sun-fg); margin-top: 2px; }
@media (prefers-color-scheme: dark) { .gcl-callout__icon { color: var(--sun); } }
.gcl-callout--important { background: var(--coral-soft); }
.gcl-callout--important .gcl-callout__icon { color: var(--coral); }
.gcl-callout--remember { background: var(--t-sky-bg); }
.gcl-callout--remember .gcl-callout__icon { color: var(--t-sky-fg); }
.gcl-callout__label { margin: 0 0 2px !important; font-weight: 700; }
.gcl-callout p { margin: 0; }
.gcl-callout p + p { margin-top: .6em; }

.gcl-reflect__prompt { display: block; font-size: 19px; font-weight: 650; line-height: 1.35; margin-bottom: 12px; }
.gcl-reflect textarea {
	width: 100%; border-radius: var(--r-md); border: 1px solid var(--line-strong); background: var(--paper);
	padding: 14px; font: inherit; font-size: 17px; color: var(--ink); resize: vertical;
}
.gcl-reflect__note { font-size: 13px; color: var(--ink-3); margin: 8px 0 0; }

.gcl-activity { margin: 1.6em 0; }
.gcl-activity__frame { border-radius: var(--r-lg); overflow: hidden; box-shadow: 0 0 0 1px var(--line); background: var(--surface); }
.gcl-activity iframe { display: block; width: 100%; height: min(var(--h), 80vh); border: 0; border-radius: 0; }
.gcl-activity figcaption { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; color: var(--ink-2); margin-top: 8px; }

/* ------------------------------------------------------------------ Quiz */

.gcl-quiz { margin: 48px 0 0; padding: 24px 20px; border-radius: var(--r-xl); background: var(--surface); box-shadow: var(--shadow-2), 0 0 0 1px var(--line); }
.gcl-quiz__intro { text-align: center; display: grid; justify-items: center; gap: 6px; }
.gcl-quiz__intro h2 { font-size: 24px; margin: 8px 0 0; letter-spacing: -.02em; }
.gcl-quiz__intro p { margin: 0 0 12px; color: var(--ink-2); max-width: 40ch; font-size: 16px; }
.gcl-quiz__prev { display: inline-flex; align-items: center; gap: 6px; color: var(--leaf) !important; font-weight: 600; }
.gcl-quiz__prev .gcl-icon { width: 18px; height: 18px; }
.gcl-quiz__dots { display: flex; gap: 6px; justify-content: center; margin-bottom: 18px; }
.gcl-quiz__dots span { width: 8px; height: 8px; border-radius: 50%; background: var(--line-strong); transition: background .3s, transform .3s; }
.gcl-quiz__dots span.here { background: var(--ink); transform: scale(1.25); }
.gcl-quiz__dots span.seen { background: var(--ink-3); }
.gcl-quiz__q { font-size: 21px; line-height: 1.3; font-weight: 700; letter-spacing: -.018em; margin: 0 0 6px; }
.gcl-quiz__how { font-size: 14px; color: var(--ink-2); margin: 0 0 16px; }
.gcl-quiz__options { display: grid; gap: 8px; border: 0; padding: 0; margin: 0; }
.gcl-option {
	display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 12px 16px;
	border-radius: var(--r-md); border: 1.5px solid var(--line-strong); cursor: pointer;
	font-size: 17px; line-height: 1.35; transition: border-color .15s, background .15s;
}
.gcl-option:hover { border-color: var(--ink-3); }
.gcl-option input { position: absolute; opacity: 0; pointer-events: none; }
.gcl-option__mark { width: 24px; height: 24px; flex: none; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--line-strong); transition: background .15s, box-shadow .15s; }
.gcl-option--multi .gcl-option__mark { border-radius: 7px; }
.gcl-option:has(input:checked) { border-color: var(--ink); background: var(--paper-2); }
.gcl-option:has(input:checked) .gcl-option__mark { box-shadow: inset 0 0 0 7px var(--ink); }
.gcl-option--multi:has(input:checked) .gcl-option__mark { background: var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/16px no-repeat; box-shadow: none; }
.gcl-option:has(input:focus-visible) { outline: 3px solid var(--focus); outline-offset: 2px; }
.gcl-quiz__nav { display: flex; justify-content: space-between; gap: 10px; margin-top: 20px; }
.gcl-quiz__nav .gcl-btn--primary { margin-left: auto; min-width: 140px; }

.gcl-result { text-align: center; display: grid; justify-items: center; gap: 6px; }
.gcl-result h3 { font-size: 26px; margin: 12px 0 0; letter-spacing: -.022em; }
.gcl-result p { margin: 0; color: var(--ink-2); }
.gcl-result__actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 16px; }
.gcl-review { list-style: none; margin: 22px 0 0; padding: 0; text-align: left; width: 100%; display: grid; gap: 8px; }
.gcl-review li { padding: 14px 16px; border-radius: var(--r-md); background: var(--paper-2); font-size: 15px; line-height: 1.45; }
.gcl-review strong { display: block; font-size: 16px; margin-bottom: 4px; }
.gcl-review .is-right { color: var(--leaf); font-weight: 650; }
.gcl-review .is-wrong { color: var(--coral); font-weight: 650; }

/* ------------------------------------------------------------------ Course-complete moment */

.gcl-celebrate { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 20px; background: rgba(20, 18, 10, .45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); animation: gcl-fade-in .3s ease; }
.gcl-celebrate[hidden] { display: none; }
.gcl-celebrate__card { width: min(420px, 100%); padding: 36px 28px 28px; border-radius: var(--r-xl); background: var(--surface); text-align: center; box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .5); animation: gcl-pop-up .5s var(--ease); }
.gcl-celebrate__card h2 { font-size: 28px; margin: 18px 0 6px; letter-spacing: -.024em; }
.gcl-celebrate__card p { margin: 0; color: var(--ink-2); }
.gcl-celebrate__actions { display: grid; gap: 10px; margin-top: 24px; }
.gcl-celebrate__sun { position: relative; width: 120px; height: 120px; margin: 0 auto; }
.gcl-celebrate__sun span {
	position: absolute; inset: 18px; border-radius: 50%;
	background: radial-gradient(circle at 38% 36%, #FFF4A3 0 22%, var(--sun) 56%, var(--sun-deep) 100%);
	box-shadow: 0 0 60px 16px rgba(253, 222, 11, .55);
	animation: gcl-sunburst 1.1s var(--ease) both;
}
.gcl-celebrate__sun::before {
	content: ""; position: absolute; inset: 0; border-radius: 50%;
	background: repeating-conic-gradient(from 0deg, rgba(253, 222, 11, .55) 0 6deg, transparent 6deg 30deg);
	-webkit-mask: radial-gradient(circle, transparent 46%, #000 47%, #000 70%, transparent 71%);
	mask: radial-gradient(circle, transparent 46%, #000 47%, #000 70%, transparent 71%);
	animation: gcl-rays 1.4s var(--ease) both, gcl-turn 30s linear 1.4s infinite;
}
@keyframes gcl-fade-in { from { opacity: 0; } }
@keyframes gcl-pop-up { from { opacity: 0; transform: translateY(24px) scale(.96); } }
@keyframes gcl-sunburst { 0% { transform: scale(.2); opacity: 0; } 60% { transform: scale(1.08); opacity: 1; } 100% { transform: scale(1); } }
@keyframes gcl-rays { from { transform: scale(.6) rotate(-30deg); opacity: 0; } }
@keyframes gcl-turn { to { transform: rotate(360deg); } }

/* ------------------------------------------------------------------ Forms */

.gcl-form { display: grid; gap: 18px; }
.gcl-field { display: grid; gap: 7px; }
.gcl-field > label { font-size: 15px; font-weight: 600; }
.gcl input[type="text"], .gcl input[type="email"], .gcl input[type="password"], .gcl input[type="search"], .gcl input:not([type]) {
	width: 100%; height: 52px; padding: 0 16px; border-radius: 13px;
	border: 1px solid var(--line-strong); background: var(--surface); color: var(--ink);
	font: inherit; font-size: 17px; letter-spacing: -.01em;
	transition: border-color .15s, box-shadow .15s;
	-webkit-appearance: none; appearance: none;
}
.gcl input:focus { outline: none; border-color: var(--ink); box-shadow: 0 0 0 4px rgba(253, 222, 11, .5); }
.gcl input::placeholder { color: var(--ink-3); }

.gcl-password { position: relative; }
.gcl-password input { padding-right: 92px; }
.gcl-password__toggle {
	position: absolute; right: 6px; top: 6px; height: 40px; padding: 0 12px; border-radius: 10px;
	border: 0; background: transparent; color: var(--ink-2); font-size: 14px; font-weight: 600; cursor: pointer;
	display: inline-flex; align-items: center;
}
.gcl-password__toggle span { display: inline-flex; align-items: center; gap: 6px; }
.gcl-password__toggle .gcl-icon { width: 18px; height: 18px; }
.gcl-password__hide { display: none !important; }
.gcl-password__toggle[aria-pressed="true"] .gcl-password__hide { display: inline-flex !important; }
.gcl-password__toggle[aria-pressed="true"] .gcl-password__show { display: none !important; }

.gcl-meter { height: 4px; border-radius: 999px; background: var(--line); overflow: hidden; margin-top: 2px; }
.gcl-meter span { display: block; height: 100%; width: 0; background: var(--coral); border-radius: inherit; transition: width .3s var(--ease), background .3s; }
.gcl-meter[data-level="2"] span { background: var(--sun-deep); }
.gcl-meter[data-level="3"] span { background: var(--leaf); }

.gcl-checkbox { display: flex; align-items: center; gap: 12px; font-size: 16px; cursor: pointer; min-height: 44px; }
.gcl-checkbox input { width: 24px; height: 24px; accent-color: var(--ink); }

.gcl-field-error {
	margin: 0 0 16px; padding: 12px 16px; border-radius: var(--r-md);
	background: var(--coral-soft); color: var(--coral); font-weight: 600; font-size: 15px; line-height: 1.4;
}

.gcl-fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.gcl-fieldset legend { font-size: 20px; font-weight: 700; letter-spacing: -.018em; padding: 0; margin: 0 0 10px 4px; }
.gcl-fieldset .gcl-hint { margin: -4px 0 12px 4px; }
.gcl-fieldset[hidden] { display: none; }

.gcl-group--form { overflow: visible; }
.gcl-field--inline { grid-template-columns: 110px 1fr; align-items: center; gap: 8px; padding: 0 0 0 16px; position: relative; }
.gcl-field--inline + .gcl-field--inline::before { content: ""; position: absolute; top: 0; left: 16px; right: 0; height: 1px; background: var(--line); }
.gcl-field--inline label { font-weight: 500; font-size: 16px; }
.gcl .gcl-field--inline input { border: 0; background: transparent; border-radius: 0; padding-left: 0; height: 54px; }
.gcl .gcl-field--inline input:focus { box-shadow: none; }
.gcl-field--inline:focus-within label { color: var(--ink); font-weight: 650; }

.gcl-choices { display: grid; gap: 10px; }
.gcl-choice-card { position: relative; cursor: pointer; }
.gcl-choice-card input { position: absolute; opacity: 0; }
.gcl-choice-card__body {
	display: flex; flex-direction: column; gap: 2px; padding: 16px 18px; border-radius: var(--r-md);
	background: var(--surface); box-shadow: 0 0 0 1.5px var(--line-strong);
	transition: box-shadow .15s, background .15s;
}
.gcl-choice-card__body strong { font-size: 17px; }
.gcl-choice-card__body span { font-size: 14px; color: var(--ink-2); }
.gcl-choice-card input:checked + .gcl-choice-card__body { box-shadow: 0 0 0 2.5px var(--ink); }
.gcl-choice-card input:focus-visible + .gcl-choice-card__body { outline: 3px solid var(--focus); outline-offset: 3px; }

.gcl-pick label.gcl-row { cursor: pointer; min-height: 60px; }
.gcl-pick input { position: absolute; opacity: 0; }
.gcl-tick { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; box-shadow: inset 0 0 0 1.5px var(--line-strong); color: transparent; flex: none; }
.gcl-tick .gcl-icon { width: 16px; height: 16px; stroke-width: 3; }
.gcl-pick input:checked ~ .gcl-tick { background: var(--ink); color: var(--paper); box-shadow: none; }
.gcl-radio { width: 24px; height: 24px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--line-strong); flex: none; }
.gcl-pick input:checked ~ .gcl-radio { box-shadow: inset 0 0 0 7px var(--ink); }
.gcl-pick input:focus-visible ~ .gcl-row__text { outline: 3px solid var(--focus); outline-offset: 4px; border-radius: 6px; }
.gcl-pick--scroll { max-height: 50vh; overflow-y: auto; }
.gcl-group.gcl-pick > li + li label.gcl-row::before { left: 62px; }

.gcl-switch { display: flex; align-items: flex-start; gap: 14px; cursor: pointer; padding: 16px; background: var(--surface); border-radius: var(--r-lg); box-shadow: 0 0 0 1px var(--line); }
.gcl-switch input { position: absolute; opacity: 0; }
.gcl-switch__track { width: 51px; height: 31px; border-radius: 999px; background: var(--line-strong); position: relative; flex: none; transition: background .25s; }
.gcl-switch__track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 27px; height: 27px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .2); transition: transform .25s var(--ease); }
.gcl-switch input:checked + .gcl-switch__track { background: var(--leaf); }
.gcl-switch input:checked + .gcl-switch__track::after { transform: translateX(20px); }
.gcl-switch input:focus-visible + .gcl-switch__track { outline: 3px solid var(--focus); outline-offset: 2px; }
.gcl-switch__text { display: flex; flex-direction: column; gap: 3px; }
.gcl-switch__text span { font-size: 14px; color: var(--ink-2); line-height: 1.4; }

.gcl-form__actions { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }

.gcl-file { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; cursor: pointer; }
.gcl-file input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.gcl-file input:focus-visible + .gcl-btn { outline: 3px solid var(--focus); outline-offset: 2px; }
.gcl-file__name { font-size: 14px; color: var(--ink-2); }
.gcl-upload .gcl-group { margin-bottom: 4px; }

/* Toolbar: search + segmented */
.gcl-toolbar { display: grid; gap: 12px; margin: 18px 0; }
.gcl-search { position: relative; display: block; }
.gcl-search .gcl-icon { position: absolute; left: 14px; top: 15px; width: 20px; height: 20px; color: var(--ink-3); }
.gcl .gcl-search input { padding-left: 44px; height: 48px; border-radius: 12px; background: var(--paper-2); border-color: transparent; }
.gcl-segmented {
	display: flex; padding: 3px; border-radius: 11px; background: var(--paper-2); overflow-x: auto; scrollbar-width: none;
}
.gcl-segmented::-webkit-scrollbar { display: none; }
.gcl-segmented a, .gcl-segmented label {
	flex: 1; text-align: center; white-space: nowrap; padding: 8px 12px; border-radius: 8px;
	font-size: 14px; font-weight: 600; color: var(--ink-2); text-decoration: none; cursor: pointer; position: relative;
}
.gcl-segmented a[aria-current="true"], .gcl-segmented label:has(input:checked) { background: var(--surface); color: var(--ink); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
.gcl-segmented input { position: absolute; opacity: 0; }
.gcl-segmented label:has(input:focus-visible) { outline: 3px solid var(--focus); }

/* ------------------------------------------------------------------ People */

.gcl-person__id { display: flex; align-items: center; gap: 16px; }
.gcl-person__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 8px 0 0; font-size: 15px; color: var(--ink-2); }
.gcl-person__status { margin: 4px 0 0; font-size: 14px; color: var(--ink-3); }
.gcl-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.gcl-actions form { display: contents; }
.gcl-inline-note { display: flex; align-items: center; gap: 10px; margin: 20px 0 0; padding: 12px 16px; border-radius: var(--r-md); background: var(--sun-soft); font-size: 15px; font-weight: 500; }
.gcl-inline-note .gcl-icon { width: 20px; height: 20px; }

.gcl-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.gcl-chips a { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; border-radius: 999px; background: var(--surface); box-shadow: 0 0 0 1px var(--line); text-decoration: none; font-size: 15px; font-weight: 500; }
.gcl-chips a:hover { background: var(--paper-2); }

.gcl-timeline { list-style: none; margin: 0; padding: 0 0 0 18px; border-left: 2px solid var(--line); display: grid; gap: 14px; }
.gcl-timeline li { position: relative; display: flex; flex-direction: column; }
.gcl-timeline li::before { content: ""; position: absolute; left: -24px; top: 7px; width: 10px; height: 10px; border-radius: 50%; background: var(--surface); box-shadow: 0 0 0 2px var(--ink-3); }
.gcl-timeline__what { font-size: 15px; font-weight: 600; }
.gcl-timeline__when { font-size: 13px; color: var(--ink-3); }

/* Sheets (native dialog) */
.gcl-sheet {
	border: 0; padding: 0; margin: auto auto 0; width: 100%; max-width: 100%;
	max-height: 92vh; border-radius: 24px 24px 0 0; background: var(--paper); color: var(--ink);
	box-shadow: var(--shadow-sheet);
}
.gcl-sheet[open] { animation: gcl-sheet-up .38s var(--ease); }
.gcl-sheet::backdrop { background: rgba(20, 18, 10, .42); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.gcl-sheet > form, .gcl-sheet > .gcl-form { padding: 10px 20px calc(20px + env(safe-area-inset-bottom)); display: grid; gap: 16px; }
.gcl-sheet::before { content: ""; display: block; width: 38px; height: 5px; border-radius: 999px; background: var(--line-strong); margin: 8px auto 0; }
.gcl-sheet__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.gcl-sheet__head h2 { font-size: 22px; margin: 0; letter-spacing: -.02em; line-height: 1.2; }
.gcl-sheet__lead { margin: 0; color: var(--ink-2); font-size: 16px; }
.gcl-sheet__more { border-top: 1px solid var(--line); }
.gcl-sheet__more h3 { margin: 6px 0 0; font-size: 17px; }
@keyframes gcl-sheet-up { from { transform: translateY(40px); opacity: 0; } }

/* ------------------------------------------------------------------ Reports */

.gcl-figures {
	display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 20px;
	background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--shadow-1), 0 0 0 1px var(--line); overflow: hidden;
}
.gcl-figure { padding: 18px; display: flex; flex-direction: column; gap: 4px; box-shadow: 0 0 0 .5px var(--line); }
.gcl-figure strong { font-size: 36px; line-height: 1; font-weight: 700; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.gcl-figure span { font-size: 14px; color: var(--ink-2); line-height: 1.35; }
.gcl-figure.is-alert strong { color: var(--coral); }

.gcl-matrix { overflow-x: auto; background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--shadow-1), 0 0 0 1px var(--line); }
.gcl-matrix table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 14px; }
.gcl-matrix th, .gcl-matrix td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--line); white-space: nowrap; }
.gcl-matrix thead th { font-size: 13px; color: var(--ink-2); font-weight: 600; max-width: 180px; white-space: normal; vertical-align: bottom; }
.gcl-matrix tbody th { position: sticky; left: 0; background: var(--surface); font-weight: 600; z-index: 1; }
.gcl-matrix tbody th a { text-decoration: none; }
.gcl-matrix tbody tr:last-child > * { border-bottom: 0; }
.gcl-cell { display: inline-flex; align-items: center; gap: 4px; color: var(--ink-2); }
.gcl-cell .gcl-icon { width: 16px; height: 16px; stroke-width: 2.6; }
.gcl-cell--done { color: var(--leaf); font-weight: 600; }
.gcl-cell--overdue { color: var(--coral); font-weight: 700; }

/* Empty states */
.gcl-empty { display: grid; justify-items: center; text-align: center; gap: 12px; padding: 48px 20px; background: var(--surface); border-radius: var(--r-lg); box-shadow: 0 0 0 1px var(--line); margin-top: 20px; }
.gcl-empty p { margin: 0; color: var(--ink-2); max-width: 40ch; }
.gcl-empty--page { background: none; box-shadow: none; padding-top: 18vh; }

.gcl-logout { margin-top: 32px; color: var(--coral); }

/* ------------------------------------------------------------------ Login and password pages */

.gcl-auth { min-height: 100vh; min-height: 100dvh; display: grid; grid-template-rows: auto 1fr; }
.gcl-auth__art {
	position: relative; overflow: hidden; height: 30vh; min-height: 200px; max-height: 300px;
	background: linear-gradient(180deg, #FFF8D6 0%, #FFE88A 70%, #FDDE0B 100%);
	display: flex; align-items: flex-end;
}
@media (prefers-color-scheme: dark) { .gcl-auth__art { background: linear-gradient(180deg, #23211A 0%, #4A3E0E 72%, #8A7000 100%); } }
.gcl-auth__tagline { display: none; }
.gcl-horizon { position: absolute; inset: 0; }
.gcl-horizon__sun {
	position: absolute; left: 50%; bottom: 22%; width: 150px; height: 150px; margin-left: -75px; border-radius: 50%;
	background: radial-gradient(circle at 38% 36%, #FFF6B8 0 20%, var(--sun) 55%, var(--sun-deep) 100%);
	box-shadow: 0 0 0 22px rgba(255, 255, 255, .25), 0 0 0 48px rgba(255, 255, 255, .14), 0 0 120px 40px rgba(253, 222, 11, .6);
	animation: gcl-dawn 2.2s var(--ease) both;
}
.gcl-horizon__hill { position: absolute; left: -20%; right: -20%; border-radius: 50% 50% 0 0; }
.gcl-horizon__hill--back { bottom: -64%; height: 100%; background: #EFD878; }
.gcl-horizon__hill--front { bottom: -78%; height: 100%; left: -40%; right: 10%; background: var(--paper); }
@media (prefers-color-scheme: dark) { .gcl-horizon__hill--back { background: #5A4B12; } }
@keyframes gcl-dawn { from { transform: translateY(90px); opacity: .4; } }

.gcl-auth__panel { display: flex; flex-direction: column; padding: 8px var(--gutter) calc(24px + env(safe-area-inset-bottom)); background: var(--paper); }
.gcl-brand--auth { margin: 0 auto 0 0; }
.gcl-auth__body { width: 100%; max-width: 400px; margin: 24px auto 0; flex: 1; }
.gcl-auth__title { font-size: 34px; line-height: 1.1; font-weight: 700; letter-spacing: -.028em; margin: 0; }
.gcl-auth__lead { font-size: 17px; color: var(--ink-2); margin: 10px 0 26px; }
.gcl-auth__alt { text-align: center; margin: 22px 0 0; font-size: 16px; }
.gcl-auth__alt a { font-weight: 600; text-decoration: none; }
.gcl-auth__alt a:hover { text-decoration: underline; }
.gcl-auth .gcl-btn--block { margin-top: 4px; min-height: 54px; font-size: 17px; }
.gcl-auth__foot { max-width: 400px; width: 100%; margin: 40px auto 0; font-size: 13px; line-height: 1.5; color: var(--ink-3); }
.gcl-auth__foot p { margin: 0 0 8px; }
.gcl-auth__foot a { color: var(--ink-2); }

/* ------------------------------------------------------------------ Larger screens */

@media (min-width: 600px) {
	:root { --gutter: 24px; }
	.gcl-shelf { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.gcl-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.gcl-sunrise { width: 128px; height: 128px; border-radius: 30px; }
	.gcl-sunrise__sun { width: 70px; height: 70px; margin-left: -35px; bottom: calc(-26px + var(--rise) * .6px); }
	.gcl-figures { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.gcl-toolbar { grid-template-columns: 1fr auto; align-items: center; }
	.gcl-choices { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
	.gcl-sheet { margin: auto; width: min(540px, 92vw); border-radius: 24px; }
	.gcl-sheet::before { display: none; }
	.gcl-sheet > form, .gcl-sheet > .gcl-form { padding: 22px 26px 26px; }
	.gcl-section--split { grid-template-columns: 1fr 1fr; }
	.gcl-course__head { flex-direction: row; gap: 18px; }
	.gcl-course__action { grid-template-columns: auto 1fr auto; }
	.gcl-course__buttons { grid-column: auto; justify-content: flex-end; }
	.gcl-course__buttons .gcl-btn--primary { flex: none; }
}

@media (min-width: 900px) {
	.gcl-top__nav { display: flex; }
	.gcl-me { margin-left: 0; }
	.gcl-tabs { display: none; }
	.gcl-main { padding: 36px 0 80px; }
	.gcl-large-title { font-size: 44px; }
	.gcl-hello__summary { font-size: 20px; }
	.gcl-shelf { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.gcl-course__hero { margin-top: -36px; padding: 32px 0 40px; }
	.gcl-course__art { width: 88px; height: 88px; border-radius: 24px; }
	.gcl-course__art .gcl-icon { width: 46px; height: 46px; }
	.gcl-lesson__article { padding-top: 48px; }
	.gcl-lesson__title { font-size: 44px; }
	.gcl-prose { font-size: 19px; }
	.gcl-continue { grid-template-columns: 1fr auto; column-gap: 32px; padding: 28px 32px 24px; }
	.gcl-continue > * { grid-column: 1; }
	.gcl-continue__course { font-size: 30px; }

	.gcl-auth { grid-template-rows: none; grid-template-columns: minmax(0, 1.1fr) minmax(440px, 1fr); }
	.gcl-auth__art { height: auto; max-height: none; min-height: 100vh; padding: 56px; align-items: flex-start; }
	.gcl-auth__tagline { display: block; position: relative; z-index: 2; margin: 0; font-size: 40px; line-height: 1.12; font-weight: 700; letter-spacing: -.03em; color: #3D3200; max-width: 12ch; }
	@media (prefers-color-scheme: dark) { .gcl-auth__tagline { color: #FFF1B0; } }
	.gcl-horizon__sun { width: 260px; height: 260px; margin-left: -130px; bottom: 26%; }
	.gcl-horizon__hill--back { bottom: -70%; }
	.gcl-horizon__hill--front { bottom: -82%; background: #F6E9B8; }
	@media (prefers-color-scheme: dark) { .gcl-horizon__hill--front { background: #2C2715; } }
	.gcl-auth__panel { padding: 40px 56px; justify-content: center; }
	.gcl-auth__body { flex: none; margin-top: 10vh; }
	.gcl-brand--auth { position: absolute; top: 36px; }
	.gcl-auth__panel { position: relative; }
}

/* ------------------------------------------------------------------ Motion and print */

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
	.gcl-card__inner[aria-pressed="true"] { transform: none; }
	.gcl-card__inner[aria-pressed="true"] .gcl-card__front { visibility: hidden; }
	.gcl-card__inner[aria-pressed="true"] .gcl-card__back { transform: none; }
}

@media print {
	.gcl-top, .gcl-tabs, .gcl-lesson__bar, .gcl-lesson__foot, .gcl-session, .gcl-toast { display: none !important; }
	body.gcl { background: #fff; }
}

/* ------------------------------------------------------------------ Course art
   Dusk scenes in the style of the city cards on goodcompanyds.com.au.
   Built-in scenes are embedded at the end of this file (.gcl-art--{course-slug});
   a featured image set on the course in WP Admin is shown as an <img> instead.
   Scenes are 600 x 500; --pos keeps the figures in view when cropped. */

.gcl-art { display: block; background: #17193D no-repeat center / cover; background-position: var(--pos, 50% 50%); }
.gcl-cover__scene > *, .gcl-tile--art > *, .gcl-course__scene > *, .gcl-continue__art > *, .gcl-celebrate__scene > * {
	display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--pos, 50% 50%);
}

.gcl-cover__text { display: flex; flex-direction: column; gap: 4px; }
.gcl-shelf > li { display: flex; }
.gcl-shelf > li > .gcl-cover { flex: 1; }
.gcl-cover--art {
	padding: 0; gap: 0; aspect-ratio: auto; justify-content: flex-start;
	background: #17193D; color: #fff;
	box-shadow: 0 14px 30px -20px rgba(20, 22, 60, .7);
}
.gcl-cover__scene { position: relative; display: block; aspect-ratio: 6 / 5; overflow: hidden; }
.gcl-cover__scene::after { content: ""; position: absolute; inset: auto 0 0 0; height: 34%; background: linear-gradient(rgba(23, 25, 61, 0), #17193D); }
.gcl-cover__scene > * { transition: transform .7s var(--ease); }
.gcl-cover--art:hover .gcl-cover__scene > * { transform: scale(1.045); }
.gcl-cover--art .gcl-cover__text { position: relative; flex: 1; padding: 0 14px 16px; margin-top: -4px; }
.gcl-cover--art .gcl-cover__meta { opacity: .7; }

.gcl-tile--art { width: 56px; height: 56px; border-radius: 14px; overflow: hidden; background: #17193D; --pos: 50% 74%; }

.gcl-course__scene {
	margin: 4px 0 22px; border-radius: var(--r-xl); overflow: hidden; aspect-ratio: 16 / 9;
	background: #17193D; box-shadow: 0 20px 44px -26px rgba(20, 22, 60, .8); --pos: 50% 70%;
}
.gcl-course__scene > * { animation: gcl-scene-in 1.4s var(--ease) both; }
@keyframes gcl-scene-in { from { transform: scale(1.06); opacity: .5; } }

.gcl-continue--art { overflow: hidden; }
.gcl-continue__art { display: block; margin: -22px -22px 14px; aspect-ratio: 2 / 1; overflow: hidden; background: #17193D; --pos: 50% 70%; }

.gcl-celebrate__card--art { padding-top: 0; overflow: hidden; }
.gcl-celebrate__scene { margin: 0 -28px; aspect-ratio: 16 / 10; overflow: hidden; background: #17193D; --pos: 50% 62%; }

@media (min-width: 600px) {
	.gcl-course__scene { aspect-ratio: 11 / 5; }
}
@media (min-width: 900px) {
	.gcl-continue--art { grid-template-columns: minmax(0, 1fr) 340px; }
	.gcl-continue--art > .gcl-continue__art { grid-column: 2; grid-row: 1 / span 6; margin: -28px -32px -24px 0; aspect-ratio: auto; }
}
@media (prefers-reduced-motion: reduce) {
	.gcl-course__scene > * { animation: none; }
	.gcl-cover__scene > * { transition: none; }
}

/* Built-in course scenes (generated by art/make_art.py) */
.gcl-art--daily-living-and-self-care { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='daily-sky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231B2756'/%3E%3Cstop offset='0.32' stop-color='%232C4F72'/%3E%3Cstop offset='0.56' stop-color='%234E8B86'/%3E%3Cstop offset='0.72' stop-color='%23E9C97B'/%3E%3C/linearGradient%3E%3CradialGradient id='daily-gl2'%3E%3Cstop offset='0' stop-color='%23FFF1C4' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFF1C4' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='daily-gr3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231A3550'/%3E%3Cstop offset='1' stop-color='%2310203A'/%3E%3C/linearGradient%3E%3CradialGradient id='daily-gl4'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.45'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23daily-sky1)'/%3E%3Cg fill='%23fff' opacity='0.55'%3E%3Ccircle cx='141' cy='41' r='1.5'/%3E%3Ccircle cx='291' cy='116' r='1'/%3E%3Ccircle cx='90' cy='96' r='1'/%3E%3Ccircle cx='192' cy='71' r='1.2'/%3E%3Ccircle cx='203' cy='48' r='1'/%3E%3Ccircle cx='94' cy='128' r='0.8'/%3E%3Ccircle cx='554' cy='102' r='1.5'/%3E%3Ccircle cx='226' cy='34' r='1.5'/%3E%3Ccircle cx='42' cy='108' r='1.2'/%3E%3Ccircle cx='250' cy='71' r='1.5'/%3E%3Ccircle cx='226' cy='25' r='0.8'/%3E%3Ccircle cx='503' cy='48' r='1.5'/%3E%3Ccircle cx='198' cy='106' r='1'/%3E%3Ccircle cx='457' cy='22' r='1.2'/%3E%3Ccircle cx='194' cy='78' r='1.2'/%3E%3Ccircle cx='572' cy='65' r='0.8'/%3E%3Ccircle cx='243' cy='143' r='1.5'/%3E%3Ccircle cx='203' cy='47' r='1'/%3E%3Ccircle cx='68' cy='66' r='1'/%3E%3Ccircle cx='356' cy='84' r='0.8'/%3E%3Ccircle cx='81' cy='101' r='1'/%3E%3Ccircle cx='411' cy='31' r='1.5'/%3E%3Ccircle cx='419' cy='100' r='1.2'/%3E%3Ccircle cx='561' cy='144' r='0.8'/%3E%3C/g%3E%3Ccircle cx='110' cy='96' r='72' fill='url(%23daily-gl2)'/%3E%3Ccircle cx='110' cy='96' r='18' fill='%23FFF3CF'/%3E%3Ccircle cx='103.7' cy='92.4' r='3.2' fill='%23EADFB8' opacity='.6'/%3E%3Ccircle cx='115.4' cy='101.4' r='2.2' fill='%23EADFB8' opacity='.6'/%3E%3Cpath d='M-20 312 Q58 300 135 309 Q184 292 233 315 Q289 297 345 320 Q400 301 455 304 Q522 303 590 310 Q650 299 710 306 V500 H-20z' fill='%232F5A6E' opacity='1'/%3E%3Crect x='0' y='350' width='600' height='150' fill='url(%23daily-gr3)'/%3E%3Crect x='200' y='150' width='240' height='210' fill='%23244760'/%3E%3Cpath d='M184 154 L320 86 L456 154z' fill='%231A3550'/%3E%3Crect x='390' y='98' width='18' height='40' fill='%231A3550'/%3E%3Ccircle cx='320' cy='250' r='120' fill='url(%23daily-gl4)'/%3E%3Crect x='236' y='196' width='168' height='110' rx='5' fill='%23FFD36B'/%3E%3Crect x='236' y='196' width='168' height='16' fill='%23E59A6A'/%3E%3Cpath d='M250 212 q12 6 24 0 M290 212 q12 6 24 0 M330 212 q12 6 24 0 M370 212 q12 6 24 0' stroke='%23C97A52' stroke-width='2' fill='none'/%3E%3Crect x='230' y='302' width='180' height='10' rx='3' fill='%231A3550'/%3E%3Crect x='292' y='262' width='44' height='30' rx='6' fill='%2310203A'/%3E%3Crect x='286' y='260' width='56' height='6' rx='3' fill='%2310203A'/%3E%3Cpath d='M304 252 q-6 -10 2 -20 M318 252 q-6 -10 2 -20' stroke='%23fff' stroke-width='3' fill='none' opacity='.75' stroke-linecap='round'/%3E%3Crect x='374' y='282' width='18' height='18' rx='3' fill='%23C97A52'/%3E%3Cg fill='%234E9A72'%3E%3Ccircle cx='378' cy='276' r='7'/%3E%3Ccircle cx='388' cy='272' r='8'/%3E%3Ccircle cx='383' cy='264' r='6'/%3E%3C/g%3E%3Cg%3E%3Crect x='251.0' y='279.0' width='5.7' height='21.0' rx='2.8' fill='%23FDDE0B'/%3E%3Crect x='259.3' y='279.0' width='5.7' height='21.0' rx='2.8' fill='%23FDDE0B'/%3E%3Cpath d='M248.4 282.5 L250.1 263.2 Q258.0 257.9 265.9 263.2 L267.6 282.5z' fill='%23FDDE0B'/%3E%3Cpath d='M251.0 264.9 l5.3 8.8 l7.0 0' stroke='%23FDDE0B' stroke-width='4.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Ccircle cx='258.0' cy='253.5' r='7.5' fill='%238A5A3C'/%3E%3Cpath d='M250.5 252.6 a7.5 7.5 0 0 1 15.1 0 q-7.5 -2.6 -15.1 0z' fill='%232A1E1A'/%3E%3C/g%3E%3Crect x='490' y='290' width='4' height='70' fill='%2310203A'/%3E%3Crect x='590' y='290' width='4' height='70' fill='%2310203A'/%3E%3Cpath d='M492 294 Q542 306 594 294' stroke='%23ddd' stroke-width='1.5' fill='none'/%3E%3Cpath d='M506 297 h18 v22 h-18z' fill='%23FDDE0B'/%3E%3Cpath d='M532 300 h16 l4 26 h-24z' fill='%235FA58C'/%3E%3Cpath d='M560 299 h18 v18 h-18z' fill='%23E26F6A'/%3E%3Cg fill='%231A3550'%3E%3Ccircle cx='40' cy='372' r='22'/%3E%3Ccircle cx='80' cy='372' r='16'/%3E%3Ccircle cx='180' cy='372' r='18'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--employment-pathway { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='employsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2318265A'/%3E%3Cstop offset='0.32' stop-color='%232D4A8C'/%3E%3Cstop offset='0.56' stop-color='%235F7FC0'/%3E%3Cstop offset='0.72' stop-color='%23E7A79A'/%3E%3C/linearGradient%3E%3ClinearGradient id='employgr2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231E2A5A'/%3E%3Cstop offset='1' stop-color='%23121A3C'/%3E%3C/linearGradient%3E%3CradialGradient id='employgl3'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.45'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='employgl4'%3E%3Cstop offset='0' stop-color='%235FA58C' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%235FA58C' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23employsky1)'/%3E%3Cg fill='%23fff' opacity='0.55'%3E%3Ccircle cx='298' cy='70' r='0.8'/%3E%3Ccircle cx='558' cy='48' r='1.2'/%3E%3Ccircle cx='570' cy='94' r='1.2'/%3E%3Ccircle cx='355' cy='143' r='0.8'/%3E%3Ccircle cx='568' cy='56' r='1'/%3E%3Ccircle cx='50' cy='92' r='1'/%3E%3Ccircle cx='506' cy='82' r='1'/%3E%3Ccircle cx='195' cy='57' r='1'/%3E%3Ccircle cx='153' cy='129' r='0.8'/%3E%3Ccircle cx='214' cy='104' r='1'/%3E%3Ccircle cx='291' cy='79' r='1.2'/%3E%3Ccircle cx='428' cy='114' r='1'/%3E%3Ccircle cx='496' cy='107' r='1'/%3E%3Ccircle cx='420' cy='133' r='1.2'/%3E%3Ccircle cx='200' cy='54' r='1.2'/%3E%3Ccircle cx='529' cy='85' r='1'/%3E%3Ccircle cx='67' cy='40' r='1.5'/%3E%3Ccircle cx='280' cy='26' r='0.8'/%3E%3Ccircle cx='146' cy='32' r='1.2'/%3E%3Ccircle cx='434' cy='116' r='1.2'/%3E%3Ccircle cx='310' cy='115' r='1.5'/%3E%3Ccircle cx='183' cy='35' r='1'/%3E%3C/g%3E%3Crect x='0' y='252' width='25' height='48' fill='%233A4F8A'/%3E%3Cpath d='M6 274h3v4h-3zM16 274h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='31' y='237' width='38' height='63' fill='%233A4F8A'/%3E%3Cpath d='M38 252h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='73' y='243' width='25' height='57' fill='%233A4F8A'/%3E%3Cpath d='M89 256h3v4h-3zM79 270h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='104' y='192' width='37' height='108' fill='%233A4F8A'/%3E%3Cpath d='M111 207h3v4h-3zM121 207h3v4h-3zM121 237h3v4h-3zM131 237h3v4h-3zM111 281h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='147' y='245' width='40' height='55' fill='%233A4F8A'/%3E%3Cpath d='M153 258h3v4h-3zM178 258h3v4h-3zM170 270h3v4h-3zM161 283h3v4h-3zM170 283h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='189' y='213' width='41' height='87' fill='%233A4F8A'/%3E%3Cpath d='M212 227h3v4h-3zM221 227h3v4h-3zM212 241h3v4h-3zM195 282h3v4h-3zM212 282h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='233' y='212' width='26' height='88' fill='%233A4F8A'/%3E%3Cpath d='M240 254h3v4h-3zM249 254h3v4h-3zM240 282h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='262' y='203' width='34' height='97' fill='%233A4F8A'/%3E%3Cpath d='M278 216h3v4h-3zM268 256h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='298' y='245' width='39' height='55' fill='%233A4F8A'/%3E%3Cpath d='M316 258h3v4h-3zM326 258h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='339' y='227' width='37' height='73' fill='%233A4F8A'/%3E%3Cpath d='M346 241h3v4h-3zM366 241h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='380' y='196' width='36' height='104' fill='%233A4F8A'/%3E%3Cpath d='M396 210h3v4h-3zM387 239h3v4h-3zM396 282h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='416' y='234' width='27' height='66' fill='%233A4F8A'/%3E%3Cpath d='M423 246h3v4h-3zM423 259h3v4h-3zM433 259h3v4h-3zM423 284h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='443' y='231' width='42' height='69' fill='%233A4F8A'/%3E%3Cpath d='M458 244h3v4h-3zM467 257h3v4h-3zM458 283h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='487' y='259' width='40' height='41' fill='%233A4F8A'/%3E%3Cpath d='M493 271h3v4h-3zM501 271h3v4h-3zM518 271h3v4h-3zM510 284h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='527' y='225' width='22' height='75' fill='%233A4F8A'/%3E%3Cpath d='M532 239h3v4h-3zM541 253h3v4h-3zM532 282h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='555' y='246' width='43' height='54' fill='%233A4F8A'/%3E%3Cpath d='M561 258h3v4h-3zM561 271h3v4h-3zM589 284h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='0' y='350' width='600' height='150' fill='url(%23employgr2)'/%3E%3Crect x='150' y='160' width='300' height='200' fill='%232A3A72'/%3E%3Crect x='140' y='150' width='320' height='16' fill='%231E2A5A'/%3E%3Crect x='166' y='190' width='268' height='8' fill='%23121A3C'/%3E%3Cpath d='M170 196 h26 v20 q-13 10 -26 0z' fill='%23FDDE0B'/%3E%3Cpath d='M196 196 h26 v20 q-13 10 -26 0z' fill='%23FFF7E6'/%3E%3Cpath d='M222 196 h26 v20 q-13 10 -26 0z' fill='%23FDDE0B'/%3E%3Cpath d='M248 196 h26 v20 q-13 10 -26 0z' fill='%23FFF7E6'/%3E%3Cpath d='M274 196 h26 v20 q-13 10 -26 0z' fill='%23FDDE0B'/%3E%3Cpath d='M300 196 h26 v20 q-13 10 -26 0z' fill='%23FFF7E6'/%3E%3Cpath d='M326 196 h26 v20 q-13 10 -26 0z' fill='%23FDDE0B'/%3E%3Cpath d='M352 196 h26 v20 q-13 10 -26 0z' fill='%23FFF7E6'/%3E%3Cpath d='M378 196 h26 v20 q-13 10 -26 0z' fill='%23FDDE0B'/%3E%3Cpath d='M404 196 h26 v20 q-13 10 -26 0z' fill='%23FFF7E6'/%3E%3Ccircle cx='280' cy='290' r='110' fill='url(%23employgl3)'/%3E%3Crect x='176' y='236' width='186' height='100' rx='4' fill='%23FFD36B'/%3E%3Crect x='380' y='236' width='52' height='124' rx='4' fill='%23121A3C'/%3E%3Crect x='176' y='304' width='186' height='32' fill='%23E59A6A'/%3E%3Crect x='200' y='176' width='200' height='0' /%3E%3Cg transform='translate(392 252)'%3E%3Crect width='30' height='16' rx='3' fill='%235FA58C'/%3E%3Ctext x='15' y='12' font-family='Arial, sans-serif' font-size='9' font-weight='700' fill='%23fff' text-anchor='middle'%3EOPEN%3C/text%3E%3C/g%3E%3Cpath d='M200 300 h30 v-8 h-30z' fill='%23121A3C'/%3E%3Crect x='320' y='290' width='22' height='14' rx='3' fill='%23fff'/%3E%3Cg%3E%3Crect x='260.4' y='283.1' width='6.2' height='22.9' rx='3.1' fill='%23FDDE0B'/%3E%3Crect x='269.4' y='283.1' width='6.2' height='22.9' rx='3.1' fill='%23FDDE0B'/%3E%3Cpath d='M257.5 286.9 L259.4 266.0 Q268.0 260.2 276.6 266.0 L278.5 286.9z' fill='%23FDDE0B'/%3E%3Cpath d='M260.4 267.9 l5.7 9.5 l7.6 0' stroke='%23FDDE0B' stroke-width='5.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Ccircle cx='268.0' cy='255.5' r='8.1' fill='%238A5A3C'/%3E%3Cpath d='M259.8 254.5 a8.2 8.2 0 0 1 16.4 0 q-8.2 -2.9 -16.4 0z' fill='%232A1E1A'/%3E%3C/g%3E%3Ccircle cx='468' cy='372.52' r='56.12' fill='url(%23employgl4)'/%3E%3Cg%3E%3Crect x='458.2' y='384.7' width='7.9' height='29.3' rx='3.9' fill='%235FA58C'/%3E%3Crect x='469.8' y='384.7' width='7.9' height='29.3' rx='3.9' fill='%235FA58C'/%3E%3Cpath d='M454.6 389.6 L457.0 362.8 Q468.0 355.4 479.0 362.8 L481.4 389.6z' fill='%235FA58C'/%3E%3Ccircle cx='468.0' cy='349.3' r='10.4' fill='%236B4630'/%3E%3Cpath d='M457.5 348.1 a10.5 10.5 0 0 1 21.0 0 q-10.5 -3.7 -21.0 0z' fill='%236B4A2E'/%3E%3C/g%3E%3Crect x='0' y='360' width='600' height='6' fill='%23121A3C' opacity='.6'/%3E%3C/svg%3E"); }
.gcl-art--getting-around { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='gettinsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23262B63'/%3E%3Cstop offset='0.32' stop-color='%237A4C8F'/%3E%3Cstop offset='0.56' stop-color='%23E26F6A'/%3E%3Cstop offset='0.72' stop-color='%23F6A94F'/%3E%3C/linearGradient%3E%3CradialGradient id='gettingl2'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.75'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='gettingr3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232A2350'/%3E%3Cstop offset='1' stop-color='%23161A3E'/%3E%3C/linearGradient%3E%3CradialGradient id='gettingl4'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='gettingl5'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='gettingl6'%3E%3Cstop offset='0' stop-color='%23BFE0F2' stop-opacity='0.8'/%3E%3Cstop offset='1' stop-color='%23BFE0F2' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23gettinsky1)'/%3E%3Cg fill='%23fff' opacity='0.45'%3E%3Ccircle cx='196' cy='128' r='0.8'/%3E%3Ccircle cx='24' cy='48' r='1'/%3E%3Ccircle cx='258' cy='30' r='1.5'/%3E%3Ccircle cx='514' cy='37' r='1'/%3E%3Ccircle cx='99' cy='95' r='1.2'/%3E%3Ccircle cx='450' cy='32' r='1.2'/%3E%3Ccircle cx='513' cy='69' r='0.8'/%3E%3Ccircle cx='298' cy='120' r='1.2'/%3E%3Ccircle cx='380' cy='79' r='1'/%3E%3Ccircle cx='445' cy='58' r='0.8'/%3E%3Ccircle cx='260' cy='97' r='1.2'/%3E%3Ccircle cx='208' cy='89' r='1.5'/%3E%3Ccircle cx='225' cy='96' r='1'/%3E%3Ccircle cx='44' cy='85' r='1.5'/%3E%3Ccircle cx='201' cy='93' r='1.2'/%3E%3Ccircle cx='265' cy='53' r='1.5'/%3E%3C/g%3E%3Ccircle cx='470' cy='270' r='130' fill='url(%23gettingl2)'/%3E%3Ccircle cx='470' cy='270' r='34' fill='%23FFD36B'/%3E%3Crect x='0' y='201' width='33' height='119' fill='%235A3C74'/%3E%3Cpath d='M6 215h3v4h-3zM24 215h3v4h-3zM6 230h3v4h-3zM24 230h3v4h-3zM15 244h3v4h-3zM15 258h3v4h-3zM6 273h3v4h-3zM15 273h3v4h-3zM6 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='39' y='218' width='39' height='102' fill='%235A3C74'/%3E%3Cpath d='M46 246h3v4h-3zM57 246h3v4h-3zM46 260h3v4h-3zM57 260h3v4h-3zM46 274h3v4h-3zM46 288h3v4h-3zM57 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='80' y='264' width='29' height='56' fill='%235A3C74'/%3E%3Cpath d='M98 290h3v4h-3zM98 303h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='115' y='260' width='23' height='60' fill='%235A3C74'/%3E%3Cpath d='M121 302h3v4h-3zM129 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='141' y='217' width='41' height='103' fill='%235A3C74'/%3E%3Cpath d='M147 231h3v4h-3zM156 231h3v4h-3zM173 231h3v4h-3zM164 245h3v4h-3zM173 245h3v4h-3zM156 259h3v4h-3zM156 274h3v4h-3zM164 274h3v4h-3zM173 274h3v4h-3zM147 288h3v4h-3zM147 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='184' y='252' width='36' height='68' fill='%235A3C74'/%3E%3Cpath d='M191 278h3v4h-3zM210 278h3v4h-3zM191 290h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='224' y='223' width='35' height='97' fill='%235A3C74'/%3E%3Cpath d='M250 263h3v4h-3zM240 276h3v4h-3zM250 289h3v4h-3zM230 303h3v4h-3zM250 303h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='259' y='243' width='23' height='77' fill='%235A3C74'/%3E%3Cpath d='M265 258h3v4h-3zM273 258h3v4h-3zM265 287h3v4h-3zM273 287h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='287' y='202' width='28' height='118' fill='%235A3C74'/%3E%3Cpath d='M294 259h3v4h-3zM294 273h3v4h-3zM305 273h3v4h-3zM305 288h3v4h-3zM294 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='318' y='241' width='43' height='79' fill='%235A3C74'/%3E%3Cpath d='M324 256h3v4h-3zM324 286h3v4h-3zM333 286h3v4h-3zM324 301h3v4h-3zM333 301h3v4h-3zM343 301h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='367' y='238' width='35' height='82' fill='%235A3C74'/%3E%3Cpath d='M383 277h3v4h-3zM392 277h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='405' y='216' width='38' height='104' fill='%235A3C74'/%3E%3Cpath d='M433 230h3v4h-3zM422 245h3v4h-3zM412 259h3v4h-3zM422 259h3v4h-3zM422 287h3v4h-3zM433 287h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='445' y='206' width='34' height='114' fill='%235A3C74'/%3E%3Cpath d='M451 220h3v4h-3zM460 234h3v4h-3zM460 247h3v4h-3zM470 261h3v4h-3zM470 275h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='485' y='220' width='35' height='100' fill='%235A3C74'/%3E%3Cpath d='M501 234h3v4h-3zM510 234h3v4h-3zM501 275h3v4h-3zM501 289h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='524' y='253' width='32' height='67' fill='%235A3C74'/%3E%3Cpath d='M530 266h3v4h-3zM547 266h3v4h-3zM547 303h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='559' y='208' width='30' height='112' fill='%235A3C74'/%3E%3Cpath d='M564 222h3v4h-3zM572 222h3v4h-3zM564 235h3v4h-3zM564 248h3v4h-3zM572 248h3v4h-3zM581 248h3v4h-3zM572 276h3v4h-3zM572 289h3v4h-3zM581 289h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='590' y='227' width='40' height='93' fill='%235A3C74'/%3E%3Cpath d='M604 242h3v4h-3zM621 257h3v4h-3zM613 272h3v4h-3zM604 286h3v4h-3zM613 286h3v4h-3zM621 286h3v4h-3zM604 301h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='0' y='336' width='600' height='164' fill='url(%23gettingr3)'/%3E%3Crect x='0' y='380' width='600' height='60' fill='%23161A3E' opacity='.75'/%3E%3Cg fill='%23fff' opacity='.35'%3E%3Crect x='20' y='408' width='44' height='3'/%3E%3Crect x='110' y='408' width='44' height='3'/%3E%3Crect x='200' y='408' width='44' height='3'/%3E%3Crect x='290' y='408' width='44' height='3'/%3E%3Crect x='380' y='408' width='44' height='3'/%3E%3Crect x='470' y='408' width='44' height='3'/%3E%3Crect x='560' y='408' width='44' height='3'/%3E%3C/g%3E%3Crect x='230' y='276' width='300' height='104' rx='18' fill='%23FDDE0B'/%3E%3Crect x='230' y='350' width='300' height='12' fill='%23E8C400'/%3E%3Crect x='248' y='292' width='40' height='40' rx='6' fill='%23FFD36B'/%3E%3Crect x='300' y='292' width='40' height='40' rx='6' fill='%23FFE9A8'/%3E%3Crect x='352' y='292' width='40' height='40' rx='6' fill='%23FFD36B'/%3E%3Crect x='404' y='292' width='40' height='40' rx='6' fill='%23FFE9A8'/%3E%3Crect x='456' y='292' width='40' height='40' rx='6' fill='%23FFD36B'/%3E%3Crect x='234' y='282' width='10' height='22' rx='3' fill='%23FFF7E6'/%3E%3Crect x='506' y='292' width='18' height='56' rx='4' fill='%23161A3E' opacity='.85'/%3E%3Ccircle cx='290' cy='384' r='16' fill='%23161A3E'/%3E%3Ccircle cx='470' cy='384' r='16' fill='%23161A3E'/%3E%3Ccircle cx='290' cy='384' r='6' fill='%238A93A8'/%3E%3Ccircle cx='470' cy='384' r='6' fill='%238A93A8'/%3E%3Ccircle cx='226' cy='360' r='30' fill='url(%23gettingl4)'/%3E%3Crect x='132' y='290' width='5' height='96' fill='%23161A3E'/%3E%3Crect x='118' y='272' width='34' height='26' rx='6' fill='%235FA58C'/%3E%3Crect x='124' y='280' width='22' height='10' rx='2' fill='%23FFF7E6'/%3E%3Crect x='40' y='300' width='70' height='6' rx='2' fill='%23E9D7B0'/%3E%3Crect x='44' y='306' width='4' height='80' fill='%23E9D7B0'/%3E%3Crect x='102' y='306' width='4' height='80' fill='%23E9D7B0'/%3E%3Crect x='48' y='310' width='54' height='56' fill='%23BFE0F2' opacity='.25'/%3E%3Ccircle cx='180' cy='344.52' r='56.12' fill='url(%23gettingl5)'/%3E%3Cg%3E%3Crect x='170.2' y='356.7' width='7.9' height='29.3' rx='3.9' fill='%23FDDE0B'/%3E%3Crect x='181.8' y='356.7' width='7.9' height='29.3' rx='3.9' fill='%23FDDE0B'/%3E%3Cpath d='M166.6 361.6 L169.0 334.8 Q180.0 327.4 191.0 334.8 L193.4 361.6z' fill='%23FDDE0B'/%3E%3Cpath d='M170.2 337.2 l7.3 12.2 l9.8 0' stroke='%23FDDE0B' stroke-width='6.7' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Ccircle cx='180.0' cy='321.3' r='10.4' fill='%238A5A3C'/%3E%3Cpath d='M169.5 320.1 a10.5 10.5 0 0 1 21.0 0 q-10.5 -3.7 -21.0 0z' fill='%232A1E1A'/%3E%3C/g%3E%3Ccircle cx='186' cy='346' r='14' fill='url(%23gettingl6)'/%3E%3Crect x='181' y='340' width='9' height='13' rx='2' fill='%23DFF1FA'/%3E%3C/svg%3E"); }
.gcl-art--how-we-build-capacity { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='how-wesky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231B2756'/%3E%3Cstop offset='0.32' stop-color='%232C4F72'/%3E%3Cstop offset='0.56' stop-color='%234E8B86'/%3E%3Cstop offset='0.72' stop-color='%23E9C97B'/%3E%3C/linearGradient%3E%3CradialGradient id='how-wegl2'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='how-wegr3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231A3550'/%3E%3Cstop offset='1' stop-color='%2310203A'/%3E%3C/linearGradient%3E%3CradialGradient id='how-wegl4'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='how-wegl5'%3E%3Cstop offset='0' stop-color='%235FA58C' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%235FA58C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='how-wegl6'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='how-wegl7'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='how-wegl8'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='how-wegl9'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='how-wegl10'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='how-wegl11'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='how-wegl12'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='how-wegl13'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23how-wesky1)'/%3E%3Cg fill='%23fff' opacity='0.55'%3E%3Ccircle cx='294' cy='51' r='1.5'/%3E%3Ccircle cx='585' cy='66' r='1.5'/%3E%3Ccircle cx='312' cy='170' r='0.8'/%3E%3Ccircle cx='506' cy='123' r='1'/%3E%3Ccircle cx='469' cy='48' r='0.8'/%3E%3Ccircle cx='269' cy='125' r='0.8'/%3E%3Ccircle cx='433' cy='110' r='1.5'/%3E%3Ccircle cx='518' cy='161' r='1.5'/%3E%3Ccircle cx='192' cy='34' r='1.2'/%3E%3Ccircle cx='590' cy='172' r='1'/%3E%3Ccircle cx='100' cy='138' r='1.2'/%3E%3Ccircle cx='310' cy='53' r='1'/%3E%3Ccircle cx='32' cy='75' r='1.2'/%3E%3Ccircle cx='288' cy='32' r='1'/%3E%3Ccircle cx='524' cy='63' r='1.5'/%3E%3Ccircle cx='94' cy='41' r='0.8'/%3E%3Ccircle cx='203' cy='53' r='1'/%3E%3Ccircle cx='457' cy='138' r='1.5'/%3E%3Ccircle cx='581' cy='81' r='1.2'/%3E%3Ccircle cx='319' cy='71' r='0.8'/%3E%3Ccircle cx='427' cy='47' r='1.5'/%3E%3Ccircle cx='410' cy='35' r='0.8'/%3E%3Ccircle cx='378' cy='125' r='1'/%3E%3Ccircle cx='359' cy='145' r='0.8'/%3E%3Ccircle cx='147' cy='81' r='0.8'/%3E%3Ccircle cx='569' cy='96' r='1.5'/%3E%3Ccircle cx='430' cy='86' r='1.5'/%3E%3Ccircle cx='90' cy='145' r='0.8'/%3E%3Ccircle cx='105' cy='46' r='1.2'/%3E%3Ccircle cx='555' cy='139' r='0.8'/%3E%3C/g%3E%3Ccircle cx='470' cy='120' r='80' fill='url(%23how-wegl2)'/%3E%3Cpath d='M470 92 l8 18 20 2 -15 13 5 20 -18 -10 -18 10 5 -20 -15 -13 20 -2z' fill='%23FDDE0B'/%3E%3Cpath d='M-20 330 Q33 313 86 336 Q139 319 192 336 Q261 307 330 329 Q396 316 462 327 Q508 309 554 335 Q631 305 708 329 V500 H-20z' fill='%232F5A6E' opacity='1'/%3E%3Crect x='0' y='352' width='600' height='148' fill='url(%23how-wegr3)'/%3E%3Crect x='150' y='360' width='64' height='16' rx='8' fill='%23F1DFA6' opacity='0.55'/%3E%3Crect x='220' y='330' width='64' height='16' rx='8' fill='%23F1DFA6' opacity='0.64'/%3E%3Crect x='290' y='300' width='64' height='16' rx='8' fill='%23F1DFA6' opacity='0.73'/%3E%3Crect x='360' y='270' width='64' height='16' rx='8' fill='%23F1DFA6' opacity='0.82'/%3E%3Crect x='430' y='240' width='64' height='16' rx='8' fill='%23F1DFA6' opacity='0.91'/%3E%3Ccircle cx='322' cy='261.1125' r='52.612500000000004' fill='url(%23how-wegl4)'/%3E%3Cg%3E%3Crect x='312.9' y='272.6' width='7.4' height='27.5' rx='3.7' fill='%23FDDE0B'/%3E%3Crect x='323.7' y='272.6' width='7.4' height='27.5' rx='3.7' fill='%23FDDE0B'/%3E%3Cpath d='M309.4 277.1 L311.7 252.0 Q322.0 245.1 332.3 252.0 L334.6 277.1z' fill='%23FDDE0B'/%3E%3Cpath d='M331.1 254.2 l10.3 -14.9' stroke='%23FDDE0B' stroke-width='6.9' stroke-linecap='round'/%3E%3Ccircle cx='322.0' cy='239.4' r='9.7' fill='%238A5A3C'/%3E%3Cpath d='M312.2 238.2 a9.8 9.8 0 0 1 19.7 0 q-9.8 -3.4 -19.7 0z' fill='%232A1E1A'/%3E%3C/g%3E%3Ccircle cx='180' cy='323.1125' r='52.612500000000004' fill='url(%23how-wegl5)'/%3E%3Cg%3E%3Crect x='170.8' y='334.6' width='7.4' height='27.5' rx='3.7' fill='%235FA58C'/%3E%3Crect x='181.7' y='334.6' width='7.4' height='27.5' rx='3.7' fill='%235FA58C'/%3E%3Cpath d='M167.4 339.1 L169.7 314.0 Q180.0 307.1 190.3 314.0 L192.6 339.1z' fill='%235FA58C'/%3E%3Ccircle cx='180.0' cy='301.4' r='9.7' fill='%23C98D62'/%3E%3Cpath d='M170.2 300.2 a9.8 9.8 0 0 1 19.7 0 q-9.8 -3.4 -19.7 0z' fill='%234A2E1E'/%3E%3C/g%3E%3Ccircle cx='448' cy='205' r='10.8' fill='url(%23how-wegl6)'/%3E%3Ccircle cx='448' cy='205' r='1.8' fill='%23FFF0A0'/%3E%3Ccircle cx='285' cy='161' r='10.8' fill='url(%23how-wegl7)'/%3E%3Ccircle cx='285' cy='161' r='1.8' fill='%23FFF0A0'/%3E%3Ccircle cx='236' cy='178' r='10.8' fill='url(%23how-wegl8)'/%3E%3Ccircle cx='236' cy='178' r='1.8' fill='%23FFF0A0'/%3E%3Ccircle cx='144' cy='224' r='10.8' fill='url(%23how-wegl9)'/%3E%3Ccircle cx='144' cy='224' r='1.8' fill='%23FFF0A0'/%3E%3Ccircle cx='221' cy='184' r='10.8' fill='url(%23how-wegl10)'/%3E%3Ccircle cx='221' cy='184' r='1.8' fill='%23FFF0A0'/%3E%3Ccircle cx='332' cy='156' r='10.8' fill='url(%23how-wegl11)'/%3E%3Ccircle cx='332' cy='156' r='1.8' fill='%23FFF0A0'/%3E%3Ccircle cx='468' cy='301' r='10.8' fill='url(%23how-wegl12)'/%3E%3Ccircle cx='468' cy='301' r='1.8' fill='%23FFF0A0'/%3E%3Ccircle cx='436' cy='253' r='10.8' fill='url(%23how-wegl13)'/%3E%3Ccircle cx='436' cy='253' r='1.8' fill='%23FFF0A0'/%3E%3C/svg%3E"); }
.gcl-art--mentor-module-02-your-employment { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='mentorsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2328244F'/%3E%3Cstop offset='0.32' stop-color='%23674A80'/%3E%3Cstop offset='0.56' stop-color='%23C47E6E'/%3E%3Cstop offset='0.72' stop-color='%23F3C48D'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl2'%3E%3Cstop offset='0' stop-color='%23FFF1C4' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFF1C4' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='mentorgr3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2333284F'/%3E%3Cstop offset='1' stop-color='%231C1838'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl4'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl5'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl6'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl7'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl8'%3E%3Cstop offset='0' stop-color='%235FA58C' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%235FA58C' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23mentorsky1)'/%3E%3Cg fill='%23fff' opacity='0.55'%3E%3Ccircle cx='41' cy='129' r='1.5'/%3E%3Ccircle cx='23' cy='72' r='1.5'/%3E%3Ccircle cx='511' cy='91' r='1'/%3E%3Ccircle cx='43' cy='153' r='1.5'/%3E%3Ccircle cx='343' cy='39' r='1'/%3E%3Ccircle cx='377' cy='31' r='1.5'/%3E%3Ccircle cx='150' cy='110' r='1.5'/%3E%3Ccircle cx='439' cy='92' r='1.2'/%3E%3Ccircle cx='475' cy='64' r='1.2'/%3E%3Ccircle cx='379' cy='54' r='1.5'/%3E%3Ccircle cx='253' cy='132' r='1.5'/%3E%3Ccircle cx='53' cy='169' r='0.8'/%3E%3Ccircle cx='249' cy='54' r='1'/%3E%3Ccircle cx='318' cy='157' r='1.2'/%3E%3Ccircle cx='253' cy='100' r='1.5'/%3E%3Ccircle cx='454' cy='140' r='0.8'/%3E%3Ccircle cx='340' cy='148' r='1'/%3E%3Ccircle cx='237' cy='125' r='1'/%3E%3Ccircle cx='45' cy='28' r='1.5'/%3E%3Ccircle cx='316' cy='38' r='0.8'/%3E%3Ccircle cx='161' cy='118' r='1.2'/%3E%3Ccircle cx='161' cy='48' r='0.8'/%3E%3Ccircle cx='460' cy='62' r='1'/%3E%3Ccircle cx='365' cy='130' r='1.5'/%3E%3C/g%3E%3Ccircle cx='300' cy='120' r='90' fill='url(%23mentorgl2)'/%3E%3Ccircle cx='300' cy='120' r='34' fill='%23FFF3CF'/%3E%3Cpath d='M300 120 V98 M300 120 l15 8' stroke='%23C9A65A' stroke-width='4' stroke-linecap='round'/%3E%3Cg fill='%23C9A65A'%3E%3Ccircle cx='300' cy='92' r='2'/%3E%3Ccircle cx='328' cy='120' r='2'/%3E%3Ccircle cx='300' cy='148' r='2'/%3E%3Ccircle cx='272' cy='120' r='2'/%3E%3C/g%3E%3Cpath d='M-20 300 Q52 290 123 307 Q202 288 281 304 Q352 290 423 298 Q483 284 543 294 Q612 291 681 296 V500 H-20z' fill='%236A4A78' opacity='1'/%3E%3Crect x='0' y='340' width='600' height='160' fill='url(%23mentorgr3)'/%3E%3Cpath d='M32 270 L100.0 228 L168 270z' fill='%234A3766'/%3E%3Crect x='126.39999999999999' y='234.3' width='12' height='25.2' fill='%234A3766'/%3E%3Crect x='40' y='270' width='120' height='70' fill='%234A3766'/%3E%3Ccircle cx='76.0' cy='301.5' r='34' fill='url(%23mentorgl4)'/%3E%3Crect x='59' y='290' width='34' height='22' rx='2' fill='%23FFD36B'/%3E%3Crect x='75' y='290' width='2' height='22' fill='%234A3766'/%3E%3Crect x='112' y='297' width='24' height='43' rx='2' fill='%231C1838'/%3E%3Cpath d='M192 266 L255.0 226 L318 266z' fill='%2333284F'/%3E%3Crect x='200' y='266' width='110' height='74' fill='%2333284F'/%3E%3Ccircle cx='233.0' cy='299.3' r='34' fill='url(%23mentorgl5)'/%3E%3Crect x='218' y='287' width='31' height='24' rx='2' fill='%23FFD36B'/%3E%3Crect x='232' y='287' width='2' height='24' fill='%2333284F'/%3E%3Crect x='266' y='294' width='22' height='46' rx='2' fill='%231C1838'/%3E%3Cpath d='M362 274 L435.0 230 L508 274z' fill='%234A3766'/%3E%3Crect x='463.6' y='236.6' width='12' height='26.4' fill='%234A3766'/%3E%3Crect x='370' y='274' width='130' height='66' fill='%234A3766'/%3E%3Ccircle cx='409.0' cy='303.7' r='34' fill='url(%23mentorgl6)'/%3E%3Crect x='391' y='292' width='36' height='21' rx='2' fill='%23FFD36B'/%3E%3Crect x='408' y='292' width='2' height='21' fill='%234A3766'/%3E%3Crect x='448' y='299' width='26' height='41' rx='2' fill='%231C1838'/%3E%3Crect x='536.7' y='309.0' width='6.6' height='33.0' fill='%2333284F'/%3E%3Cg fill='%2333284F'%3E%3Ccircle cx='540' cy='284.8' r='26.4'/%3E%3Ccircle cx='522.4' cy='300.2' r='17.6'/%3E%3Ccircle cx='557.6' cy='300.2' r='18.7'/%3E%3C/g%3E%3Crect x='0' y='352' width='600' height='10' fill='%231C1838' opacity='.6'/%3E%3Ccircle cx='190' cy='266' r='70' fill='url(%23mentorgl7)'/%3E%3Crect x='174' y='260' width='4' height='120' fill='%231C1838'/%3E%3Cpath d='M176 260 q14 -6 20 4' stroke='%231C1838' stroke-width='4' fill='none'/%3E%3Ccircle cx='196' cy='267' r='6' fill='%23FFD36B'/%3E%3Ccircle cx='250' cy='367.22375' r='57.873749999999994' fill='url(%23mentorgl8)'/%3E%3Cg%3E%3Crect x='239.9' y='379.8' width='8.2' height='30.2' rx='4.0' fill='%235FA58C'/%3E%3Crect x='251.9' y='379.8' width='8.2' height='30.2' rx='4.0' fill='%235FA58C'/%3E%3Cpath d='M236.2 384.8 L238.7 357.2 Q250.0 349.6 261.3 357.2 L263.8 384.8z' fill='%235FA58C'/%3E%3Cpath d='M239.9 359.7 l7.5 12.6 l10.1 0' stroke='%235FA58C' stroke-width='6.9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Ccircle cx='250.0' cy='343.3' r='10.7' fill='%23C98D62'/%3E%3Cpath d='M239.2 342.1 a10.8 10.8 0 0 1 21.6 0 q-10.8 -3.8 -21.6 0z' fill='%234A2E1E'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--mentor-module-03-code-of-conduct { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='mentorsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2318265A'/%3E%3Cstop offset='0.32' stop-color='%232D4A8C'/%3E%3Cstop offset='0.56' stop-color='%235F7FC0'/%3E%3Cstop offset='0.72' stop-color='%23E7A79A'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl2'%3E%3Cstop offset='0' stop-color='%23FFF1C4' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFF1C4' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='mentorgr3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231E2A5A'/%3E%3Cstop offset='1' stop-color='%23121A3C'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl4'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl5'%3E%3Cstop offset='0' stop-color='%235FA58C' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%235FA58C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl6'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23mentorsky1)'/%3E%3Cg fill='%23fff' opacity='0.55'%3E%3Ccircle cx='542' cy='126' r='1.2'/%3E%3Ccircle cx='382' cy='94' r='1'/%3E%3Ccircle cx='561' cy='91' r='0.8'/%3E%3Ccircle cx='35' cy='83' r='1.5'/%3E%3Ccircle cx='437' cy='84' r='1.2'/%3E%3Ccircle cx='419' cy='55' r='0.8'/%3E%3Ccircle cx='151' cy='70' r='1'/%3E%3Ccircle cx='553' cy='73' r='1.2'/%3E%3Ccircle cx='560' cy='51' r='0.8'/%3E%3Ccircle cx='324' cy='124' r='0.8'/%3E%3Ccircle cx='527' cy='141' r='1'/%3E%3Ccircle cx='426' cy='149' r='1.2'/%3E%3Ccircle cx='26' cy='130' r='1.2'/%3E%3Ccircle cx='60' cy='110' r='0.8'/%3E%3Ccircle cx='496' cy='115' r='0.8'/%3E%3Ccircle cx='423' cy='81' r='0.8'/%3E%3Ccircle cx='578' cy='74' r='1'/%3E%3Ccircle cx='547' cy='112' r='0.8'/%3E%3Ccircle cx='281' cy='36' r='1.2'/%3E%3Ccircle cx='205' cy='53' r='1.2'/%3E%3Ccircle cx='322' cy='109' r='1.2'/%3E%3Ccircle cx='182' cy='105' r='0.8'/%3E%3C/g%3E%3Ccircle cx='460' cy='110' r='80' fill='url(%23mentorgl2)'/%3E%3Ccircle cx='460' cy='110' r='20' fill='%23FFF3CF'/%3E%3Ccircle cx='453.0' cy='106.0' r='3.6' fill='%23EADFB8' opacity='.6'/%3E%3Ccircle cx='466.0' cy='116.0' r='2.4' fill='%23EADFB8' opacity='.6'/%3E%3Crect x='0' y='233' width='40' height='67' fill='%233A4F8A'/%3E%3Cpath d='M23 246h3v4h-3zM6 258h3v4h-3zM31 258h3v4h-3zM6 271h3v4h-3zM14 271h3v4h-3zM31 283h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='43' y='218' width='40' height='82' fill='%233A4F8A'/%3E%3Cpath d='M57 231h3v4h-3zM66 231h3v4h-3zM74 231h3v4h-3zM49 244h3v4h-3zM57 244h3v4h-3zM74 257h3v4h-3zM57 270h3v4h-3zM66 283h3v4h-3zM74 283h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='88' y='256' width='29' height='44' fill='%233A4F8A'/%3E%3Cpath d='M106 269h3v4h-3zM96 283h3v4h-3zM106 283h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='122' y='233' width='37' height='67' fill='%233A4F8A'/%3E%3Cpath d='M139 271h3v4h-3zM129 283h3v4h-3zM149 283h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='164' y='234' width='40' height='66' fill='%233A4F8A'/%3E%3Cpath d='M178 246h3v4h-3zM170 259h3v4h-3zM187 259h3v4h-3zM170 271h3v4h-3zM187 271h3v4h-3zM178 284h3v4h-3zM187 284h3v4h-3zM195 284h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='208' y='235' width='44' height='65' fill='%233A4F8A'/%3E%3Cpath d='M233 259h3v4h-3zM243 259h3v4h-3zM214 284h3v4h-3zM224 284h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='252' y='240' width='25' height='60' fill='%233A4F8A'/%3E%3Cpath d='M258 268h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='277' y='236' width='36' height='64' fill='%233A4F8A'/%3E%3Cpath d='M284 260h3v4h-3zM303 260h3v4h-3zM303 272h3v4h-3zM294 284h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='317' y='218' width='40' height='82' fill='%233A4F8A'/%3E%3Cpath d='M331 244h3v4h-3zM348 257h3v4h-3zM323 270h3v4h-3zM331 283h3v4h-3zM340 283h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='362' y='240' width='28' height='60' fill='%233A4F8A'/%3E%3Cpath d='M380 254h3v4h-3zM369 282h3v4h-3zM380 282h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='393' y='237' width='36' height='63' fill='%233A4F8A'/%3E%3Cpath d='M419 266h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='435' y='211' width='31' height='89' fill='%233A4F8A'/%3E%3Cpath d='M458 225h3v4h-3zM449 268h3v4h-3zM458 268h3v4h-3zM440 282h3v4h-3zM449 282h3v4h-3zM458 282h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='466' y='239' width='32' height='61' fill='%233A4F8A'/%3E%3Cpath d='M472 253h3v4h-3zM480 253h3v4h-3zM472 268h3v4h-3zM480 268h3v4h-3zM489 268h3v4h-3zM472 282h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='499' y='223' width='26' height='77' fill='%233A4F8A'/%3E%3Cpath d='M506 238h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='530' y='221' width='42' height='79' fill='%233A4F8A'/%3E%3Cpath d='M545 236h3v4h-3zM554 236h3v4h-3zM536 281h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='577' y='245' width='37' height='55' fill='%233A4F8A'/%3E%3Cpath d='M594 258h3v4h-3zM584 283h3v4h-3zM594 283h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Cpath d='M-20 320 Q50 313 120 317 Q169 309 218 316 Q264 314 309 328 Q381 307 453 312 Q519 310 585 323 Q646 313 706 326 V500 H-20z' fill='%232A3A72' opacity='1'/%3E%3Crect x='0' y='336' width='600' height='164' fill='url(%23mentorgr3)'/%3E%3Crect x='95.8' y='308.0' width='8.4' height='42.0' fill='%231E2A5A'/%3E%3Cg fill='%231E2A5A'%3E%3Ccircle cx='100' cy='277.2' r='33.6'/%3E%3Ccircle cx='77.6' cy='296.8' r='22.4'/%3E%3Ccircle cx='122.4' cy='296.8' r='23.8'/%3E%3C/g%3E%3Crect x='506.1' y='311.0' width='7.8' height='39.0' fill='%231E2A5A'/%3E%3Cg fill='%231E2A5A'%3E%3Ccircle cx='510' cy='282.4' r='31.2'/%3E%3Ccircle cx='489.2' cy='300.6' r='20.8'/%3E%3Ccircle cx='530.8' cy='300.6' r='22.1'/%3E%3C/g%3E%3Ccircle cx='224' cy='266' r='70' fill='url(%23mentorgl4)'/%3E%3Crect x='208' y='260' width='4' height='140' fill='%23121A3C'/%3E%3Cpath d='M210 260 q14 -6 20 4' stroke='%23121A3C' stroke-width='4' fill='none'/%3E%3Ccircle cx='230' cy='267' r='6' fill='%23FFD36B'/%3E%3Crect x='250' y='368' width='120' height='8' rx='3' fill='%23121A3C'/%3E%3Crect x='252' y='346' width='116' height='7' rx='3' fill='%23121A3C'/%3E%3Crect x='258' y='374' width='6' height='26' fill='%23121A3C'/%3E%3Crect x='356' y='374' width='6' height='26' fill='%23121A3C'/%3E%3Ccircle cx='282' cy='351.81624999999997' r='54.36625' fill='url(%23mentorgl5)'/%3E%3Cg%3E%3Crect x='271.4' y='366.0' width='26.0' height='8.3' rx='3' fill='%235FA58C' opacity='.9'/%3E%3Crect x='291.5' y='370.7' width='7.1' height='21.3' rx='3' fill='%235FA58C'/%3E%3Cpath d='M269.0 370.7 L271.4 344.7 Q282.0 337.6 292.6 344.7 L295.0 370.7z' fill='%235FA58C'/%3E%3Ccircle cx='282.0' cy='331.7' r='10.0' fill='%236B4630'/%3E%3Cpath d='M271.8 330.5 a10.2 10.2 0 0 1 20.3 0 q-10.2 -3.5 -20.3 0z' fill='%236B4A2E'/%3E%3C/g%3E%3Ccircle cx='338' cy='351.81624999999997' r='54.36625' fill='url(%23mentorgl6)'/%3E%3Cg%3E%3Crect x='327.4' y='366.0' width='26.0' height='8.3' rx='3' fill='%23FDDE0B' opacity='.9'/%3E%3Crect x='328.5' y='370.7' width='7.1' height='21.3' rx='3' fill='%23FDDE0B'/%3E%3Cpath d='M325.0 370.7 L327.4 344.7 Q338.0 337.6 348.6 344.7 L351.0 370.7z' fill='%23FDDE0B'/%3E%3Ccircle cx='338.0' cy='331.7' r='10.0' fill='%23E8B48A'/%3E%3Cpath d='M327.8 330.5 a10.2 10.2 0 0 1 20.3 0 q-10.2 -3.5 -20.3 0z' fill='%231D1A26'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='.9'%3E%3Crect x='262' y='270' width='34' height='20' rx='10'/%3E%3Cpath d='M276 289 l-4 8 10 -8z'/%3E%3C/g%3E%3Cg fill='%23FDDE0B'%3E%3Crect x='326' y='256' width='40' height='22' rx='11'/%3E%3Cpath d='M346 277 l6 8 2 -8z'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--mentor-module-04-hard-boundaries { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='mentorsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23262B63'/%3E%3Cstop offset='0.32' stop-color='%237A4C8F'/%3E%3Cstop offset='0.56' stop-color='%23E26F6A'/%3E%3Cstop offset='0.72' stop-color='%23F6A94F'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl2'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.75'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl3'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='mentorgr4' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232A2350'/%3E%3Cstop offset='1' stop-color='%23161A3E'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl5'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl6'%3E%3Cstop offset='0' stop-color='%235FA58C' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%235FA58C' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23mentorsky1)'/%3E%3Cg fill='%23fff' opacity='0.45'%3E%3Ccircle cx='400' cy='127' r='1'/%3E%3Ccircle cx='231' cy='41' r='1'/%3E%3Ccircle cx='181' cy='105' r='0.8'/%3E%3Ccircle cx='162' cy='123' r='1.2'/%3E%3Ccircle cx='21' cy='76' r='1.5'/%3E%3Ccircle cx='126' cy='23' r='1'/%3E%3Ccircle cx='511' cy='114' r='1.5'/%3E%3Ccircle cx='319' cy='83' r='0.8'/%3E%3Ccircle cx='268' cy='127' r='1'/%3E%3Ccircle cx='342' cy='59' r='0.8'/%3E%3Ccircle cx='563' cy='103' r='1.2'/%3E%3Ccircle cx='42' cy='47' r='1.2'/%3E%3Ccircle cx='355' cy='115' r='0.8'/%3E%3Ccircle cx='326' cy='32' r='1'/%3E%3Ccircle cx='164' cy='124' r='1.5'/%3E%3Ccircle cx='298' cy='54' r='1.2'/%3E%3C/g%3E%3Ccircle cx='420' cy='292' r='140' fill='url(%23mentorgl2)'/%3E%3Ccircle cx='420' cy='292' r='36' fill='%23FFD36B'/%3E%3Cpath d='M-20 316 Q60 295 139 315 Q217 299 295 316 Q356 298 416 314 Q486 303 555 321 Q630 299 704 324 V500 H-20z' fill='%235A3C74' opacity='1'/%3E%3Cpath d='M242 250 L325.0 200 L408 250z' fill='%233A2E62'/%3E%3Crect x='358.0' y='207.5' width='12' height='30.0' fill='%233A2E62'/%3E%3Crect x='250' y='250' width='150' height='84' fill='%233A2E62'/%3E%3Ccircle cx='295.0' cy='287.8' r='34' fill='url(%23mentorgl3)'/%3E%3Crect x='274' y='274' width='42' height='27' rx='2' fill='%23FFD36B'/%3E%3Crect x='294' y='274' width='2' height='27' fill='%233A2E62'/%3E%3Crect x='340' y='282' width='30' height='52' rx='2' fill='%23161A3E'/%3E%3Crect x='0' y='334' width='600' height='166' fill='url(%23mentorgr4)'/%3E%3Cg fill='%23B9A0C9' opacity='.8'%3E%3Cpath d='M-6 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M16 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M38 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M60 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M82 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M104 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M126 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M148 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M170 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M192 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M214 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M236 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M258 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M346 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M368 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M390 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M412 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M434 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M456 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M478 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M500 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M522 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M544 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M566 400 v-38 l7 -9 7 9 v38z'/%3E%3Cpath d='M588 400 v-38 l7 -9 7 9 v38z'/%3E%3Crect x='0' y='372' width='600' height='6'/%3E%3Crect x='0' y='390' width='600' height='6'/%3E%3C/g%3E%3Ccircle cx='302' cy='376' r='60' fill='url(%23mentorgl5)'/%3E%3Cg fill='none' stroke='%23FFD36B' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M268 400 V360 Q302 344 336 360 V400'/%3E%3Cpath d='M285 400 V356 M302 400 V352 M319 400 V356'/%3E%3Cpath d='M268 380 H336'/%3E%3C/g%3E%3Ccircle cx='330' cy='384' r='4' fill='%23FFF3CF'/%3E%3Ccircle cx='220' cy='386.63125' r='61.381249999999994' fill='url(%23mentorgl6)'/%3E%3Cg%3E%3Crect x='209.3' y='400.0' width='8.7' height='32.0' rx='4.3' fill='%235FA58C'/%3E%3Crect x='222.0' y='400.0' width='8.7' height='32.0' rx='4.3' fill='%235FA58C'/%3E%3Cpath d='M205.3 405.3 L208.0 376.0 Q220.0 367.9 232.0 376.0 L234.7 405.3z' fill='%235FA58C'/%3E%3Cpath d='M230.7 378.6 l14.7 -4.0 l2.7 -13.3' stroke='%235FA58C' stroke-width='8.0' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Ccircle cx='237.3' cy='359.9' r='5.3' fill='%23C98D62'/%3E%3Ccircle cx='220.0' cy='361.3' r='11.3' fill='%23C98D62'/%3E%3Cpath d='M208.5 359.9 a11.5 11.5 0 0 1 23.0 0 q-11.5 -4.0 -23.0 0z' fill='%234A2E1E'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--mentor-module-05-incidents-and-reporting { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='mentorsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23262B63'/%3E%3Cstop offset='0.30' stop-color='%237A4C8F'/%3E%3Cstop offset='0.51' stop-color='%23E26F6A'/%3E%3Cstop offset='0.66' stop-color='%23F6A94F'/%3E%3C/linearGradient%3E%3ClinearGradient id='mentorwa2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23E26F6A'/%3E%3Cstop offset='.35' stop-color='%237A4C8F'/%3E%3Cstop offset='1' stop-color='%23161A3E'/%3E%3C/linearGradient%3E%3ClinearGradient id='mentorbeam3' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='.75'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl4'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23mentorsky1)'/%3E%3Cg fill='%23fff' opacity='0.55'%3E%3Ccircle cx='20' cy='140' r='0.8'/%3E%3Ccircle cx='410' cy='56' r='0.8'/%3E%3Ccircle cx='150' cy='48' r='1'/%3E%3Ccircle cx='150' cy='57' r='0.8'/%3E%3Ccircle cx='70' cy='54' r='1'/%3E%3Ccircle cx='556' cy='134' r='1.5'/%3E%3Ccircle cx='217' cy='43' r='0.8'/%3E%3Ccircle cx='28' cy='123' r='1.2'/%3E%3Ccircle cx='211' cy='72' r='1.2'/%3E%3Ccircle cx='409' cy='113' r='1'/%3E%3Ccircle cx='223' cy='75' r='1.5'/%3E%3Ccircle cx='568' cy='35' r='0.8'/%3E%3Ccircle cx='192' cy='111' r='1'/%3E%3Ccircle cx='216' cy='57' r='1.5'/%3E%3Ccircle cx='39' cy='42' r='1.5'/%3E%3Ccircle cx='231' cy='73' r='1.5'/%3E%3Ccircle cx='384' cy='69' r='1.2'/%3E%3Ccircle cx='232' cy='143' r='0.8'/%3E%3Ccircle cx='277' cy='106' r='1.2'/%3E%3Ccircle cx='350' cy='121' r='1.5'/%3E%3Ccircle cx='331' cy='74' r='0.8'/%3E%3Ccircle cx='321' cy='65' r='1.2'/%3E%3Ccircle cx='103' cy='64' r='1'/%3E%3Ccircle cx='37' cy='115' r='0.8'/%3E%3C/g%3E%3Crect x='0' y='330' width='600' height='170' fill='url(%23mentorwa2)'/%3E%3Cg fill='%23FFD36B' opacity='0.35'%3E%3Crect x='260' y='360' width='140' height='2.5' rx='1.25'/%3E%3Crect x='270' y='372' width='120' height='2.5' rx='1.25'/%3E%3Crect x='280' y='384' width='101' height='2.5' rx='1.25'/%3E%3Crect x='289' y='396' width='81' height='2.5' rx='1.25'/%3E%3Crect x='299' y='408' width='62' height='2.5' rx='1.25'/%3E%3Crect x='309' y='420' width='42' height='2.5' rx='1.25'/%3E%3C/g%3E%3Cpath d='M318 168 L600 104 L600 236z' fill='url(%23mentorbeam3)'/%3E%3Cpath d='M-10 336 C60 300 150 296 220 310 C260 318 300 322 330 336 L330 360 H-10z' fill='%232A2350'/%3E%3Cpath d='M284 330 L294 190 H330 L340 330z' fill='%23F4E9DA'/%3E%3Cpath d='M290 270 H334 L336 290 H288z M293 220 H331 L332 238 H292z' fill='%23E26F6A'/%3E%3Crect x='290' y='176' width='44' height='16' rx='3' fill='%23161A3E'/%3E%3Crect x='298' y='156' width='28' height='22' rx='4' fill='%23FFD36B'/%3E%3Cpath d='M294 156 L312 138 L330 156z' fill='%23161A3E'/%3E%3Ccircle cx='312' cy='168' r='60' fill='url(%23mentorgl4)'/%3E%3Crect x='306' y='300' width='12' height='30' rx='2' fill='%23161A3E'/%3E%3Cpath d='M430 382 h60 l-10 12 h-40z' fill='%23161A3E'/%3E%3Cpath d='M458 382 v-34 l20 30z' fill='%23F4E9DA' opacity='.9'/%3E%3C/svg%3E"); }
.gcl-art--mentor-module-06-staying-safe { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='mentorsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231B2756'/%3E%3Cstop offset='0.32' stop-color='%232C4F72'/%3E%3Cstop offset='0.56' stop-color='%234E8B86'/%3E%3Cstop offset='0.72' stop-color='%23E9C97B'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl2'%3E%3Cstop offset='0' stop-color='%23FFF1C4' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFF1C4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl3'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl4'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.55'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='mentorgr5' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231A3550'/%3E%3Cstop offset='1' stop-color='%2310203A'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl6'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.65'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl7'%3E%3Cstop offset='0' stop-color='%235FA58C' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%235FA58C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl8'%3E%3Cstop offset='0' stop-color='%23BFE0F2' stop-opacity='0.8'/%3E%3Cstop offset='1' stop-color='%23BFE0F2' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23mentorsky1)'/%3E%3Cg fill='%23fff' opacity='0.55'%3E%3Ccircle cx='439' cy='129' r='0.8'/%3E%3Ccircle cx='75' cy='113' r='1.5'/%3E%3Ccircle cx='391' cy='31' r='1'/%3E%3Ccircle cx='360' cy='103' r='1.2'/%3E%3Ccircle cx='345' cy='179' r='1.2'/%3E%3Ccircle cx='492' cy='169' r='1.5'/%3E%3Ccircle cx='236' cy='176' r='0.8'/%3E%3Ccircle cx='548' cy='145' r='1'/%3E%3Ccircle cx='455' cy='154' r='1'/%3E%3Ccircle cx='19' cy='117' r='1.2'/%3E%3Ccircle cx='557' cy='177' r='0.8'/%3E%3Ccircle cx='157' cy='141' r='0.8'/%3E%3Ccircle cx='264' cy='49' r='1'/%3E%3Ccircle cx='476' cy='42' r='0.8'/%3E%3Ccircle cx='411' cy='95' r='1'/%3E%3Ccircle cx='372' cy='136' r='1.5'/%3E%3Ccircle cx='508' cy='93' r='1.2'/%3E%3Ccircle cx='191' cy='130' r='1.2'/%3E%3Ccircle cx='175' cy='115' r='0.8'/%3E%3Ccircle cx='252' cy='153' r='1'/%3E%3Ccircle cx='319' cy='27' r='1'/%3E%3Ccircle cx='445' cy='81' r='1.2'/%3E%3Ccircle cx='76' cy='27' r='1.2'/%3E%3Ccircle cx='45' cy='76' r='1.5'/%3E%3Ccircle cx='157' cy='133' r='0.8'/%3E%3Ccircle cx='173' cy='173' r='0.8'/%3E%3Ccircle cx='563' cy='133' r='0.8'/%3E%3Ccircle cx='156' cy='116' r='1'/%3E%3Ccircle cx='538' cy='170' r='1.2'/%3E%3Ccircle cx='208' cy='28' r='1.2'/%3E%3C/g%3E%3Ccircle cx='130' cy='100' r='88' fill='url(%23mentorgl2)'/%3E%3Ccircle cx='130' cy='100' r='22' fill='%23FFF3CF'/%3E%3Ccircle cx='122.3' cy='95.6' r='4.0' fill='%23EADFB8' opacity='.6'/%3E%3Ccircle cx='136.6' cy='106.6' r='2.6' fill='%23EADFB8' opacity='.6'/%3E%3Cpath d='M-20 296 Q54 286 129 289 Q206 286 282 302 Q340 279 397 304 Q470 283 544 288 Q622 282 699 298 V500 H-20z' fill='%232F5A6E' opacity='1'/%3E%3Cpath d='M322 254 L405.0 208 L488 254z' fill='%23244760'/%3E%3Crect x='438.0' y='214.9' width='12' height='27.599999999999998' fill='%23244760'/%3E%3Crect x='330' y='254' width='150' height='82' fill='%23244760'/%3E%3Ccircle cx='375.0' cy='290.9' r='34' fill='url(%23mentorgl3)'/%3E%3Crect x='354' y='277' width='42' height='26' rx='2' fill='%23FFD36B'/%3E%3Crect x='374' y='277' width='2' height='26' fill='%23244760'/%3E%3Crect x='420' y='285' width='30' height='51' rx='2' fill='%2310203A'/%3E%3Ccircle cx='458' cy='290' r='40' fill='url(%23mentorgl4)'/%3E%3Ccircle cx='458' cy='290' r='4' fill='%23FFD36B'/%3E%3Crect x='536.4' y='302.0' width='7.2' height='36.0' fill='%231A3550'/%3E%3Cg fill='%231A3550'%3E%3Ccircle cx='540' cy='275.6' r='28.8'/%3E%3Ccircle cx='520.8' cy='292.4' r='19.2'/%3E%3Ccircle cx='559.2' cy='292.4' r='20.4'/%3E%3C/g%3E%3Crect x='0' y='336' width='600' height='164' fill='url(%23mentorgr5)'/%3E%3Crect x='0' y='372' width='600' height='46' fill='%2310203A' opacity='.7'/%3E%3Cg fill='%23fff' opacity='.35'%3E%3Crect x='20' y='394' width='40' height='3'/%3E%3Crect x='110' y='394' width='40' height='3'/%3E%3Crect x='200' y='394' width='40' height='3'/%3E%3Crect x='290' y='394' width='40' height='3'/%3E%3Crect x='380' y='394' width='40' height='3'/%3E%3Crect x='470' y='394' width='40' height='3'/%3E%3C/g%3E%3Ccircle cx='164' cy='236' r='70' fill='url(%23mentorgl6)'/%3E%3Crect x='148' y='230' width='4' height='150' fill='%2310203A'/%3E%3Cpath d='M150 230 q14 -6 20 4' stroke='%2310203A' stroke-width='4' fill='none'/%3E%3Ccircle cx='170' cy='237' r='6' fill='%23FFD36B'/%3E%3Cpath d='M150 384 v-22 q2 -8 12 -10 l18 -18 q6 -5 14 -5 h46 q8 0 14 6 l16 18 q14 2 16 12 v19z' fill='%23E26F6A'/%3E%3Cpath d='M186 350 l14 -14 h20 v14z M226 336 h18 l12 14 h-30z' fill='%23BFE0F2' opacity='.75'/%3E%3Ccircle cx='182' cy='386' r='11' fill='%2310203A'/%3E%3Ccircle cx='252' cy='386' r='11' fill='%2310203A'/%3E%3Ccircle cx='182' cy='386' r='4' fill='%238A93A8'/%3E%3Ccircle cx='252' cy='386' r='4' fill='%238A93A8'/%3E%3Crect x='262' y='364' width='8' height='5' rx='2' fill='%23FFD36B'/%3E%3Ccircle cx='320' cy='379.9275' r='59.6275' fill='url(%23mentorgl7)'/%3E%3Cg%3E%3Crect x='309.6' y='392.9' width='8.4' height='31.1' rx='4.1' fill='%235FA58C'/%3E%3Crect x='321.9' y='392.9' width='8.4' height='31.1' rx='4.1' fill='%235FA58C'/%3E%3Cpath d='M305.7 398.1 L308.3 369.6 Q320.0 361.8 331.7 369.6 L334.3 398.1z' fill='%235FA58C'/%3E%3Cpath d='M309.6 372.1 l7.8 13.0 l10.4 0' stroke='%235FA58C' stroke-width='7.1' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Ccircle cx='320.0' cy='355.3' r='11.0' fill='%23E8B48A'/%3E%3Cpath d='M308.9 354.0 a11.1 11.1 0 0 1 22.3 0 q-11.1 -3.9 -22.3 0z' fill='%231D1A26'/%3E%3C/g%3E%3Ccircle cx='326' cy='384' r='16' fill='url(%23mentorgl8)'/%3E%3Crect x='321' y='378' width='9' height='13' rx='2' fill='%23DFF1FA'/%3E%3C/svg%3E"); }
.gcl-art--mentor-module-07-privacy-phones-social-media { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='mentorsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23121842'/%3E%3Cstop offset='0.32' stop-color='%232F2766'/%3E%3Cstop offset='0.56' stop-color='%235B428A'/%3E%3Cstop offset='0.72' stop-color='%239A5E96'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl2'%3E%3Cstop offset='0' stop-color='%23FFF1C4' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFF1C4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl3'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl4'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl5'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl6'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl7'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl8'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl9'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl10'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl11'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl12'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl13'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl14'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='mentorgr15' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231E1A45'/%3E%3Cstop offset='1' stop-color='%23120F30'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23mentorsky1)'/%3E%3Cg fill='%23fff' opacity='0.6'%3E%3Ccircle cx='286' cy='126' r='1.5'/%3E%3Ccircle cx='271' cy='40' r='1.2'/%3E%3Ccircle cx='354' cy='25' r='0.8'/%3E%3Ccircle cx='503' cy='22' r='0.8'/%3E%3Ccircle cx='298' cy='50' r='1.2'/%3E%3Ccircle cx='44' cy='179' r='0.8'/%3E%3Ccircle cx='146' cy='89' r='1'/%3E%3Ccircle cx='224' cy='129' r='0.8'/%3E%3Ccircle cx='425' cy='56' r='0.8'/%3E%3Ccircle cx='40' cy='64' r='1.2'/%3E%3Ccircle cx='265' cy='111' r='1.2'/%3E%3Ccircle cx='104' cy='125' r='0.8'/%3E%3Ccircle cx='29' cy='104' r='1.2'/%3E%3Ccircle cx='404' cy='198' r='1.2'/%3E%3Ccircle cx='69' cy='146' r='1.2'/%3E%3Ccircle cx='222' cy='109' r='1'/%3E%3Ccircle cx='25' cy='83' r='1.5'/%3E%3Ccircle cx='442' cy='95' r='1'/%3E%3Ccircle cx='432' cy='118' r='1.5'/%3E%3Ccircle cx='154' cy='169' r='1.5'/%3E%3Ccircle cx='575' cy='42' r='1.5'/%3E%3Ccircle cx='71' cy='151' r='0.8'/%3E%3Ccircle cx='564' cy='188' r='1.2'/%3E%3Ccircle cx='333' cy='97' r='1'/%3E%3Ccircle cx='195' cy='22' r='1.2'/%3E%3Ccircle cx='58' cy='122' r='0.8'/%3E%3Ccircle cx='11' cy='179' r='1.2'/%3E%3Ccircle cx='293' cy='136' r='1.5'/%3E%3Ccircle cx='213' cy='104' r='1.2'/%3E%3Ccircle cx='256' cy='185' r='1'/%3E%3Ccircle cx='513' cy='27' r='1'/%3E%3Ccircle cx='31' cy='172' r='1.2'/%3E%3Ccircle cx='499' cy='44' r='1'/%3E%3Ccircle cx='227' cy='36' r='0.8'/%3E%3C/g%3E%3Ccircle cx='470' cy='96' r='72' fill='url(%23mentorgl2)'/%3E%3Ccircle cx='470' cy='96' r='18' fill='%23FFF3CF'/%3E%3Ccircle cx='463.7' cy='92.4' r='3.2' fill='%23EADFB8' opacity='.6'/%3E%3Ccircle cx='475.4' cy='101.4' r='2.2' fill='%23EADFB8' opacity='.6'/%3E%3Crect x='0' y='254' width='24' height='66' fill='%233A2E6A'/%3E%3Cpath d='M6 279h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='29' y='222' width='30' height='98' fill='%233A2E6A'/%3E%3Cpath d='M51 235h3v4h-3zM42 249h3v4h-3zM42 303h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='59' y='211' width='42' height='109' fill='%233A2E6A'/%3E%3Cpath d='M83 226h3v4h-3zM65 241h3v4h-3zM74 241h3v4h-3zM83 241h3v4h-3zM92 271h3v4h-3zM92 301h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='103' y='236' width='44' height='84' fill='%233A2E6A'/%3E%3Cpath d='M109 249h3v4h-3zM138 249h3v4h-3zM138 276h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='149' y='200' width='42' height='120' fill='%233A2E6A'/%3E%3Cpath d='M164 214h3v4h-3zM182 229h3v4h-3zM155 244h3v4h-3zM182 244h3v4h-3zM164 287h3v4h-3zM182 287h3v4h-3zM155 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='197' y='257' width='36' height='63' fill='%233A2E6A'/%3E%3Cpath d='M204 272h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='239' y='207' width='38' height='113' fill='%233A2E6A'/%3E%3Cpath d='M246 248h3v4h-3zM256 248h3v4h-3zM267 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='280' y='204' width='42' height='116' fill='%233A2E6A'/%3E%3Cpath d='M304 232h3v4h-3zM313 232h3v4h-3zM286 246h3v4h-3zM304 260h3v4h-3zM304 302h3v4h-3zM313 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='322' y='259' width='30' height='61' fill='%233A2E6A'/%3E%3Cpath d='M336 273h3v4h-3zM344 273h3v4h-3zM327 288h3v4h-3zM336 302h3v4h-3zM344 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='357' y='215' width='22' height='105' fill='%233A2E6A'/%3E%3Cpath d='M362 229h3v4h-3zM371 287h3v4h-3zM362 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='382' y='202' width='37' height='118' fill='%233A2E6A'/%3E%3Cpath d='M409 216h3v4h-3zM399 245h3v4h-3zM389 259h3v4h-3zM409 259h3v4h-3zM389 288h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='421' y='257' width='30' height='63' fill='%233A2E6A'/%3E%3Cpath d='M426 272h3v4h-3zM434 272h3v4h-3zM426 301h3v4h-3zM443 301h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='454' y='246' width='38' height='74' fill='%233A2E6A'/%3E%3Cpath d='M472 288h3v4h-3zM472 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='492' y='244' width='32' height='76' fill='%233A2E6A'/%3E%3Cpath d='M506 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='528' y='248' width='44' height='72' fill='%233A2E6A'/%3E%3Cpath d='M534 262h3v4h-3zM553 275h3v4h-3zM553 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='574' y='214' width='22' height='106' fill='%233A2E6A'/%3E%3Cpath d='M588 243h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='597' y='215' width='33' height='105' fill='%233A2E6A'/%3E%3Cpath d='M621 229h3v4h-3zM621 244h3v4h-3zM603 258h3v4h-3zM612 258h3v4h-3zM621 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='170' y='150' width='260' height='210' fill='%231E1A45'/%3E%3Crect x='160' y='140' width='280' height='14' fill='%23120F30'/%3E%3Ccircle cx='212' cy='198' r='34' fill='url(%23mentorgl3)'/%3E%3Crect x='194' y='180' width='36' height='38' rx='3' fill='%23FFD36B'/%3E%3Cpath d='M194 180 h18 q-4 20 0 38 h-18z M230 180 h-18 q4 20 0 38 h18z' fill='%23E59A6A'/%3E%3Ccircle cx='280' cy='198' r='34' fill='url(%23mentorgl4)'/%3E%3Crect x='262' y='180' width='36' height='38' rx='3' fill='%23FFD36B'/%3E%3Ccircle cx='348' cy='198' r='34' fill='url(%23mentorgl5)'/%3E%3Crect x='330' y='180' width='36' height='38' rx='3' fill='%23FFD36B'/%3E%3Cpath d='M330 180 h18 q-4 20 0 38 h-18z M366 180 h-18 q4 20 0 38 h18z' fill='%23E59A6A'/%3E%3Ccircle cx='398' cy='198' r='34' fill='url(%23mentorgl6)'/%3E%3Crect x='380' y='180' width='36' height='38' rx='3' fill='%23FFD36B'/%3E%3Cpath d='M380 180 h18 q-4 20 0 38 h-18z M416 180 h-18 q4 20 0 38 h18z' fill='%23E59A6A'/%3E%3Ccircle cx='212' cy='254' r='34' fill='url(%23mentorgl7)'/%3E%3Crect x='194' y='236' width='36' height='38' rx='3' fill='%23FFD36B'/%3E%3Ccircle cx='280' cy='254' r='34' fill='url(%23mentorgl8)'/%3E%3Crect x='262' y='236' width='36' height='38' rx='3' fill='%23FFD36B'/%3E%3Cpath d='M262 236 h18 q-4 20 0 38 h-18z M298 236 h-18 q4 20 0 38 h18z' fill='%23E59A6A'/%3E%3Ccircle cx='348' cy='254' r='34' fill='url(%23mentorgl9)'/%3E%3Crect x='330' y='236' width='36' height='38' rx='3' fill='%23FFD36B'/%3E%3Cpath d='M330 236 h18 q-4 20 0 38 h-18z M366 236 h-18 q4 20 0 38 h18z' fill='%23E59A6A'/%3E%3Ccircle cx='398' cy='254' r='34' fill='url(%23mentorgl10)'/%3E%3Crect x='380' y='236' width='36' height='38' rx='3' fill='%23FFD36B'/%3E%3Ccircle cx='212' cy='310' r='34' fill='url(%23mentorgl11)'/%3E%3Crect x='194' y='292' width='36' height='38' rx='3' fill='%23FFD36B'/%3E%3Cpath d='M194 292 h18 q-4 20 0 38 h-18z M230 292 h-18 q4 20 0 38 h18z' fill='%23E59A6A'/%3E%3Ccircle cx='280' cy='310' r='34' fill='url(%23mentorgl12)'/%3E%3Crect x='262' y='292' width='36' height='38' rx='3' fill='%23FFD36B'/%3E%3Cpath d='M262 292 h18 q-4 20 0 38 h-18z M298 292 h-18 q4 20 0 38 h18z' fill='%23E59A6A'/%3E%3Ccircle cx='348' cy='310' r='34' fill='url(%23mentorgl13)'/%3E%3Crect x='330' y='292' width='36' height='38' rx='3' fill='%23FFD36B'/%3E%3Ccircle cx='398' cy='310' r='34' fill='url(%23mentorgl14)'/%3E%3Crect x='380' y='292' width='36' height='38' rx='3' fill='%23FFD36B'/%3E%3Cpath d='M380 292 h18 q-4 20 0 38 h-18z M416 292 h-18 q4 20 0 38 h18z' fill='%23E59A6A'/%3E%3Crect x='0' y='360' width='600' height='140' fill='url(%23mentorgr15)'/%3E%3Crect x='282' y='322' width='36' height='38' rx='3' fill='%23120F30'/%3E%3Ccircle cx='310' cy='342' r='2.5' fill='%23FFD36B'/%3E%3Cg fill='%231E1A45'%3E%3Ccircle cx='60' cy='372' r='26'/%3E%3Ccircle cx='100' cy='372' r='18'/%3E%3Ccircle cx='150' cy='372' r='22'/%3E%3Ccircle cx='450' cy='372' r='22'/%3E%3Ccircle cx='500' cy='372' r='28'/%3E%3Ccircle cx='548' cy='372' r='20'/%3E%3C/g%3E%3Crect x='114' y='318' width='5' height='60' fill='%23120F30'/%3E%3Crect x='92' y='290' width='50' height='40' rx='8' fill='%23F4E9DA'/%3E%3Cpath d='M109 306 v-5 a8 8 0 0 1 16 0 v5' stroke='%231E1A45' stroke-width='4' fill='none'/%3E%3Crect x='104' y='305' width='26' height='18' rx='4' fill='%231E1A45'/%3E%3C/svg%3E"); }
.gcl-art--mentor-module-08-vehicles-travel-expenses { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='mentorsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2328244F'/%3E%3Cstop offset='0.32' stop-color='%23674A80'/%3E%3Cstop offset='0.56' stop-color='%23C47E6E'/%3E%3Cstop offset='0.72' stop-color='%23F3C48D'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl2'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.75'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='mentorgr3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2333284F'/%3E%3Cstop offset='1' stop-color='%231C1838'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl4'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23mentorsky1)'/%3E%3Cg fill='%23fff' opacity='0.4'%3E%3Ccircle cx='282' cy='26' r='1.5'/%3E%3Ccircle cx='387' cy='72' r='0.8'/%3E%3Ccircle cx='151' cy='40' r='1.5'/%3E%3Ccircle cx='195' cy='64' r='1.5'/%3E%3Ccircle cx='9' cy='24' r='1.5'/%3E%3Ccircle cx='456' cy='21' r='1'/%3E%3Ccircle cx='79' cy='40' r='1'/%3E%3Ccircle cx='501' cy='49' r='1.2'/%3E%3Ccircle cx='508' cy='119' r='1.5'/%3E%3Ccircle cx='433' cy='35' r='0.8'/%3E%3Ccircle cx='395' cy='31' r='1.5'/%3E%3Ccircle cx='382' cy='89' r='1'/%3E%3Ccircle cx='153' cy='70' r='1'/%3E%3Ccircle cx='294' cy='31' r='1.2'/%3E%3Ccircle cx='196' cy='120' r='1.5'/%3E%3Ccircle cx='584' cy='104' r='1.5'/%3E%3C/g%3E%3Ccircle cx='300' cy='262' r='150' fill='url(%23mentorgl2)'/%3E%3Ccircle cx='300' cy='262' r='38' fill='%23FFD36B'/%3E%3Cpath d='M-20 282 Q59 256 138 290 Q198 255 259 287 Q335 260 411 274 Q464 267 516 286 Q577 255 638 278 V500 H-20z' fill='%236A4A78' opacity='1'/%3E%3Cpath d='M-20 312 Q43 296 106 314 Q158 301 209 317 Q272 299 334 308 Q398 299 463 308 Q534 286 604 304 Q652 291 699 311 V500 H-20z' fill='%234A3766' opacity='1'/%3E%3Crect x='0' y='334' width='600' height='166' fill='url(%23mentorgr3)'/%3E%3Cpath d='M296 286 C300 300 250 312 240 330 C226 356 420 372 400 420 C392 446 300 470 280 500 H470 C470 460 520 430 500 400 C470 360 300 352 310 330 C316 314 312 300 304 286z' fill='%231C1838' opacity='.85'/%3E%3Cpath d='M300 300 C292 316 258 322 262 336 C272 360 430 372 440 420 C446 448 400 476 380 500' stroke='%23FFD36B' stroke-width='3' stroke-dasharray='10 12' fill='none' opacity='.6'/%3E%3Crect x='120' y='262' width='4' height='90' fill='%231C1838'/%3E%3Crect x='110' y='268' width='24' height='3' fill='%231C1838'/%3E%3Crect x='200' y='276' width='4' height='60' fill='%231C1838'/%3E%3Crect x='190' y='282' width='24' height='3' fill='%231C1838'/%3E%3Crect x='250' y='284' width='4' height='40' fill='%231C1838'/%3E%3Crect x='240' y='290' width='24' height='3' fill='%231C1838'/%3E%3Cpath d='M122 268 Q160 284 202 282 Q226 284 252 288' stroke='%231C1838' stroke-width='1.5' fill='none'/%3E%3Cg transform='translate(330 380)'%3E%3Cpath d='M0 22 v-14 q2 -6 10 -8 l14 -14 q4 -4 10 -4 h34 q6 0 10 5 l12 13 q12 2 12 10 v12z' fill='%235FA58C'/%3E%3Cpath d='M26 4 l10 -10 h14 v10z M54 -6 h14 l9 10 h-23z' fill='%23DFF1FA' opacity='.8'/%3E%3Ccircle cx='24' cy='24' r='9' fill='%231C1838'/%3E%3Ccircle cx='80' cy='24' r='9' fill='%231C1838'/%3E%3Crect x='96' y='8' width='8' height='5' rx='2' fill='%23FFD36B'/%3E%3C/g%3E%3Ccircle cx='436' cy='392' r='44' fill='url(%23mentorgl4)'/%3E%3Cg fill='%2333284F'%3E%3Ccircle cx='40' cy='352' r='20'/%3E%3Ccircle cx='70' cy='352' r='14'/%3E%3Ccircle cx='540' cy='352' r='22'/%3E%3Ccircle cx='572' cy='352' r='16'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--mentor-module-09-accurate-case-notes { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='mentorwin1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2318265A'/%3E%3Cstop offset='.5' stop-color='%235F7FC0'/%3E%3Cstop offset='.9' stop-color='%23E7A79A'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl2'%3E%3Cstop offset='0' stop-color='%23FFF1C4' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFF1C4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl3'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.45'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='%231A2147'/%3E%3Crect x='110' y='60' width='380' height='250' rx='6' fill='url(%23mentorwin1)'/%3E%3Cg clip-path='none'%3E%3Cg fill='%23fff' opacity='0.6'%3E%3Ccircle cx='237' cy='80' r='1.5'/%3E%3Ccircle cx='31' cy='87' r='1.2'/%3E%3Ccircle cx='31' cy='157' r='0.8'/%3E%3Ccircle cx='504' cy='118' r='1.5'/%3E%3Ccircle cx='556' cy='108' r='1'/%3E%3Ccircle cx='355' cy='155' r='1'/%3E%3Ccircle cx='546' cy='84' r='0.8'/%3E%3Ccircle cx='389' cy='152' r='0.8'/%3E%3Ccircle cx='331' cy='109' r='0.8'/%3E%3Ccircle cx='54' cy='94' r='0.8'/%3E%3Ccircle cx='584' cy='148' r='0.8'/%3E%3Ccircle cx='267' cy='108' r='0.8'/%3E%3Ccircle cx='116' cy='113' r='1'/%3E%3Ccircle cx='422' cy='71' r='0.8'/%3E%3C/g%3E%3Ccircle cx='420' cy='110' r='64' fill='url(%23mentorgl2)'/%3E%3Ccircle cx='420' cy='110' r='16' fill='%23FFF3CF'/%3E%3Ccircle cx='414.4' cy='106.8' r='2.9' fill='%23EADFB8' opacity='.6'/%3E%3Ccircle cx='424.8' cy='114.8' r='1.9' fill='%23EADFB8' opacity='.6'/%3E%3Crect x='112' y='234' width='36' height='76' fill='%232A3A72'/%3E%3Cpath d='M128 248h3v4h-3zM128 263h3v4h-3zM138 263h3v4h-3zM138 277h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='152' y='183' width='33' height='127' fill='%232A3A72'/%3E%3Cpath d='M176 198h3v4h-3zM176 214h3v4h-3zM167 229h3v4h-3zM158 244h3v4h-3zM176 244h3v4h-3zM167 260h3v4h-3zM158 275h3v4h-3zM167 291h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='191' y='239' width='24' height='71' fill='%232A3A72'/%3E%3Cpath d='M206 252h3v4h-3zM206 266h3v4h-3zM206 293h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='220' y='233' width='25' height='77' fill='%232A3A72'/%3E%3Cpath d='M226 248h3v4h-3zM226 277h3v4h-3zM226 291h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='251' y='230' width='25' height='80' fill='%232A3A72'/%3E%3Cpath d='M257 255h3v4h-3zM267 255h3v4h-3zM257 268h3v4h-3zM267 268h3v4h-3zM267 281h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='279' y='197' width='22' height='113' fill='%232A3A72'/%3E%3Cpath d='M293 224h3v4h-3zM284 238h3v4h-3zM293 238h3v4h-3zM284 252h3v4h-3zM284 265h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='305' y='264' width='31' height='46' fill='%232A3A72'/%3E%3Cpath d='M319 278h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='337' y='183' width='31' height='127' fill='%232A3A72'/%3E%3Cpath d='M342 214h3v4h-3zM351 214h3v4h-3zM342 229h3v4h-3zM360 229h3v4h-3zM360 244h3v4h-3zM342 260h3v4h-3zM360 260h3v4h-3zM360 275h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='374' y='181' width='22' height='129' fill='%232A3A72'/%3E%3Cpath d='M388 195h3v4h-3zM379 209h3v4h-3zM388 209h3v4h-3zM388 223h3v4h-3zM379 237h3v4h-3zM379 250h3v4h-3zM388 264h3v4h-3zM379 292h3v4h-3zM388 292h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='399' y='235' width='43' height='75' fill='%232A3A72'/%3E%3Cpath d='M414 249h3v4h-3zM424 249h3v4h-3zM433 249h3v4h-3zM405 263h3v4h-3zM424 278h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='442' y='249' width='32' height='61' fill='%232A3A72'/%3E%3Cpath d='M456 292h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='478' y='256' width='37' height='54' fill='%232A3A72'/%3E%3Cpath d='M485 294h3v4h-3zM495 294h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3C/g%3E%3Crect x='96' y='50' width='408' height='14' rx='4' fill='%232A3366'/%3E%3Crect x='292' y='60' width='16' height='250' fill='%232A3366'/%3E%3Crect x='110' y='178' width='380' height='10' fill='%232A3366'/%3E%3Crect x='90' y='306' width='420' height='16' rx='4' fill='%232A3366'/%3E%3Crect x='0' y='360' width='600' height='140' fill='%233B2F5C'/%3E%3Crect x='0' y='352' width='600' height='14' fill='%2355437A'/%3E%3Ccircle cx='440' cy='336' r='120' fill='url(%23mentorgl3)'/%3E%3Crect x='420' y='344' width='44' height='10' rx='4' fill='%23E9D7B0'/%3E%3Cpath d='M440 344 L462 290' stroke='%23E9D7B0' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M444 282 l40 -6 l2 28 z' fill='%23FFD36B'/%3E%3Cg transform='translate(200 372) rotate(-4)'%3E%3Cpath d='M0 0 h96 v62 h-96z' fill='%23FFF7E6'/%3E%3Cpath d='M96 0 h96 v62 h-96z' fill='%23F5ECD8'/%3E%3Crect x='94' y='0' width='4' height='62' fill='%23E2D2B4'/%3E%3Cg fill='%23B7C3DD'%3E%3Crect x='12' y='12' width='70' height='3'/%3E%3Crect x='12' y='24' width='60' height='3'/%3E%3Crect x='12' y='36' width='72' height='3'/%3E%3Crect x='12' y='48' width='44' height='3'/%3E%3Crect x='110' y='12' width='66' height='3'/%3E%3Crect x='110' y='24' width='50' height='3'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M352 420 L404 384' stroke='%23FDDE0B' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M350 422 l6 -2 -4 -4z' fill='%232A1E1A'/%3E%3Crect x='120' y='368' width='34' height='38' rx='6' fill='%235FA58C'/%3E%3Cpath d='M154 376 q14 2 0 18' stroke='%235FA58C' stroke-width='5' fill='none'/%3E%3Cpath d='M130 360 q-6 -10 2 -18 M142 360 q-6 -10 2 -18' stroke='%23fff' stroke-width='2.5' fill='none' opacity='.5' stroke-linecap='round'/%3E%3C/svg%3E"); }
.gcl-art--mentor-module-10-growing-with-good-company { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='mentorsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231B2756'/%3E%3Cstop offset='0.32' stop-color='%232C4F72'/%3E%3Cstop offset='0.56' stop-color='%234E8B86'/%3E%3Cstop offset='0.72' stop-color='%23E9C97B'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl2'%3E%3Cstop offset='0' stop-color='%23FFF1C4' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFF1C4' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='mentorgr3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231A3550'/%3E%3Cstop offset='1' stop-color='%2310203A'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl4'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl5'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl6'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl7'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl8'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl9'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl10'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl11'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl12'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl13'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl14'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl15'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl16'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl17'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl18'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl19'%3E%3Cstop offset='0' stop-color='%235FA58C' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%235FA58C' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23mentorsky1)'/%3E%3Cg fill='%23fff' opacity='0.55'%3E%3Ccircle cx='80' cy='99' r='1.5'/%3E%3Ccircle cx='260' cy='134' r='1.2'/%3E%3Ccircle cx='270' cy='163' r='0.8'/%3E%3Ccircle cx='514' cy='67' r='1.5'/%3E%3Ccircle cx='543' cy='52' r='0.8'/%3E%3Ccircle cx='380' cy='206' r='1'/%3E%3Ccircle cx='425' cy='206' r='1.5'/%3E%3Ccircle cx='525' cy='27' r='0.8'/%3E%3Ccircle cx='401' cy='54' r='1.2'/%3E%3Ccircle cx='32' cy='22' r='1'/%3E%3Ccircle cx='487' cy='177' r='1'/%3E%3Ccircle cx='334' cy='174' r='1.5'/%3E%3Ccircle cx='321' cy='71' r='1.2'/%3E%3Ccircle cx='79' cy='71' r='1.2'/%3E%3Ccircle cx='369' cy='123' r='0.8'/%3E%3Ccircle cx='325' cy='42' r='1.5'/%3E%3Ccircle cx='287' cy='24' r='0.8'/%3E%3Ccircle cx='367' cy='141' r='1.5'/%3E%3Ccircle cx='65' cy='187' r='1.5'/%3E%3Ccircle cx='582' cy='200' r='0.8'/%3E%3Ccircle cx='444' cy='100' r='1.5'/%3E%3Ccircle cx='388' cy='113' r='1'/%3E%3Ccircle cx='196' cy='21' r='1.2'/%3E%3Ccircle cx='326' cy='23' r='1.2'/%3E%3Ccircle cx='492' cy='102' r='1.5'/%3E%3Ccircle cx='355' cy='28' r='1'/%3E%3Ccircle cx='303' cy='105' r='0.8'/%3E%3Ccircle cx='359' cy='35' r='1.2'/%3E%3Ccircle cx='125' cy='24' r='1.5'/%3E%3Ccircle cx='32' cy='62' r='1'/%3E%3Ccircle cx='572' cy='192' r='1'/%3E%3Ccircle cx='111' cy='157' r='1.5'/%3E%3C/g%3E%3Ccircle cx='150' cy='100' r='72' fill='url(%23mentorgl2)'/%3E%3Ccircle cx='150' cy='100' r='18' fill='%23FFF3CF'/%3E%3Ccircle cx='143.7' cy='96.4' r='3.2' fill='%23EADFB8' opacity='.6'/%3E%3Ccircle cx='155.4' cy='105.4' r='2.2' fill='%23EADFB8' opacity='.6'/%3E%3Cpath d='M-20 326 Q26 312 71 333 Q129 314 187 318 Q260 311 332 318 Q378 307 423 328 Q485 299 547 323 Q625 302 703 334 V500 H-20z' fill='%232F5A6E' opacity='1'/%3E%3Cpath d='M-20 348 Q55 337 130 348 Q182 333 233 349 Q300 339 366 355 Q446 329 526 346 Q598 333 671 352 V500 H-20z' fill='%23244760' opacity='1'/%3E%3Crect x='0' y='360' width='600' height='140' fill='url(%23mentorgr3)'/%3E%3Cpath d='M296 360 C298 320 296 290 300 250 L306 250 C308 290 306 320 310 360z' fill='%235A3F33'/%3E%3Cpath d='M302 300 C280 288 270 276 262 262 M304 282 C324 270 336 258 344 244' stroke='%235A3F33' stroke-width='6' stroke-linecap='round' fill='none'/%3E%3Cg fill='%234E9A72'%3E%3Ccircle cx='302' cy='226' r='40'/%3E%3Ccircle cx='262' cy='252' r='28'/%3E%3Ccircle cx='346' cy='240' r='30'/%3E%3Ccircle cx='284' cy='206' r='26'/%3E%3Ccircle cx='322' cy='200' r='24'/%3E%3C/g%3E%3Cg fill='%2376BE88' opacity='.7'%3E%3Ccircle cx='292' cy='212' r='16'/%3E%3Ccircle cx='336' cy='228' r='12'/%3E%3Ccircle cx='262' cy='244' r='10'/%3E%3C/g%3E%3Ccircle cx='191' cy='273' r='13.200000000000001' fill='url(%23mentorgl4)'/%3E%3Ccircle cx='191' cy='273' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='190' cy='207' r='13.200000000000001' fill='url(%23mentorgl5)'/%3E%3Ccircle cx='190' cy='207' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='337' cy='275' r='13.200000000000001' fill='url(%23mentorgl6)'/%3E%3Ccircle cx='337' cy='275' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='447' cy='189' r='13.200000000000001' fill='url(%23mentorgl7)'/%3E%3Ccircle cx='447' cy='189' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='174' cy='319' r='13.200000000000001' fill='url(%23mentorgl8)'/%3E%3Ccircle cx='174' cy='319' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='171' cy='256' r='13.200000000000001' fill='url(%23mentorgl9)'/%3E%3Ccircle cx='171' cy='256' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='185' cy='174' r='13.200000000000001' fill='url(%23mentorgl10)'/%3E%3Ccircle cx='185' cy='174' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='424' cy='253' r='13.200000000000001' fill='url(%23mentorgl11)'/%3E%3Ccircle cx='424' cy='253' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='331' cy='185' r='13.200000000000001' fill='url(%23mentorgl12)'/%3E%3Ccircle cx='331' cy='185' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='449' cy='155' r='13.200000000000001' fill='url(%23mentorgl13)'/%3E%3Ccircle cx='449' cy='155' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='275' cy='241' r='13.200000000000001' fill='url(%23mentorgl14)'/%3E%3Ccircle cx='275' cy='241' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='248' cy='198' r='13.200000000000001' fill='url(%23mentorgl15)'/%3E%3Ccircle cx='248' cy='198' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='352' cy='150' r='13.200000000000001' fill='url(%23mentorgl16)'/%3E%3Ccircle cx='352' cy='150' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='316' cy='322' r='13.200000000000001' fill='url(%23mentorgl17)'/%3E%3Ccircle cx='316' cy='322' r='2.2' fill='%23FFF0A0'/%3E%3Ccircle cx='390' cy='361.1125' r='52.612500000000004' fill='url(%23mentorgl18)'/%3E%3Cg%3E%3Crect x='380.9' y='372.6' width='7.4' height='27.5' rx='3.7' fill='%23FDDE0B'/%3E%3Crect x='391.7' y='372.6' width='7.4' height='27.5' rx='3.7' fill='%23FDDE0B'/%3E%3Cpath d='M377.4 377.1 L379.7 352.0 Q390.0 345.1 400.3 352.0 L402.6 377.1z' fill='%23FDDE0B'/%3E%3Cpath d='M399.1 354.2 l10.3 -14.9' stroke='%23FDDE0B' stroke-width='6.9' stroke-linecap='round'/%3E%3Ccircle cx='390.0' cy='339.4' r='9.7' fill='%238A5A3C'/%3E%3Cpath d='M380.2 338.2 a9.8 9.8 0 0 1 19.7 0 q-9.8 -3.4 -19.7 0z' fill='%232A1E1A'/%3E%3C/g%3E%3Ccircle cx='206' cy='363.81624999999997' r='54.36625' fill='url(%23mentorgl19)'/%3E%3Cg%3E%3Crect x='196.5' y='375.6' width='7.7' height='28.4' rx='3.8' fill='%235FA58C'/%3E%3Crect x='207.8' y='375.6' width='7.7' height='28.4' rx='3.8' fill='%235FA58C'/%3E%3Cpath d='M193.0 380.4 L195.4 354.4 Q206.0 347.3 216.6 354.4 L219.0 380.4z' fill='%235FA58C'/%3E%3Ccircle cx='206.0' cy='341.4' r='10.0' fill='%236B4630'/%3E%3Cpath d='M195.8 340.2 a10.2 10.2 0 0 1 20.3 0 q-10.2 -3.5 -20.3 0z' fill='%236B4A2E'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--mentor-start-here { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='mentorsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232B3170'/%3E%3Cstop offset='0.32' stop-color='%237D5A9E'/%3E%3Cstop offset='0.56' stop-color='%23EE8C5E'/%3E%3Cstop offset='0.72' stop-color='%23FFC95A'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl2'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.75'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='mentorgr3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232C2756'/%3E%3Cstop offset='1' stop-color='%23181B44'/%3E%3C/linearGradient%3E%3CradialGradient id='mentorgl4'%3E%3Cstop offset='0' stop-color='%235FA58C' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%235FA58C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='mentorgl5'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23mentorsky1)'/%3E%3Cg fill='%23fff' opacity='0.4'%3E%3Ccircle cx='251' cy='95' r='1'/%3E%3Ccircle cx='386' cy='137' r='1.5'/%3E%3Ccircle cx='75' cy='97' r='0.8'/%3E%3Ccircle cx='488' cy='53' r='1'/%3E%3Ccircle cx='204' cy='111' r='1.5'/%3E%3Ccircle cx='561' cy='127' r='1.5'/%3E%3Ccircle cx='414' cy='101' r='1'/%3E%3Ccircle cx='245' cy='101' r='1'/%3E%3Ccircle cx='543' cy='69' r='0.8'/%3E%3Ccircle cx='73' cy='40' r='0.8'/%3E%3Ccircle cx='316' cy='119' r='0.8'/%3E%3Ccircle cx='283' cy='80' r='1.5'/%3E%3Ccircle cx='445' cy='70' r='1.5'/%3E%3Ccircle cx='145' cy='132' r='1.2'/%3E%3Ccircle cx='107' cy='24' r='1'/%3E%3Ccircle cx='514' cy='47' r='1.2'/%3E%3Ccircle cx='454' cy='119' r='1.2'/%3E%3Ccircle cx='439' cy='84' r='1.5'/%3E%3C/g%3E%3Ccircle cx='300' cy='298' r='160' fill='url(%23mentorgl2)'/%3E%3Ccircle cx='300' cy='298' r='40' fill='%23FFD36B'/%3E%3Cpath d='M-20 318 Q60 299 139 316 Q204 300 269 320 Q340 306 411 316 Q474 293 536 315 Q601 292 666 325 V500 H-20z' fill='%236A4B86' opacity='1'/%3E%3Cpath d='M-20 338 Q52 320 124 337 Q200 328 277 344 Q322 329 368 336 Q436 327 505 330 Q560 321 616 344 Q664 318 713 341 V500 H-20z' fill='%2343356E' opacity='1'/%3E%3Crect x='0' y='350' width='600' height='150' fill='url(%23mentorgr3)'/%3E%3Cpath d='M236 500 C268 440 330 410 296 378 C284 366 296 354 300 348 L308 348 C310 356 304 366 316 378 C356 414 340 452 380 500z' fill='%23F6C66A' opacity='.5'/%3E%3Crect x='168' y='300' width='5' height='70' fill='%23181B44'/%3E%3Cpath d='M150 304 h38 l8 7 -8 7 h-38z' fill='%23181B44'/%3E%3Cpath d='M190 324 h-36 l-8 7 8 7 h36z' fill='%23181B44'/%3E%3Cg fill='%232C2756'%3E%3Ccircle cx='80' cy='372' r='22'/%3E%3Ccircle cx='112' cy='372' r='16'/%3E%3Ccircle cx='500' cy='372' r='20'/%3E%3Ccircle cx='530' cy='372' r='26'/%3E%3Ccircle cx='566' cy='372' r='18'/%3E%3C/g%3E%3Ccircle cx='276' cy='374.63125' r='61.381249999999994' fill='url(%23mentorgl4)'/%3E%3Cg%3E%3Crect x='265.3' y='388.0' width='8.7' height='32.0' rx='4.3' fill='%235FA58C'/%3E%3Crect x='278.0' y='388.0' width='8.7' height='32.0' rx='4.3' fill='%235FA58C'/%3E%3Cpath d='M261.3 393.3 L264.0 364.0 Q276.0 355.9 288.0 364.0 L290.7 393.3z' fill='%235FA58C'/%3E%3Cpath d='M286.7 366.6 l21.3 -8.0' stroke='%235FA58C' stroke-width='8.0' stroke-linecap='round'/%3E%3Ccircle cx='276.0' cy='349.3' r='11.3' fill='%23C98D62'/%3E%3Cpath d='M264.5 347.9 a11.5 11.5 0 0 1 23.0 0 q-11.5 -4.0 -23.0 0z' fill='%234A2E1E'/%3E%3C/g%3E%3Ccircle cx='326' cy='381.22375' r='57.873749999999994' fill='url(%23mentorgl5)'/%3E%3Cg%3E%3Crect x='315.9' y='393.8' width='8.2' height='30.2' rx='4.0' fill='%23FDDE0B'/%3E%3Crect x='327.9' y='393.8' width='8.2' height='30.2' rx='4.0' fill='%23FDDE0B'/%3E%3Cpath d='M312.2 398.8 L314.7 371.2 Q326.0 363.6 337.3 371.2 L339.8 398.8z' fill='%23FDDE0B'/%3E%3Cpath d='M336.1 373.7 l11.3 -16.4' stroke='%23FDDE0B' stroke-width='7.5' stroke-linecap='round'/%3E%3Ccircle cx='326.0' cy='357.3' r='10.7' fill='%238A5A3C'/%3E%3Cpath d='M315.2 356.1 a10.8 10.8 0 0 1 21.6 0 q-10.8 -3.8 -21.6 0z' fill='%232A1E1A'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--micro-enterprise { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='micro-sky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232B3170'/%3E%3Cstop offset='0.32' stop-color='%237D5A9E'/%3E%3Cstop offset='0.56' stop-color='%23EE8C5E'/%3E%3Cstop offset='0.72' stop-color='%23FFC95A'/%3E%3C/linearGradient%3E%3CradialGradient id='micro-gl2'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.75'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='micro-gr3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232C2756'/%3E%3Cstop offset='1' stop-color='%23181B44'/%3E%3C/linearGradient%3E%3CradialGradient id='micro-gl4'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl5'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl6'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl7'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl8'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl9'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl10'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl11'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl12'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl13'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl14'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl15'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl16'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl17'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl18'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='micro-gl19'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23micro-sky1)'/%3E%3Cg fill='%23fff' opacity='0.4'%3E%3Ccircle cx='530' cy='47' r='1.2'/%3E%3Ccircle cx='80' cy='113' r='1.2'/%3E%3Ccircle cx='233' cy='78' r='1'/%3E%3Ccircle cx='116' cy='58' r='1.5'/%3E%3Ccircle cx='255' cy='91' r='1.5'/%3E%3Ccircle cx='395' cy='112' r='1'/%3E%3Ccircle cx='344' cy='55' r='1.5'/%3E%3Ccircle cx='83' cy='69' r='0.8'/%3E%3Ccircle cx='542' cy='101' r='1.5'/%3E%3Ccircle cx='91' cy='87' r='1.5'/%3E%3Ccircle cx='296' cy='67' r='0.8'/%3E%3Ccircle cx='560' cy='130' r='1.2'/%3E%3Ccircle cx='413' cy='75' r='1'/%3E%3Ccircle cx='384' cy='68' r='0.8'/%3E%3Ccircle cx='474' cy='30' r='0.8'/%3E%3Ccircle cx='21' cy='45' r='1.5'/%3E%3Ccircle cx='432' cy='121' r='1.2'/%3E%3Ccircle cx='382' cy='82' r='1'/%3E%3C/g%3E%3Ccircle cx='470' cy='300' r='110' fill='url(%23micro-gl2)'/%3E%3Ccircle cx='470' cy='300' r='30' fill='%23FFD36B'/%3E%3Cpath d='M-20 318 Q28 309 76 315 Q122 300 169 323 Q238 299 308 314 Q359 305 410 316 Q458 298 507 310 Q586 298 666 324 V500 H-20z' fill='%236A4B86' opacity='1'/%3E%3Crect x='0' y='340' width='600' height='160' fill='url(%23micro-gr3)'/%3E%3Cpath d='M-10 140 Q150 200 300 150 Q450 100 610 160' stroke='%23181B44' stroke-width='2' fill='none'/%3E%3Ccircle cx='31' cy='160.5' r='12' fill='url(%23micro-gl4)'/%3E%3Ccircle cx='31' cy='160.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='72' cy='163.5' r='12' fill='url(%23micro-gl5)'/%3E%3Ccircle cx='72' cy='163.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='113' cy='166.5' r='12' fill='url(%23micro-gl6)'/%3E%3Ccircle cx='113' cy='166.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='154' cy='169.5' r='12' fill='url(%23micro-gl7)'/%3E%3Ccircle cx='154' cy='169.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='195' cy='172.5' r='12' fill='url(%23micro-gl8)'/%3E%3Ccircle cx='195' cy='172.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='236' cy='175.5' r='12' fill='url(%23micro-gl9)'/%3E%3Ccircle cx='236' cy='175.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='277' cy='178.5' r='12' fill='url(%23micro-gl10)'/%3E%3Ccircle cx='277' cy='178.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='318' cy='154.5' r='12' fill='url(%23micro-gl11)'/%3E%3Ccircle cx='318' cy='154.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='359' cy='151.5' r='12' fill='url(%23micro-gl12)'/%3E%3Ccircle cx='359' cy='151.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='400' cy='148.5' r='12' fill='url(%23micro-gl13)'/%3E%3Ccircle cx='400' cy='148.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='441' cy='145.5' r='12' fill='url(%23micro-gl14)'/%3E%3Ccircle cx='441' cy='145.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='482' cy='142.5' r='12' fill='url(%23micro-gl15)'/%3E%3Ccircle cx='482' cy='142.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='523' cy='139.5' r='12' fill='url(%23micro-gl16)'/%3E%3Ccircle cx='523' cy='139.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='564' cy='136.5' r='12' fill='url(%23micro-gl17)'/%3E%3Ccircle cx='564' cy='136.5' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='605' cy='133.5' r='12' fill='url(%23micro-gl18)'/%3E%3Ccircle cx='605' cy='133.5' r='3.5' fill='%23FFD36B'/%3E%3Cpath d='M170 214 L300 188 L430 214z' fill='%23E26F6A'/%3E%3Cpath d='M180 214 h30 v18 q-15 10 -30 0z' fill='%23E26F6A'/%3E%3Cpath d='M210 214 h30 v18 q-15 10 -30 0z' fill='%23FFF7E6'/%3E%3Cpath d='M240 214 h30 v18 q-15 10 -30 0z' fill='%23E26F6A'/%3E%3Cpath d='M270 214 h30 v18 q-15 10 -30 0z' fill='%23FFF7E6'/%3E%3Cpath d='M300 214 h30 v18 q-15 10 -30 0z' fill='%23E26F6A'/%3E%3Cpath d='M330 214 h30 v18 q-15 10 -30 0z' fill='%23FFF7E6'/%3E%3Cpath d='M360 214 h30 v18 q-15 10 -30 0z' fill='%23E26F6A'/%3E%3Cpath d='M390 214 h30 v18 q-15 10 -30 0z' fill='%23FFF7E6'/%3E%3Crect x='186' y='232' width='6' height='128' fill='%23181B44'/%3E%3Crect x='408' y='232' width='6' height='128' fill='%23181B44'/%3E%3Ccircle cx='300' cy='279.705' r='49.105' fill='url(%23micro-gl19)'/%3E%3Cg%3E%3Crect x='291.5' y='290.4' width='6.9' height='25.6' rx='3.4' fill='%23FDDE0B'/%3E%3Crect x='301.6' y='290.4' width='6.9' height='25.6' rx='3.4' fill='%23FDDE0B'/%3E%3Cpath d='M288.3 294.6 L290.4 271.2 Q300.0 264.8 309.6 271.2 L311.7 294.6z' fill='%23FDDE0B'/%3E%3Cpath d='M308.5 273.3 l9.6 -13.9' stroke='%23FDDE0B' stroke-width='6.4' stroke-linecap='round'/%3E%3Ccircle cx='300.0' cy='259.4' r='9.1' fill='%238A5A3C'/%3E%3Cpath d='M290.8 258.4 a9.2 9.2 0 0 1 18.4 0 q-9.2 -3.2 -18.4 0z' fill='%232A1E1A'/%3E%3C/g%3E%3Crect x='176' y='306' width='248' height='58' rx='4' fill='%23C97A52'/%3E%3Crect x='176' y='306' width='248' height='10' fill='%23E59A6A'/%3E%3Crect x='196' y='288' width='20' height='20' rx='4' fill='%23FDDE0B'/%3E%3Crect x='196' y='284' width='20' height='6' rx='2' fill='%23FFF7E6'/%3E%3Crect x='226' y='292' width='20' height='16' rx='4' fill='%235FA58C'/%3E%3Crect x='226' y='288' width='20' height='6' rx='2' fill='%23FFF7E6'/%3E%3Crect x='256' y='288' width='20' height='20' rx='4' fill='%23E26F6A'/%3E%3Crect x='256' y='284' width='20' height='6' rx='2' fill='%23FFF7E6'/%3E%3Crect x='346' y='292' width='20' height='16' rx='4' fill='%235FA58C'/%3E%3Crect x='346' y='288' width='20' height='6' rx='2' fill='%23FFF7E6'/%3E%3Crect x='376' y='288' width='20' height='20' rx='4' fill='%23E26F6A'/%3E%3Crect x='376' y='284' width='20' height='6' rx='2' fill='%23FFF7E6'/%3E%3Crect x='406' y='292' width='20' height='16' rx='4' fill='%23F3C48D'/%3E%3Crect x='406' y='288' width='20' height='6' rx='2' fill='%23FFF7E6'/%3E%3Crect x='250' y='318' width='100' height='26' rx='4' fill='%23FFF7E6'/%3E%3Cg fill='%23C97A52'%3E%3Crect x='262' y='327' width='76' height='3'/%3E%3Crect x='270' y='334' width='60' height='3'/%3E%3C/g%3E%3Cg%3E%3Crect x='100.8' y='386.6' width='7.4' height='27.5' rx='3.7' fill='%23E59A6A'/%3E%3Crect x='111.7' y='386.6' width='7.4' height='27.5' rx='3.7' fill='%23E59A6A'/%3E%3Cpath d='M97.4 391.1 L99.7 366.0 Q110.0 359.1 120.3 366.0 L122.6 391.1z' fill='%23E59A6A'/%3E%3Ccircle cx='110.0' cy='353.4' r='9.7' fill='%236B4630'/%3E%3Cpath d='M100.2 352.2 a9.8 9.8 0 0 1 19.7 0 q-9.8 -3.4 -19.7 0z' fill='%236B4A2E'/%3E%3C/g%3E%3Cg%3E%3Crect x='500.5' y='385.6' width='7.7' height='28.4' rx='3.8' fill='%237A8CC4'/%3E%3Crect x='511.8' y='385.6' width='7.7' height='28.4' rx='3.8' fill='%237A8CC4'/%3E%3Cpath d='M497.0 390.4 L499.4 364.4 Q510.0 357.3 520.6 364.4 L523.0 390.4z' fill='%237A8CC4'/%3E%3Ccircle cx='510.0' cy='351.4' r='10.0' fill='%23E8B48A'/%3E%3Cpath d='M499.8 350.2 a10.2 10.2 0 0 1 20.3 0 q-10.2 -3.5 -20.3 0z' fill='%231D1A26'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--money-planning-and-organisation { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='money-sky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2328244F'/%3E%3Cstop offset='0.32' stop-color='%23674A80'/%3E%3Cstop offset='0.56' stop-color='%23C47E6E'/%3E%3Cstop offset='0.72' stop-color='%23F3C48D'/%3E%3C/linearGradient%3E%3CradialGradient id='money-gl2'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.75'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='money-gl3'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='money-gr4' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2333284F'/%3E%3Cstop offset='1' stop-color='%231C1838'/%3E%3C/linearGradient%3E%3CradialGradient id='money-gl5'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23money-sky1)'/%3E%3Cg fill='%23fff' opacity='0.45'%3E%3Ccircle cx='540' cy='54' r='0.8'/%3E%3Ccircle cx='416' cy='100' r='1'/%3E%3Ccircle cx='345' cy='130' r='1'/%3E%3Ccircle cx='122' cy='110' r='1'/%3E%3Ccircle cx='147' cy='106' r='1.2'/%3E%3Ccircle cx='587' cy='49' r='1'/%3E%3Ccircle cx='501' cy='113' r='1.5'/%3E%3Ccircle cx='145' cy='33' r='1.2'/%3E%3Ccircle cx='87' cy='117' r='1.2'/%3E%3Ccircle cx='103' cy='74' r='0.8'/%3E%3Ccircle cx='254' cy='94' r='1'/%3E%3Ccircle cx='108' cy='50' r='1.5'/%3E%3Ccircle cx='61' cy='52' r='1.2'/%3E%3Ccircle cx='342' cy='38' r='1.2'/%3E%3Ccircle cx='501' cy='85' r='0.8'/%3E%3Ccircle cx='523' cy='110' r='1'/%3E%3Ccircle cx='201' cy='116' r='1'/%3E%3Ccircle cx='524' cy='77' r='1'/%3E%3C/g%3E%3Ccircle cx='150' cy='290' r='110' fill='url(%23money-gl2)'/%3E%3Ccircle cx='150' cy='290' r='30' fill='%23FFD36B'/%3E%3Cpath d='M-20 312 Q40 299 101 308 Q174 298 248 307 Q313 301 378 315 Q442 295 505 311 Q581 294 657 319 V500 H-20z' fill='%236A4A78' opacity='1'/%3E%3Crect x='0' y='260' width='42' height='78' fill='%234A3766'/%3E%3Cpath d='M6 275h3v4h-3zM6 290h3v4h-3zM33 304h3v4h-3zM6 319h3v4h-3zM15 319h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='42' y='259' width='43' height='79' fill='%234A3766'/%3E%3Cpath d='M67 274h3v4h-3zM76 274h3v4h-3zM57 289h3v4h-3zM76 289h3v4h-3zM48 304h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='89' y='274' width='33' height='64' fill='%234A3766'/%3E%3Cpath d='M113 286h3v4h-3zM95 310h3v4h-3zM104 310h3v4h-3zM104 322h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='122' y='270' width='41' height='68' fill='%234A3766'/%3E%3Cpath d='M145 283h3v4h-3zM145 308h3v4h-3zM154 321h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='166' y='275' width='27' height='63' fill='%234A3766'/%3E%3Crect x='198' y='263' width='37' height='75' fill='%234A3766'/%3E%3Cpath d='M205 277h3v4h-3zM215 291h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='390' y='298' width='35' height='40' fill='%234A3766'/%3E%3Cpath d='M416 310h3v4h-3zM406 322h3v4h-3zM416 322h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='427' y='298' width='43' height='40' fill='%234A3766'/%3E%3Cpath d='M442 310h3v4h-3zM452 310h3v4h-3zM433 322h3v4h-3zM442 322h3v4h-3zM461 322h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='476' y='280' width='34' height='58' fill='%234A3766'/%3E%3Cpath d='M482 320h3v4h-3zM492 320h3v4h-3zM501 320h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='510' y='277' width='32' height='61' fill='%234A3766'/%3E%3Cpath d='M516 291h3v4h-3zM524 291h3v4h-3zM516 320h3v4h-3zM524 320h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='547' y='265' width='31' height='73' fill='%234A3766'/%3E%3Cpath d='M552 293h3v4h-3zM561 293h3v4h-3zM552 306h3v4h-3zM552 320h3v4h-3zM561 320h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='584' y='292' width='24' height='46' fill='%234A3766'/%3E%3Cpath d='M599 306h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='256' y='140' width='88' height='200' fill='%2333284F'/%3E%3Cpath d='M248 142 L300 84 L352 142z' fill='%2333284F'/%3E%3Ccircle cx='300' cy='186' r='60' fill='url(%23money-gl3)'/%3E%3Ccircle cx='300' cy='186' r='30' fill='%23FFF3CF'/%3E%3Cpath d='M300 186 V166 M300 186 l14 10' stroke='%238A6A3A' stroke-width='4' stroke-linecap='round'/%3E%3Cg fill='%238A6A3A'%3E%3Ccircle cx='300' cy='161' r='2'/%3E%3Ccircle cx='325' cy='186' r='2'/%3E%3Ccircle cx='300' cy='211' r='2'/%3E%3Ccircle cx='275' cy='186' r='2'/%3E%3C/g%3E%3Crect x='284' y='262' width='32' height='78' rx='16' fill='%23FFD36B' opacity='.9'/%3E%3Crect x='0' y='340' width='600' height='160' fill='url(%23money-gr4)'/%3E%3Ccircle cx='360' cy='375.22375' r='57.873749999999994' fill='url(%23money-gl5)'/%3E%3Cg%3E%3Crect x='349.9' y='387.8' width='8.2' height='30.2' rx='4.0' fill='%23FDDE0B'/%3E%3Crect x='361.9' y='387.8' width='8.2' height='30.2' rx='4.0' fill='%23FDDE0B'/%3E%3Cpath d='M346.2 392.8 L348.7 365.2 Q360.0 357.6 371.3 365.2 L373.8 392.8z' fill='%23FDDE0B'/%3E%3Cpath d='M349.9 367.7 l7.5 12.6 l10.1 0' stroke='%23FDDE0B' stroke-width='6.9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Ccircle cx='360.0' cy='351.3' r='10.7' fill='%238A5A3C'/%3E%3Cpath d='M349.2 350.1 a10.8 10.8 0 0 1 21.6 0 q-10.8 -3.8 -21.6 0z' fill='%232A1E1A'/%3E%3C/g%3E%3Crect x='352' y='366' width='16' height='20' rx='2' fill='%23FFF7E6'/%3E%3Cg fill='%23C97A52'%3E%3Crect x='355' y='371' width='10' height='2'/%3E%3Crect x='355' y='376' width='8' height='2'/%3E%3Crect x='355' y='381' width='9' height='2'/%3E%3C/g%3E%3Cg transform='translate(450 382)'%3E%3Cellipse cx='22' cy='18' rx='24' ry='17' fill='%23F2A7B3'/%3E%3Ccircle cx='40' cy='12' r='9' fill='%23F2A7B3'/%3E%3Crect x='8' y='30' width='7' height='10' rx='3' fill='%23E58C9C'/%3E%3Crect x='28' y='30' width='7' height='10' rx='3' fill='%23E58C9C'/%3E%3Crect x='16' y='1' width='14' height='3' rx='1.5' fill='%23B5606E'/%3E%3Ccircle cx='43' cy='10' r='1.6' fill='%235A2E36'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--program-playbooks { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='prograsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23121842'/%3E%3Cstop offset='0.32' stop-color='%232F2766'/%3E%3Cstop offset='0.56' stop-color='%235B428A'/%3E%3Cstop offset='0.72' stop-color='%239A5E96'/%3E%3C/linearGradient%3E%3ClinearGradient id='progragr2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231E1A45'/%3E%3Cstop offset='1' stop-color='%23120F30'/%3E%3C/linearGradient%3E%3CradialGradient id='progragl3'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='progragl4'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='progragl5'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='progragl6'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='progragl7'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='progragl8'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='progragl9'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='progragl10'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.6'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='progragl11'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.45'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23prograsky1)'/%3E%3Cg fill='%23fff' opacity='0.6'%3E%3Ccircle cx='286' cy='120' r='1.5'/%3E%3Ccircle cx='385' cy='113' r='1.5'/%3E%3Ccircle cx='391' cy='26' r='1.5'/%3E%3Ccircle cx='233' cy='178' r='0.8'/%3E%3Ccircle cx='406' cy='81' r='1'/%3E%3Ccircle cx='550' cy='164' r='0.8'/%3E%3Ccircle cx='156' cy='135' r='1'/%3E%3Ccircle cx='170' cy='79' r='1.2'/%3E%3Ccircle cx='369' cy='171' r='1'/%3E%3Ccircle cx='216' cy='89' r='1.2'/%3E%3Ccircle cx='88' cy='101' r='0.8'/%3E%3Ccircle cx='24' cy='211' r='0.8'/%3E%3Ccircle cx='161' cy='155' r='1.2'/%3E%3Ccircle cx='312' cy='114' r='0.8'/%3E%3Ccircle cx='330' cy='147' r='0.8'/%3E%3Ccircle cx='257' cy='182' r='1.5'/%3E%3Ccircle cx='565' cy='114' r='0.8'/%3E%3Ccircle cx='469' cy='71' r='1.2'/%3E%3Ccircle cx='328' cy='143' r='1.2'/%3E%3Ccircle cx='16' cy='148' r='0.8'/%3E%3Ccircle cx='403' cy='74' r='0.8'/%3E%3Ccircle cx='119' cy='22' r='1'/%3E%3Ccircle cx='47' cy='174' r='1.2'/%3E%3Ccircle cx='369' cy='143' r='0.8'/%3E%3Ccircle cx='569' cy='40' r='1.2'/%3E%3Ccircle cx='479' cy='52' r='1.5'/%3E%3Ccircle cx='437' cy='53' r='1'/%3E%3Ccircle cx='231' cy='131' r='1.5'/%3E%3Ccircle cx='156' cy='214' r='0.8'/%3E%3Ccircle cx='82' cy='58' r='1.5'/%3E%3Ccircle cx='273' cy='149' r='1.2'/%3E%3Ccircle cx='313' cy='222' r='1.5'/%3E%3Ccircle cx='203' cy='169' r='1'/%3E%3Ccircle cx='587' cy='161' r='1.2'/%3E%3Ccircle cx='448' cy='162' r='1.2'/%3E%3Ccircle cx='131' cy='165' r='0.8'/%3E%3Ccircle cx='307' cy='113' r='1.5'/%3E%3Ccircle cx='428' cy='22' r='1'/%3E%3Ccircle cx='81' cy='108' r='1'/%3E%3Ccircle cx='583' cy='91' r='1.2'/%3E%3C/g%3E%3Cpath d='M-20 330 Q48 311 117 334 Q166 316 215 327 Q266 312 316 330 Q378 321 441 326 Q500 312 559 324 Q637 306 715 325 V500 H-20z' fill='%233A2E6A' opacity='1'/%3E%3Crect x='0' y='350' width='600' height='150' fill='url(%23progragr2)'/%3E%3Cpath d='M300 300 L230 210 L190 150 L270 120 M300 300 L310 180 L350 110 M300 300 L390 210 L440 150 L420 90' stroke='%23FDDE0B' stroke-width='1.6' fill='none' opacity='.55' stroke-dasharray='3 5'/%3E%3Ccircle cx='230' cy='210' r='16' fill='url(%23progragl3)'/%3E%3Ccircle cx='230' cy='210' r='3.2' fill='%23FFF0A0'/%3E%3Ccircle cx='190' cy='150' r='16' fill='url(%23progragl4)'/%3E%3Ccircle cx='190' cy='150' r='3.2' fill='%23FFF0A0'/%3E%3Ccircle cx='270' cy='120' r='16' fill='url(%23progragl5)'/%3E%3Ccircle cx='270' cy='120' r='3.2' fill='%23FFF0A0'/%3E%3Ccircle cx='310' cy='180' r='16' fill='url(%23progragl6)'/%3E%3Ccircle cx='310' cy='180' r='3.2' fill='%23FFF0A0'/%3E%3Ccircle cx='350' cy='110' r='16' fill='url(%23progragl7)'/%3E%3Ccircle cx='350' cy='110' r='3.2' fill='%23FFF0A0'/%3E%3Ccircle cx='390' cy='210' r='16' fill='url(%23progragl8)'/%3E%3Ccircle cx='390' cy='210' r='3.2' fill='%23FFF0A0'/%3E%3Ccircle cx='440' cy='150' r='16' fill='url(%23progragl9)'/%3E%3Ccircle cx='440' cy='150' r='3.2' fill='%23FFF0A0'/%3E%3Ccircle cx='420' cy='90' r='16' fill='url(%23progragl10)'/%3E%3Ccircle cx='420' cy='90' r='3.2' fill='%23FFF0A0'/%3E%3Ccircle cx='300' cy='310' r='130' fill='url(%23progragl11)'/%3E%3Cpath d='M300 326 C270 312 230 310 200 316 V360 C230 354 270 356 300 370z' fill='%23FFF7E6'/%3E%3Cpath d='M300 326 C330 312 370 310 400 316 V360 C370 354 330 356 300 370z' fill='%23F2E6CC'/%3E%3Cpath d='M196 318 V364 C232 356 270 360 300 376 C330 360 368 356 404 364 V318' stroke='%23C99A6A' stroke-width='4' fill='none'/%3E%3Cg stroke='%23D8C6A2' stroke-width='2'%3E%3Cpath d='M214 330 q36 -6 72 6 M214 342 q36 -6 72 6 M314 336 q36 -12 72 -6 M314 348 q36 -12 72 -6'/%3E%3C/g%3E%3Cg fill='%231E1A45'%3E%3Ccircle cx='60' cy='372' r='24'/%3E%3Ccircle cx='96' cy='372' r='16'/%3E%3Ccircle cx='520' cy='372' r='22'/%3E%3Ccircle cx='556' cy='372' r='26'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--social-skills-confidence-and-regulation { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='socialsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23121842'/%3E%3Cstop offset='0.32' stop-color='%232F2766'/%3E%3Cstop offset='0.56' stop-color='%235B428A'/%3E%3Cstop offset='0.72' stop-color='%239A5E96'/%3E%3C/linearGradient%3E%3CradialGradient id='socialgl2'%3E%3Cstop offset='0' stop-color='%23FFF1C4' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FFF1C4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl3'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.3'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl4'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl5'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl6'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl7'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl8'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl9'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl10'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl11'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl12'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl13'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl14'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl15'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl16'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.7'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='socialgr17' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231E1A45'/%3E%3Cstop offset='1' stop-color='%23120F30'/%3E%3C/linearGradient%3E%3CradialGradient id='socialgl18'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='socialgl19'%3E%3Cstop offset='0' stop-color='%23E59A6A' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23E59A6A' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23socialsky1)'/%3E%3Cg fill='%23fff' opacity='0.55'%3E%3Ccircle cx='447' cy='155' r='0.8'/%3E%3Ccircle cx='451' cy='146' r='1'/%3E%3Ccircle cx='440' cy='55' r='1'/%3E%3Ccircle cx='518' cy='31' r='1'/%3E%3Ccircle cx='67' cy='33' r='1'/%3E%3Ccircle cx='207' cy='91' r='1.2'/%3E%3Ccircle cx='423' cy='144' r='0.8'/%3E%3Ccircle cx='81' cy='86' r='0.8'/%3E%3Ccircle cx='50' cy='65' r='1.2'/%3E%3Ccircle cx='531' cy='99' r='1'/%3E%3Ccircle cx='266' cy='85' r='1.5'/%3E%3Ccircle cx='110' cy='86' r='1.5'/%3E%3Ccircle cx='72' cy='157' r='0.8'/%3E%3Ccircle cx='547' cy='79' r='1'/%3E%3Ccircle cx='561' cy='106' r='1'/%3E%3Ccircle cx='534' cy='22' r='1.5'/%3E%3Ccircle cx='486' cy='42' r='1'/%3E%3Ccircle cx='371' cy='77' r='1.5'/%3E%3Ccircle cx='207' cy='126' r='1.5'/%3E%3Ccircle cx='485' cy='81' r='1.5'/%3E%3Ccircle cx='505' cy='97' r='1'/%3E%3Ccircle cx='143' cy='107' r='1.5'/%3E%3Ccircle cx='420' cy='146' r='1'/%3E%3Ccircle cx='263' cy='140' r='0.8'/%3E%3Ccircle cx='468' cy='146' r='1.2'/%3E%3Ccircle cx='400' cy='160' r='0.8'/%3E%3Ccircle cx='357' cy='115' r='0.8'/%3E%3Ccircle cx='333' cy='142' r='1'/%3E%3Ccircle cx='278' cy='169' r='0.8'/%3E%3Ccircle cx='95' cy='146' r='0.8'/%3E%3C/g%3E%3Ccircle cx='480' cy='90' r='72' fill='url(%23socialgl2)'/%3E%3Ccircle cx='480' cy='90' r='18' fill='%23FFF3CF'/%3E%3Ccircle cx='473.7' cy='86.4' r='3.2' fill='%23EADFB8' opacity='.6'/%3E%3Ccircle cx='485.4' cy='95.4' r='2.2' fill='%23EADFB8' opacity='.6'/%3E%3Crect x='0' y='223' width='41' height='77' fill='%233A2E6A'/%3E%3Cpath d='M32 252h3v4h-3zM23 267h3v4h-3zM23 281h3v4h-3zM32 281h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='45' y='231' width='39' height='69' fill='%233A2E6A'/%3E%3Cpath d='M52 244h3v4h-3zM74 244h3v4h-3zM74 283h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='87' y='209' width='28' height='91' fill='%233A2E6A'/%3E%3Cpath d='M94 224h3v4h-3zM105 282h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='117' y='225' width='32' height='75' fill='%233A2E6A'/%3E%3Cpath d='M123 239h3v4h-3zM140 239h3v4h-3zM140 268h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='149' y='245' width='28' height='55' fill='%233A2E6A'/%3E%3Cpath d='M156 258h3v4h-3zM156 283h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='178' y='200' width='33' height='100' fill='%233A2E6A'/%3E%3Cpath d='M193 227h3v4h-3zM202 227h3v4h-3zM193 255h3v4h-3zM184 269h3v4h-3zM184 282h3v4h-3zM193 282h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='211' y='253' width='24' height='47' fill='%233A2E6A'/%3E%3Crect x='237' y='217' width='25' height='83' fill='%233A2E6A'/%3E%3Cpath d='M243 230h3v4h-3zM253 270h3v4h-3zM243 283h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='262' y='256' width='42' height='44' fill='%233A2E6A'/%3E%3Crect x='307' y='209' width='34' height='91' fill='%233A2E6A'/%3E%3Cpath d='M322 224h3v4h-3zM332 224h3v4h-3zM313 238h3v4h-3zM322 252h3v4h-3zM322 267h3v4h-3zM332 267h3v4h-3zM322 282h3v4h-3zM332 282h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='342' y='230' width='28' height='70' fill='%233A2E6A'/%3E%3Cpath d='M349 256h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='375' y='246' width='32' height='54' fill='%233A2E6A'/%3E%3Cpath d='M398 271h3v4h-3zM381 284h3v4h-3zM390 284h3v4h-3zM398 284h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='413' y='251' width='41' height='49' fill='%233A2E6A'/%3E%3Cpath d='M445 262h3v4h-3zM428 274h3v4h-3zM445 274h3v4h-3zM419 285h3v4h-3zM436 285h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='458' y='221' width='22' height='79' fill='%233A2E6A'/%3E%3Cpath d='M472 236h3v4h-3zM472 266h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='481' y='210' width='38' height='90' fill='%233A2E6A'/%3E%3Cpath d='M509 224h3v4h-3zM488 253h3v4h-3zM498 267h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='520' y='230' width='28' height='70' fill='%233A2E6A'/%3E%3Cpath d='M538 283h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='554' y='236' width='44' height='64' fill='%233A2E6A'/%3E%3Cpath d='M589 248h3v4h-3zM589 260h3v4h-3zM589 272h3v4h-3zM579 284h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='60' y='180' width='480' height='180' fill='%232A2356'/%3E%3Ccircle cx='300' cy='270' r='160' fill='url(%23socialgl3)'/%3E%3Crect x='100' y='204' width='140' height='72' rx='4' fill='%23FFD36B' opacity='.9'/%3E%3Crect x='360' y='204' width='140' height='72' rx='4' fill='%23FFD36B' opacity='.9'/%3E%3Crect x='270' y='230' width='60' height='130' rx='4' fill='%23120F30'/%3E%3Cpath d='M40 170 Q170 220 300 176 Q430 132 560 182' stroke='%23120F30' stroke-width='2' fill='none'/%3E%3Ccircle cx='40.0' cy='180' r='12' fill='url(%23socialgl4)'/%3E%3Ccircle cx='40' cy='180' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='83.3' cy='183' r='12' fill='url(%23socialgl5)'/%3E%3Ccircle cx='83' cy='183' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='126.6' cy='186' r='12' fill='url(%23socialgl6)'/%3E%3Ccircle cx='127' cy='186' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='169.89999999999998' cy='189' r='12' fill='url(%23socialgl7)'/%3E%3Ccircle cx='170' cy='189' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='213.2' cy='192' r='12' fill='url(%23socialgl8)'/%3E%3Ccircle cx='213' cy='192' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='256.5' cy='195' r='12' fill='url(%23socialgl9)'/%3E%3Ccircle cx='256' cy='195' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='299.79999999999995' cy='198' r='12' fill='url(%23socialgl10)'/%3E%3Ccircle cx='300' cy='198' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='343.09999999999997' cy='182' r='12' fill='url(%23socialgl11)'/%3E%3Ccircle cx='343' cy='182' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='386.4' cy='186' r='12' fill='url(%23socialgl12)'/%3E%3Ccircle cx='386' cy='186' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='429.7' cy='190' r='12' fill='url(%23socialgl13)'/%3E%3Ccircle cx='430' cy='190' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='473.0' cy='186' r='12' fill='url(%23socialgl14)'/%3E%3Ccircle cx='473' cy='186' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='516.3' cy='182' r='12' fill='url(%23socialgl15)'/%3E%3Ccircle cx='516' cy='182' r='3.5' fill='%23FFD36B'/%3E%3Ccircle cx='559.5999999999999' cy='178' r='12' fill='url(%23socialgl16)'/%3E%3Ccircle cx='560' cy='178' r='3.5' fill='%23FFD36B'/%3E%3Crect x='0' y='360' width='600' height='140' fill='url(%23socialgr17)'/%3E%3Crect x='246' y='376' width='108' height='8' rx='3' fill='%23E9D7B0'/%3E%3Crect x='296' y='384' width='8' height='40' fill='%23E9D7B0'/%3E%3Crect x='268' y='364' width='12' height='12' rx='2' fill='%23fff'/%3E%3Crect x='320' y='364' width='12' height='12' rx='2' fill='%23fff'/%3E%3Ccircle cx='222' cy='382.52' r='56.12' fill='url(%23socialgl18)'/%3E%3Cg%3E%3Crect x='212.2' y='394.7' width='7.9' height='29.3' rx='3.9' fill='%23FDDE0B'/%3E%3Crect x='223.8' y='394.7' width='7.9' height='29.3' rx='3.9' fill='%23FDDE0B'/%3E%3Cpath d='M208.6 399.6 L211.0 372.8 Q222.0 365.4 233.0 372.8 L235.4 399.6z' fill='%23FDDE0B'/%3E%3Cpath d='M231.8 375.2 l19.5 -7.3' stroke='%23FDDE0B' stroke-width='7.3' stroke-linecap='round'/%3E%3Ccircle cx='222.0' cy='359.3' r='10.4' fill='%238A5A3C'/%3E%3Cpath d='M211.5 358.1 a10.5 10.5 0 0 1 21.0 0 q-10.5 -3.7 -21.0 0z' fill='%232A1E1A'/%3E%3C/g%3E%3Ccircle cx='378' cy='382.52' r='56.12' fill='url(%23socialgl19)'/%3E%3Cg%3E%3Crect x='368.2' y='394.7' width='7.9' height='29.3' rx='3.9' fill='%23E59A6A'/%3E%3Crect x='379.8' y='394.7' width='7.9' height='29.3' rx='3.9' fill='%23E59A6A'/%3E%3Cpath d='M364.6 399.6 L367.0 372.8 Q378.0 365.4 389.0 372.8 L391.4 399.6z' fill='%23E59A6A'/%3E%3Cpath d='M387.8 375.2 l11.0 -15.9' stroke='%23E59A6A' stroke-width='7.3' stroke-linecap='round'/%3E%3Ccircle cx='378.0' cy='359.3' r='10.4' fill='%236B4630'/%3E%3Cpath d='M367.5 358.1 a10.5 10.5 0 0 1 21.0 0 q-10.5 -3.7 -21.0 0z' fill='%236B4A2E'/%3E%3C/g%3E%3Cg fill='%23FDDE0B'%3E%3Crect x='214' y='290' width='46' height='24' rx='12'/%3E%3Cpath d='M226 313 l-2 9 9 -9z'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Crect x='344' y='294' width='40' height='22' rx='11'/%3E%3Cpath d='M372 315 l3 8 5 -8z'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--using-good-company-learning { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='using-sky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2318265A'/%3E%3Cstop offset='0.32' stop-color='%232D4A8C'/%3E%3Cstop offset='0.56' stop-color='%235F7FC0'/%3E%3Cstop offset='0.72' stop-color='%23E7A79A'/%3E%3C/linearGradient%3E%3ClinearGradient id='using-gr2' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%231E2A5A'/%3E%3Cstop offset='1' stop-color='%23121A3C'/%3E%3C/linearGradient%3E%3CradialGradient id='using-gl3'%3E%3Cstop offset='0' stop-color='%23BFE0F2' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23BFE0F2' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='using-gl4'%3E%3Cstop offset='0' stop-color='%235FA58C' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%235FA58C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='using-gl5'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23using-sky1)'/%3E%3Cg fill='%23fff' opacity='0.55'%3E%3Ccircle cx='157' cy='68' r='0.8'/%3E%3Ccircle cx='295' cy='105' r='1.2'/%3E%3Ccircle cx='133' cy='113' r='0.8'/%3E%3Ccircle cx='290' cy='118' r='0.8'/%3E%3Ccircle cx='516' cy='151' r='0.8'/%3E%3Ccircle cx='213' cy='84' r='1'/%3E%3Ccircle cx='577' cy='40' r='1.2'/%3E%3Ccircle cx='37' cy='91' r='1.5'/%3E%3Ccircle cx='451' cy='103' r='1.5'/%3E%3Ccircle cx='219' cy='108' r='1'/%3E%3Ccircle cx='499' cy='167' r='1.2'/%3E%3Ccircle cx='44' cy='97' r='0.8'/%3E%3Ccircle cx='300' cy='107' r='0.8'/%3E%3Ccircle cx='277' cy='141' r='0.8'/%3E%3Ccircle cx='70' cy='156' r='0.8'/%3E%3Ccircle cx='70' cy='98' r='1.5'/%3E%3Ccircle cx='212' cy='129' r='1.2'/%3E%3Ccircle cx='26' cy='161' r='1.2'/%3E%3Ccircle cx='138' cy='117' r='1.2'/%3E%3Ccircle cx='317' cy='119' r='1'/%3E%3Ccircle cx='244' cy='109' r='1'/%3E%3Ccircle cx='349' cy='69' r='0.8'/%3E%3Ccircle cx='51' cy='85' r='1.2'/%3E%3Ccircle cx='385' cy='75' r='1'/%3E%3C/g%3E%3Crect x='0' y='263' width='39' height='57' fill='%233A4F8A'/%3E%3Cpath d='M18 276h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='40' y='252' width='22' height='68' fill='%233A4F8A'/%3E%3Cpath d='M54 265h3v4h-3zM54 278h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='64' y='288' width='40' height='32' fill='%233A4F8A'/%3E%3Cpath d='M87 297h3v4h-3zM78 307h3v4h-3zM87 307h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='106' y='249' width='33' height='71' fill='%233A4F8A'/%3E%3Cpath d='M112 276h3v4h-3zM112 303h3v4h-3zM121 303h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='139' y='268' width='40' height='52' fill='%233A4F8A'/%3E%3Cpath d='M153 280h3v4h-3zM162 280h3v4h-3zM170 280h3v4h-3zM145 292h3v4h-3zM162 292h3v4h-3zM170 292h3v4h-3zM145 304h3v4h-3zM153 304h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='179' y='268' width='43' height='52' fill='%233A4F8A'/%3E%3Cpath d='M194 280h3v4h-3zM204 280h3v4h-3zM213 280h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='225' y='241' width='40' height='79' fill='%233A4F8A'/%3E%3Cpath d='M239 256h3v4h-3zM256 286h3v4h-3zM231 301h3v4h-3zM248 301h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='266' y='270' width='24' height='50' fill='%233A4F8A'/%3E%3Cpath d='M272 282h3v4h-3zM281 282h3v4h-3zM272 304h3v4h-3zM281 304h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='293' y='286' width='28' height='34' fill='%233A4F8A'/%3E%3Crect x='326' y='257' width='35' height='63' fill='%233A4F8A'/%3E%3Cpath d='M352 272h3v4h-3zM332 286h3v4h-3zM342 301h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='361' y='242' width='43' height='78' fill='%233A4F8A'/%3E%3Cpath d='M395 272h3v4h-3zM376 286h3v4h-3zM386 286h3v4h-3zM395 301h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='409' y='277' width='27' height='43' fill='%233A4F8A'/%3E%3Cpath d='M416 290h3v4h-3zM416 303h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='436' y='267' width='41' height='53' fill='%233A4F8A'/%3E%3Cpath d='M451 292h3v4h-3zM468 292h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='482' y='290' width='35' height='30' fill='%233A4F8A'/%3E%3Cpath d='M498 303h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='519' y='272' width='32' height='48' fill='%233A4F8A'/%3E%3Crect x='555' y='262' width='40' height='58' fill='%233A4F8A'/%3E%3Cpath d='M578 289h3v4h-3zM586 289h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='598' y='247' width='24' height='73' fill='%233A4F8A'/%3E%3Cpath d='M613 261h3v4h-3zM613 275h3v4h-3zM613 302h3v4h-3z' fill='%23FFD36B' opacity='.85'/%3E%3Crect x='0' y='336' width='600' height='164' fill='url(%23using-gr2)'/%3E%3Ccircle cx='300' cy='250' r='150' fill='url(%23using-gl3)'/%3E%3Crect x='210' y='160' width='180' height='140' rx='16' fill='%23121A3C'/%3E%3Crect x='220' y='170' width='160' height='120' rx='8' fill='%23F7F3EA'/%3E%3Ccircle cx='262' cy='222' r='24' fill='none' stroke='%23E7E1D3' stroke-width='8'/%3E%3Cpath d='M262 198 a24 24 0 0 1 22 33' fill='none' stroke='%23FDDE0B' stroke-width='8' stroke-linecap='round'/%3E%3Cg fill='%23D7D0C0'%3E%3Crect x='298' y='206' width='66' height='7' rx='3.5'/%3E%3Crect x='298' y='222' width='48' height='7' rx='3.5'/%3E%3C/g%3E%3Crect x='236' y='258' width='128' height='18' rx='9' fill='%235FA58C'/%3E%3Ccircle cx='176' cy='357.22375' r='57.873749999999994' fill='url(%23using-gl4)'/%3E%3Cg%3E%3Crect x='165.9' y='369.8' width='8.2' height='30.2' rx='4.0' fill='%235FA58C'/%3E%3Crect x='177.9' y='369.8' width='8.2' height='30.2' rx='4.0' fill='%235FA58C'/%3E%3Cpath d='M162.2 374.8 L164.7 347.2 Q176.0 339.6 187.3 347.2 L189.8 374.8z' fill='%235FA58C'/%3E%3Cpath d='M186.1 349.7 l20.1 -7.5' stroke='%235FA58C' stroke-width='7.5' stroke-linecap='round'/%3E%3Ccircle cx='176.0' cy='333.3' r='10.7' fill='%23C98D62'/%3E%3Cpath d='M165.2 332.1 a10.8 10.8 0 0 1 21.6 0 q-10.8 -3.8 -21.6 0z' fill='%234A2E1E'/%3E%3C/g%3E%3Ccircle cx='430' cy='358.52' r='56.12' fill='url(%23using-gl5)'/%3E%3Cg%3E%3Crect x='420.2' y='370.7' width='7.9' height='29.3' rx='3.9' fill='%23FDDE0B'/%3E%3Crect x='431.8' y='370.7' width='7.9' height='29.3' rx='3.9' fill='%23FDDE0B'/%3E%3Cpath d='M416.6 375.6 L419.0 348.8 Q430.0 341.4 441.0 348.8 L443.4 375.6z' fill='%23FDDE0B'/%3E%3Cpath d='M439.8 351.2 l11.0 -15.9' stroke='%23FDDE0B' stroke-width='7.3' stroke-linecap='round'/%3E%3Ccircle cx='430.0' cy='335.3' r='10.4' fill='%23E8B48A'/%3E%3Cpath d='M419.5 334.1 a10.5 10.5 0 0 1 21.0 0 q-10.5 -3.7 -21.0 0z' fill='%231D1A26'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--welcome { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='welcomsky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232B3170'/%3E%3Cstop offset='0.32' stop-color='%237D5A9E'/%3E%3Cstop offset='0.56' stop-color='%23EE8C5E'/%3E%3Cstop offset='0.72' stop-color='%23FFC95A'/%3E%3C/linearGradient%3E%3CradialGradient id='welcomgl2'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.75'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='welcomgr3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232C2756'/%3E%3Cstop offset='1' stop-color='%23181B44'/%3E%3C/linearGradient%3E%3CradialGradient id='welcomgl4'%3E%3Cstop offset='0' stop-color='%23FFD36B' stop-opacity='0.55'/%3E%3Cstop offset='1' stop-color='%23FFD36B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='welcomgl5'%3E%3Cstop offset='0' stop-color='%235FA58C' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%235FA58C' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23welcomsky1)'/%3E%3Cg fill='%23fff' opacity='0.4'%3E%3Ccircle cx='567' cy='43' r='0.8'/%3E%3Ccircle cx='294' cy='58' r='1.5'/%3E%3Ccircle cx='25' cy='107' r='1.5'/%3E%3Ccircle cx='387' cy='59' r='1.5'/%3E%3Ccircle cx='288' cy='88' r='0.8'/%3E%3Ccircle cx='453' cy='21' r='1.5'/%3E%3Ccircle cx='373' cy='78' r='1.2'/%3E%3Ccircle cx='226' cy='105' r='0.8'/%3E%3Ccircle cx='429' cy='79' r='1'/%3E%3Ccircle cx='276' cy='36' r='0.8'/%3E%3Ccircle cx='315' cy='80' r='1.2'/%3E%3Ccircle cx='85' cy='67' r='1.5'/%3E%3Ccircle cx='365' cy='25' r='0.8'/%3E%3Ccircle cx='291' cy='105' r='1'/%3E%3C/g%3E%3Ccircle cx='470' cy='300' r='120' fill='url(%23welcomgl2)'/%3E%3Ccircle cx='470' cy='300' r='32' fill='%23FFD36B'/%3E%3Cpath d='M-20 318 Q45 307 110 317 Q162 308 215 317 Q272 302 330 321 Q402 306 473 311 Q518 301 564 322 Q610 301 657 315 V500 H-20z' fill='%236A4B86' opacity='1'/%3E%3Crect x='0' y='340' width='600' height='160' fill='url(%23welcomgr3)'/%3E%3Crect x='200' y='170' width='200' height='190' fill='%2343356E'/%3E%3Cpath d='M186 172 L300 110 L414 172z' fill='%232C2756'/%3E%3Ccircle cx='300' cy='290' r='110' fill='url(%23welcomgl4)'/%3E%3Crect x='262' y='236' width='76' height='124' rx='4' fill='%23FFD36B'/%3E%3Cpath d='M262 236 L238 246 V366 L262 360z' fill='%237A4C8F'/%3E%3Crect x='250' y='362' width='100' height='10' rx='3' fill='%23E26F6A'/%3E%3Cg fill='%232C2756'%3E%3Ccircle cx='204' cy='360' r='20'/%3E%3Ccircle cx='396' cy='360' r='20'/%3E%3Ccircle cx='60' cy='360' r='24'/%3E%3Ccircle cx='540' cy='360' r='24'/%3E%3C/g%3E%3Cg%3E%3Crect x='291.5' y='330.4' width='6.9' height='25.6' rx='3.4' fill='%23FDDE0B'/%3E%3Crect x='301.6' y='330.4' width='6.9' height='25.6' rx='3.4' fill='%23FDDE0B'/%3E%3Cpath d='M288.3 334.6 L290.4 311.2 Q300.0 304.8 309.6 311.2 L311.7 334.6z' fill='%23FDDE0B'/%3E%3Cpath d='M308.5 313.3 l9.6 -13.9' stroke='%23FDDE0B' stroke-width='6.4' stroke-linecap='round'/%3E%3Ccircle cx='300.0' cy='299.4' r='9.1' fill='%238A5A3C'/%3E%3Cpath d='M290.8 298.4 a9.2 9.2 0 0 1 18.4 0 q-9.2 -3.2 -18.4 0z' fill='%232A1E1A'/%3E%3C/g%3E%3Ccircle cx='420' cy='369.81624999999997' r='54.36625' fill='url(%23welcomgl5)'/%3E%3Cg%3E%3Crect x='410.5' y='381.6' width='7.7' height='28.4' rx='3.8' fill='%235FA58C'/%3E%3Crect x='421.8' y='381.6' width='7.7' height='28.4' rx='3.8' fill='%235FA58C'/%3E%3Cpath d='M407.0 386.4 L409.4 360.4 Q420.0 353.3 430.6 360.4 L433.0 386.4z' fill='%235FA58C'/%3E%3Cpath d='M429.5 362.7 l10.6 -15.4' stroke='%235FA58C' stroke-width='7.1' stroke-linecap='round'/%3E%3Ccircle cx='420.0' cy='347.4' r='10.0' fill='%236B4630'/%3E%3Cpath d='M409.8 346.2 a10.2 10.2 0 0 1 20.3 0 q-10.2 -3.5 -20.3 0z' fill='%236B4A2E'/%3E%3C/g%3E%3C/svg%3E"); }
.gcl-art--your-program-with-good-company { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 500' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='your-psky1' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%232B3170'/%3E%3Cstop offset='0.29' stop-color='%237D5A9E'/%3E%3Cstop offset='0.50' stop-color='%23EE8C5E'/%3E%3Cstop offset='0.64' stop-color='%23FFC95A'/%3E%3C/linearGradient%3E%3CradialGradient id='your-pgl2'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.5'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='your-pwa3' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23EE8C5E'/%3E%3Cstop offset='.35' stop-color='%237D5A9E'/%3E%3Cstop offset='1' stop-color='%23181B44'/%3E%3C/linearGradient%3E%3CradialGradient id='your-pgl4'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.25'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='your-pgl5'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.3'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='your-pgl6'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='your-pgl7'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.4'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='your-pgl8'%3E%3Cstop offset='0' stop-color='%23FDDE0B' stop-opacity='0.35'/%3E%3Cstop offset='1' stop-color='%23FDDE0B' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='600' height='500' fill='url(%23your-psky1)'/%3E%3Cg fill='%23fff' opacity='0.45'%3E%3Ccircle cx='207' cy='111' r='1.5'/%3E%3Ccircle cx='57' cy='148' r='1'/%3E%3Ccircle cx='235' cy='93' r='1.5'/%3E%3Ccircle cx='225' cy='104' r='1.5'/%3E%3Ccircle cx='80' cy='85' r='1'/%3E%3Ccircle cx='172' cy='42' r='1.5'/%3E%3Ccircle cx='558' cy='113' r='1'/%3E%3Ccircle cx='491' cy='103' r='1'/%3E%3Ccircle cx='421' cy='128' r='1'/%3E%3Ccircle cx='72' cy='130' r='1.5'/%3E%3Ccircle cx='319' cy='74' r='0.8'/%3E%3Ccircle cx='344' cy='88' r='1.5'/%3E%3Ccircle cx='396' cy='78' r='1.5'/%3E%3Ccircle cx='86' cy='123' r='1.5'/%3E%3Ccircle cx='14' cy='138' r='1'/%3E%3Ccircle cx='555' cy='44' r='1.2'/%3E%3Ccircle cx='30' cy='114' r='1.2'/%3E%3Ccircle cx='17' cy='87' r='1'/%3E%3Ccircle cx='43' cy='130' r='1'/%3E%3Ccircle cx='292' cy='36' r='1'/%3E%3Ccircle cx='422' cy='112' r='1.5'/%3E%3Ccircle cx='178' cy='147' r='1.2'/%3E%3C/g%3E%3Ccircle cx='430' cy='250' r='70' fill='url(%23your-pgl2)'/%3E%3Cpath d='M430 226 l7 15 17 2 -13 11 4 17 -15 -9 -15 9 4 -17 -13 -11 17 -2z' fill='%23FDDE0B'/%3E%3Cpath d='M-20 300 Q38 281 95 296 Q154 291 212 306 Q276 285 339 308 Q410 285 480 306 Q558 291 636 300 V500 H-20z' fill='%236A4B86' opacity='1'/%3E%3Cpath d='M330 304 C380 290 470 292 620 300 V320 H330z' fill='%232C2756'/%3E%3Crect x='0' y='312' width='600' height='188' fill='url(%23your-pwa3)'/%3E%3Cg fill='%23FDDE0B' opacity='0.35'%3E%3Crect x='385' y='330' width='90' height='2.5' rx='1.25'/%3E%3Crect x='391' y='342' width='77' height='2.5' rx='1.25'/%3E%3Crect x='398' y='354' width='65' height='2.5' rx='1.25'/%3E%3Crect x='404' y='366' width='52' height='2.5' rx='1.25'/%3E%3C/g%3E%3Ccircle cx='214' cy='440' r='108.0' fill='url(%23your-pgl4)'/%3E%3Cellipse cx='214' cy='440' rx='60.0' ry='20.0' fill='%23F3E2A8'/%3E%3Ctext x='214' y='448.6' font-family='Arial, sans-serif' font-weight='700' font-size='21.8' text-anchor='middle' fill='%238A6A20'%3E1%3C/text%3E%3Ccircle cx='300' cy='396' r='82.8' fill='url(%23your-pgl5)'/%3E%3Cellipse cx='300' cy='396' rx='46.0' ry='15.3' fill='%23F3E2A8'/%3E%3Ctext x='300' y='402.6' font-family='Arial, sans-serif' font-weight='700' font-size='16.7' text-anchor='middle' fill='%238A6A20'%3E2%3C/text%3E%3Ccircle cx='366' cy='362' r='61.2' fill='url(%23your-pgl6)'/%3E%3Cellipse cx='366' cy='362' rx='34.0' ry='11.3' fill='%23F3E2A8'/%3E%3Ctext x='366' y='366.9' font-family='Arial, sans-serif' font-weight='700' font-size='12.4' text-anchor='middle' fill='%238A6A20'%3E3%3C/text%3E%3Ccircle cx='414' cy='338' r='41.4' fill='url(%23your-pgl7)'/%3E%3Cellipse cx='414' cy='338' rx='23.0' ry='7.7' fill='%23F3E2A8'/%3E%3Ctext x='414' y='341.3' font-family='Arial, sans-serif' font-weight='700' font-size='8.4' text-anchor='middle' fill='%238A6A20'%3E4%3C/text%3E%3Ccircle cx='214' cy='395.81624999999997' r='54.36625' fill='url(%23your-pgl8)'/%3E%3Cg%3E%3Crect x='204.5' y='407.6' width='7.7' height='28.4' rx='3.8' fill='%23FDDE0B'/%3E%3Crect x='215.8' y='407.6' width='7.7' height='28.4' rx='3.8' fill='%23FDDE0B'/%3E%3Cpath d='M201.0 412.4 L203.4 386.4 Q214.0 379.3 224.6 386.4 L227.0 412.4z' fill='%23FDDE0B'/%3E%3Cpath d='M223.5 388.7 l10.6 -15.4' stroke='%23FDDE0B' stroke-width='7.1' stroke-linecap='round'/%3E%3Ccircle cx='214.0' cy='373.4' r='10.0' fill='%238A5A3C'/%3E%3Cpath d='M203.8 372.2 a10.2 10.2 0 0 1 20.3 0 q-10.2 -3.5 -20.3 0z' fill='%232A1E1A'/%3E%3C/g%3E%3C/svg%3E"); }

/* ------------------------------------------------------------------ Course types: onboarding, training, reference */

.gcl-kind {
	display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px;
	border-radius: 999px; font-size: 12px; font-weight: 650; letter-spacing: .01em; white-space: nowrap;
	background: var(--t-sand-bg); color: var(--t-sand-fg); vertical-align: 2px;
}
.gcl-kind::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.gcl-kind--onboarding { background: var(--sun); color: #3D3200; }
.gcl-kind--training { background: var(--t-sky-bg); color: var(--t-sky-fg); }
.gcl-kind--reference { background: var(--t-plum-bg); color: var(--t-plum-fg); }
.gcl-kind--participant { background: var(--t-leaf-bg); color: var(--t-leaf-fg); }
.gcl-row__title .gcl-kind { margin-left: 6px; }
.gcl-course__titles > .gcl-kind { margin-bottom: 10px; }
.gcl-cover__text > .gcl-kind { align-self: flex-start; height: 20px; font-size: 11px; padding: 0 8px; }

.gcl-section__head--kind { display: block; margin: 0 0 12px 4px; }
.gcl-section__head--kind .gcl-section__title { margin: 0; }
.gcl-section__sub { margin: 2px 0 0; font-size: 15px; color: var(--ink-2); }

/* Numbered onboarding steps */
.gcl-step-no {
	flex: none; width: 30px; height: 30px; border-radius: 50%;
	display: grid; place-items: center;
	font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums;
	color: var(--ink-2); box-shadow: inset 0 0 0 1.5px var(--line-strong);
}
.gcl-step-no .gcl-icon { width: 17px; height: 17px; stroke-width: 2.4; }
.gcl-step-no.is-done { background: var(--leaf); color: #fff; box-shadow: none; }
.gcl-step-no.is-next { background: var(--ink); color: var(--paper); box-shadow: none; }
.gcl-onboard__list > li + li .gcl-row::before { left: 116px; }
.gcl-row--next { background: var(--sun-soft); }
a.gcl-row--next:hover { background: var(--sun-soft); filter: brightness(.98); }
.gcl-row--next .gcl-row__title::after {
	content: "Up next"; margin-left: 8px; font-size: 12px; font-weight: 650; padding: 2px 8px; border-radius: 999px;
	background: var(--sun); color: #3D3200; vertical-align: 2px; letter-spacing: 0; white-space: nowrap; display: inline-block; line-height: 1.35;
}

/* The onboarding panel at the top of a new staff member's home page */
.gcl-onboard {
	margin-top: 28px; padding: 22px 16px 16px;
	border-radius: var(--r-xl);
	background: linear-gradient(180deg, var(--sun-soft) 0%, var(--surface) 70%);
	box-shadow: var(--shadow-1), 0 0 0 1px rgba(242, 194, 0, .45);
}
.gcl-onboard__head { display: grid; gap: 18px; padding: 0 6px; }
.gcl-onboard__title { font-size: 28px; line-height: 1.1; font-weight: 750; letter-spacing: -.025em; margin: 10px 0 6px; }
.gcl-onboard__lead { margin: 0; font-size: 16px; line-height: 1.45; color: var(--ink-2); max-width: 52ch; }
.gcl-onboard__next {
	display: grid; gap: 2px; align-content: start; justify-items: start;
	padding: 16px 18px; border-radius: var(--r-lg);
	background: var(--ink); color: var(--paper); text-decoration: none;
	transition: transform .25s var(--ease);
}
.gcl-onboard__next:hover { transform: translateY(-2px); }
.gcl-onboard__next:active { transform: scale(.99); }
.gcl-onboard__next-label { font-size: 13px; font-weight: 600; opacity: .72; }
.gcl-onboard__next-title { font-size: 19px; line-height: 1.25; font-weight: 700; letter-spacing: -.018em; margin-bottom: 12px; text-wrap: balance; }
.gcl-onboard__next .gcl-btn--primary { background: var(--sun); color: #3D3200; }
.gcl-onboard__meter { display: grid; gap: 8px; padding: 18px 6px 14px; }
.gcl-onboard__meter .gcl-bar { height: 8px; background: rgba(0, 0, 0, .08); }
.gcl-onboard__meter .gcl-bar > span { background: var(--leaf); }
.gcl-onboard__count { font-size: 14px; color: var(--ink-2); }
.gcl-onboard__count strong { color: var(--ink); }
.gcl-onboard .gcl-group { box-shadow: 0 0 0 1px var(--line); }
@media (min-width: 720px) {
	.gcl-onboard { padding: 28px 24px 24px; }
	.gcl-onboard__head { grid-template-columns: 1fr minmax(240px, 300px); align-items: end; gap: 28px; }
	.gcl-onboard__title { font-size: 32px; }
}
@media (prefers-color-scheme: dark) {
	.gcl-onboard { background: linear-gradient(180deg, #2E2A12 0%, var(--surface) 70%); box-shadow: var(--shadow-1), 0 0 0 1px rgba(253, 222, 11, .25); }
	.gcl-onboard__next { background: #F5F5F2; color: #151514; }
	.gcl-onboard__meter .gcl-bar { background: rgba(255, 255, 255, .14); }
	.gcl-row--next, a.gcl-row--next:hover { background: #2E2A12; }
	.gcl-step-no.is-next { background: var(--sun); color: #3D3200; }
}

/* Onboarding finished: tucked away, still easy to find */
.gcl-onboard-done { background: var(--surface); border-radius: var(--r-lg); box-shadow: var(--shadow-1), 0 0 0 1px var(--line); overflow: hidden; }
.gcl-onboard-done > summary { list-style: none; cursor: pointer; }
.gcl-onboard-done > summary::-webkit-details-marker { display: none; }
.gcl-onboard-done > summary .gcl-row__chev { transition: transform .2s var(--ease); }
.gcl-onboard-done[open] > summary .gcl-row__chev { transform: rotate(90deg); }
.gcl-onboard-done > .gcl-group { border-radius: 0; box-shadow: none; border-top: 1px solid var(--line); }

/* "I have read and understood" */
.gcl-ack {
	margin: 36px 0 8px; padding: 18px; border-radius: var(--r-lg);
	background: var(--surface); box-shadow: var(--shadow-1), 0 0 0 1px var(--line);
	display: grid; gap: 16px;
}
.gcl-ack__policy { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.gcl-ack__icon { width: 44px; height: 44px; border-radius: 12px; flex: none; display: grid; place-items: center; background: var(--sun); color: #3D3200; }
.gcl-ack__icon .gcl-icon { width: 24px; height: 24px; }
.gcl-ack__name { flex: 1; min-width: 180px; display: flex; flex-direction: column; gap: 1px; }
.gcl-ack__eyebrow { font-size: 12px; font-weight: 650; text-transform: uppercase; letter-spacing: .06em; color: var(--ink-2); }
.gcl-ack__name strong { font-size: 18px; letter-spacing: -.015em; line-height: 1.25; }
.gcl-ack__ver { font-size: 14px; color: var(--ink-2); }
.gcl-ack__confirm {
	position: relative; display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px;
	border-radius: var(--r-md); background: var(--paper); cursor: pointer;
	font-size: 17px; font-weight: 600; line-height: 1.4; letter-spacing: -.01em;
	box-shadow: inset 0 0 0 1.5px var(--line-strong); transition: box-shadow .15s, background .15s;
}
.gcl-ack__confirm:hover { box-shadow: inset 0 0 0 1.5px var(--ink-3); }
.gcl-ack__confirm input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.gcl-ack__box {
	flex: none; width: 26px; height: 26px; margin-top: -1px; border-radius: 8px;
	display: grid; place-items: center; background: var(--surface);
	box-shadow: inset 0 0 0 2px var(--line-strong); color: transparent; transition: background .15s, color .15s, box-shadow .15s;
}
.gcl-ack__box .gcl-icon { width: 17px; height: 17px; stroke-width: 2.6; }
.gcl-ack__confirm input:checked + .gcl-ack__box { background: var(--leaf); color: #fff; box-shadow: none; }
.gcl-ack__confirm input:focus-visible + .gcl-ack__box { outline: 3px solid var(--focus); outline-offset: 2px; }
.gcl-ack.is-busy .gcl-ack__confirm { opacity: .6; pointer-events: none; }
.gcl-ack__note { margin: -8px 0 0 4px; font-size: 13px; color: var(--ink-2); }
.gcl-ack__done {
	display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 14px 16px;
	border-radius: var(--r-md); background: var(--leaf-soft); color: var(--t-leaf-fg);
	font-size: 15px; font-weight: 600; line-height: 1.4;
}
.gcl-ack__done .gcl-icon { width: 20px; height: 20px; flex: none; stroke-width: 2.4; margin-top: 1px; }
.gcl-ack.is-done { box-shadow: var(--shadow-1), 0 0 0 1px rgba(36, 128, 79, .3); }
.gcl-quiz__locked { font-size: 14px !important; color: var(--ink-2); margin: 4px 0 0 !important; }
.gcl-policy-intro { padding: 14px 16px; border-radius: var(--r-md); background: var(--sun-soft); font-size: 16px; }
@media (prefers-color-scheme: dark) {
	.gcl-ack__done { color: #9BE2B6; }
	.gcl-policy-intro { color: var(--ink); }
}

/* ------------------------------------------------------------------ Profile photos */

.gcl-avatar--photo { background: var(--paper-2); overflow: hidden; }
.gcl-avatar--photo img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 50%; }
.gcl-photo-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.gcl-photo-actions form { margin: 0; }
.gcl-photo-form label { cursor: pointer; }
.gcl-photo-form label:focus-within { outline: 3px solid var(--focus); outline-offset: 2px; }
.gcl-photo-form label.is-busy { opacity: .5; pointer-events: none; }
.gcl-photo-hint { margin: 8px 0 0; font-size: 13px; max-width: 46ch; }

/* ------------------------------------------------------------------ Groups */

.gcl-groupbar { display: flex; align-items: center; gap: 10px; margin: 4px 0 18px; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.gcl-groupbar::-webkit-scrollbar { display: none; }
.gcl-groupbar__label { display: inline-flex; align-items: center; gap: 6px; flex: none; font-size: 14px; font-weight: 650; color: var(--ink-2); }
.gcl-groupbar__label .gcl-icon { width: 18px; height: 18px; }
.gcl-groupbar ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; }
.gcl-gchip {
	display: inline-flex; align-items: center; gap: 7px; height: 34px; padding: 0 14px; white-space: nowrap;
	border-radius: 999px; border: 0; background: var(--surface); color: var(--ink); font: inherit; font-size: 14px; font-weight: 600;
	box-shadow: 0 0 0 1px var(--line-strong); text-decoration: none; cursor: pointer; transition: background .15s;
}
.gcl-gchip:hover { background: var(--paper-2); }
.gcl-gchip[aria-current="true"] { background: var(--ink); color: var(--paper); box-shadow: none; }
.gcl-gchip--auto::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--leaf); }
.gcl-gchip--new { background: transparent; box-shadow: inset 0 0 0 1.5px var(--line-strong); color: var(--ink-2); border: 0; }
.gcl-gchip--new .gcl-icon { width: 16px; height: 16px; }
.gcl-gchip__n { font-size: 12px; font-weight: 650; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; display: inline-grid; place-items: center; background: var(--line); color: var(--ink-2); }
.gcl-gchip[aria-current="true"] .gcl-gchip__n { background: rgba(255, 255, 255, .2); color: inherit; }
.gcl-chips .gcl-gchip { padding: 0 14px; }

.gcl-ghead {
	display: grid; gap: 14px; margin: 0 0 18px; padding: 18px 20px;
	border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--shadow-1), 0 0 0 1px var(--line);
}
.gcl-ghead h2 { margin: 0; font-size: 26px; line-height: 1.15; letter-spacing: -.022em; }
.gcl-ghead .gcl-eyebrow { margin-bottom: 2px; }
.gcl-ghead__meta { margin: 6px 0 0; color: var(--ink-2); font-size: 15px; }
.gcl-ghead .gcl-hint { margin: 8px 0 0; }
.gcl-ghead__actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media (min-width: 720px) {
	.gcl-ghead { grid-template-columns: 1fr auto; align-items: end; }
}
.gcl-search--sheet { margin: 0 0 12px; }
@media (prefers-color-scheme: dark) {
	.gcl-gchip[aria-current="true"] { background: var(--sun); color: #3D3200; }
}
[data-nojs][hidden] { display: none !important; }

/* ------------------------------------------------------------------ Help, documents, reviews, reading (Oct 2026) */

.gcl-help-btn {
	margin-left: auto; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px 0 10px;
	border-radius: 999px; text-decoration: none; font-size: 15px; font-weight: 600; color: #2A2200; background: var(--sun);
}
.gcl-help-btn .gcl-icon { width: 19px; height: 19px; }
.gcl-help-btn[aria-current="page"] { box-shadow: 0 0 0 2px var(--ink); }
.gcl-help-btn + .gcl-me { margin-left: 0; }
@media (max-width: 380px) { .gcl-help-btn span { display: none; } .gcl-help-btn { padding: 0 9px; } }

.gcl-help .gcl-page-head__lead { font-weight: 600; color: var(--ink); }
.gcl-callgrid { display: grid; gap: 10px; margin-top: 20px; }
.gcl-call {
	display: flex; align-items: center; gap: 14px; min-height: 72px; padding: 14px 18px; border-radius: var(--r-lg);
	background: var(--surface); box-shadow: var(--shadow-1), 0 0 0 1px var(--line); text-decoration: none; color: inherit;
}
.gcl-call .gcl-icon { width: 28px; height: 28px; flex: none; }
.gcl-call strong { display: block; font-size: 22px; letter-spacing: -.01em; line-height: 1.15; }
.gcl-call small { display: block; font-size: 14px; color: var(--ink-2); margin-top: 2px; }
.gcl-call--sos { background: var(--coral); color: #fff; box-shadow: none; }
.gcl-call--sos small { color: rgba(255, 255, 255, .88); }
.gcl-call--quiet strong { font-size: 18px; }
.gcl-call:active { transform: scale(.99); }
.gcl-offline-note { display: flex; gap: 8px; align-items: center; margin: 16px 0 0; padding: 10px 14px; border-radius: var(--r-md); background: var(--sun-soft); font-weight: 600; font-size: 15px; }
.gcl-offline-note[hidden] { display: none; }
.gcl-help__card { background: var(--surface); border-radius: var(--r-lg); box-shadow: 0 0 0 1px var(--line); padding: 4px 20px 20px; }
.gcl-help__install { padding: 16px 18px; }
.gcl-help__install p { margin: 0 0 10px; }
@media (min-width: 600px) { .gcl-callgrid { grid-template-columns: 1fr 1fr; } .gcl-call--sos { grid-column: 1 / -1; } }

.gcl-alert {
	display: flex; align-items: center; gap: 14px; margin-top: 20px; padding: 14px 16px; border-radius: var(--r-lg);
	background: var(--sun-soft); text-decoration: none; color: inherit; box-shadow: 0 0 0 1px rgba(242, 194, 0, .35);
}
.gcl-alert--danger { background: var(--coral-soft); box-shadow: 0 0 0 1px rgba(200, 56, 31, .3); }
.gcl-alert .gcl-row__title { font-size: 17px; font-weight: 650; }

.gcl-docs__group { font-size: 15px; font-weight: 650; color: var(--ink-2); margin: 20px 0 8px 4px; letter-spacing: -.005em; }
.gcl-doc { flex-wrap: wrap; }
.gcl-doc__actions { display: flex; align-items: center; gap: 6px; margin-left: auto; }
@media (max-width: 520px) { .gcl-doc__actions { width: 100%; padding-left: 58px; } }
.gcl-doc--expired .gcl-row__title { color: var(--coral); }
.gcl-work { margin-bottom: 4px; }
.gcl-work__group { padding: 16px; display: grid; gap: 18px; }
.gcl-work .gcl-fieldset legend { font-size: 16px; font-weight: 650; margin: 0 0 8px; }
.gcl-work__states { display: flex; flex-wrap: wrap; gap: 8px; }
.gcl-chipbox { position: relative; }
.gcl-chipbox input { position: absolute; opacity: 0; }
.gcl-chipbox span {
	display: inline-flex; align-items: center; min-width: 52px; justify-content: center; height: 38px; padding: 0 14px;
	border-radius: 999px; font-weight: 650; font-size: 15px; cursor: pointer; background: var(--paper-2); box-shadow: inset 0 0 0 1.5px var(--line-strong);
}
.gcl-chipbox input:checked + span { background: var(--ink); color: var(--paper); box-shadow: none; }
.gcl-chipbox input:focus-visible + span { outline: 3px solid var(--focus); outline-offset: 2px; }
.gcl-sheet > .gcl-sheet__head { padding: 10px 20px 0; }
.gcl-sheet__list { padding: 16px 20px calc(20px + env(safe-area-inset-bottom)); display: grid; gap: 14px; }
.gcl-sheet__list form .gcl-hint { margin: 6px 4px 0; }

.gcl-review-page__due { margin: 12px 0 0; color: var(--ink-2); font-size: 15px; }
.gcl-recap { display: grid; gap: 10px; }
.gcl-recap__item summary span { display: flex; flex-direction: column; gap: 2px; }
.gcl-recap__item summary small { font-size: 13px; font-weight: 500; color: var(--ink-3); }
.gcl-recap__item ul { padding-left: 1.2em; margin: 0; color: var(--ink); }
.gcl-recap__item li + li { margin-top: .4em; }
.gcl-quiz--review { margin-top: 36px; }

.gcl-missed .gcl-row { align-items: flex-start; }
.gcl-missed__pct { flex: none; width: 56px; font-size: 20px; font-weight: 700; color: var(--coral); line-height: 1.1; padding-top: 2px; }
.gcl-missed__pct small { display: block; font-size: 11px; font-weight: 600; color: var(--ink-3); }
.gcl-missed .gcl-row__title { font-size: 16px; }
.gcl-group > li + li.gcl-row.gcl-row--static::before { left: 16px; }

.gcl-story { margin: 1.8em 0 !important; padding: 20px; border-radius: var(--r-lg); background: var(--paper-2); box-shadow: 0 0 0 1px var(--line); }
.gcl-story__title { font-size: 22px; margin: 0 0 6px; letter-spacing: -.02em; }
.gcl-story__intro { margin: 0; color: var(--ink-2); }
.gcl-story__count { margin: 10px 0 0; font-size: 13px; font-weight: 650; color: var(--ink-3); }
.gcl-story .gcl-scenario { margin: 14px 0 0 !important; }
.gcl-story .gcl-scenario[hidden] { display: none; }
.gcl-scenario__scene { margin: 0 0 10px; color: var(--ink-2); font-size: 17px; line-height: 1.5; }
.gcl-story__next { margin-top: 12px; }
.gcl-story__end { margin-top: 14px; padding: 14px 16px; border-radius: var(--r-md); background: var(--leaf-soft); }
.gcl-story__end p { margin: 0; }

.gcl-lesson__tools { display: flex; align-items: center; gap: 2px; }
.gcl-tool { width: 38px; height: 38px; }
.gcl-tool .gcl-icon { width: 21px; height: 21px; }
.gcl-tool[aria-pressed="true"], .gcl-tool.is-on { background: var(--sun); color: #2A2200; }
.gcl-tool .gcl-tool__stop, .gcl-tool[aria-pressed="true"] .gcl-tool__play { display: none; }
.gcl-tool[aria-pressed="true"] .gcl-tool__stop { display: inline-grid; }
.gcl-tool[hidden] { display: none; }

html[data-textsize="l"] .gcl-main { zoom: 1.14; }
html[data-textsize="xl"] .gcl-main { zoom: 1.3; }
.gcl-prefs { padding: 14px 16px; }
.gcl-prefs__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; font-weight: 600; }
.gcl-prefs .gcl-hint .gcl-icon { width: 17px; height: 17px; vertical-align: -3px; }
.gcl-code-input { font-size: 28px !important; letter-spacing: .3em; text-align: center; font-variant-numeric: tabular-nums; }
.gcl-figure:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (min-width: 900px) {
	.gcl-figures { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.gcl-figure:last-child:nth-child(odd) { grid-column: auto; }
}

/* Course catalog switcher */
.gcl-catalog-tabs { margin-top: 16px; max-width: 440px; }
.gcl-catalog-empty { margin-top: 24px; }

/* ------------------------------------------------------------------ Onboarding documents to sign (Oct 2026) */

.gcl input[type="date"], .gcl input[type="number"], .gcl select, .gcl textarea {
	width: 100%; min-height: 52px; padding: 12px 16px; border-radius: 13px; border: 1px solid var(--line-strong);
	background: var(--surface); color: var(--ink); font: inherit; font-size: 17px;
}
.gcl textarea { line-height: 1.45; resize: vertical; }
.gcl select { -webkit-appearance: none; appearance: none; padding-right: 36px; background-image: linear-gradient(45deg, transparent 50%, var(--ink-2) 50%), linear-gradient(135deg, var(--ink-2) 50%, transparent 50%); background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%; background-size: 6px 6px; background-repeat: no-repeat; }
.gcl input[type="date"]:focus, .gcl select:focus, .gcl textarea:focus { outline: none; border-color: var(--ink); box-shadow: 0 0 0 4px rgba(253, 222, 11, .5); }
.gcl .gcl-field--inline input[type="date"], .gcl .gcl-field--inline input[type="number"], .gcl .gcl-field--inline select { border: 0; background-color: transparent; border-radius: 0; padding-left: 0; box-shadow: none; }
.gcl-group--form > .gcl-field:not(.gcl-field--inline) { padding: 14px 16px; }
.gcl-group--form > .gcl-field:not(.gcl-field--inline) + .gcl-field, .gcl-group--form > .gcl-field + .gcl-field:not(.gcl-field--inline) { border-top: 1px solid var(--line); }
.gcl-field__help { font-size: 13.5px; color: var(--ink-3); grid-column: 1 / -1; padding-bottom: 10px; }
.gcl-field--inline .gcl-field__help { padding-left: 118px; margin-top: -10px; }
.gcl-field--inline .gcl-segmented--form { margin: 8px 16px 8px 0; }
@media (max-width: 520px) { .gcl-field--inline .gcl-field__help { padding-left: 0; } }

.gcl-signdoc .gcl-page-head__lead { margin-top: 12px; }
.gcl-signdoc__body { margin: 8px 0 28px; padding: 26px 24px; background: var(--surface); border-radius: var(--r-lg); box-shadow: 0 0 0 1px var(--line); font-size: 16.5px; }
.gcl-signdoc__body table { width: 100%; border-collapse: collapse; font-size: 15px; }
.gcl-signdoc__body th, .gcl-signdoc__body td { text-align: left; vertical-align: top; padding: 8px 10px 8px 0; border-bottom: 1px solid var(--line); }
.gcl-signdoc__body h4 { font-size: 17px; margin: 1.3em 0 .3em; }
.gcl-signdoc__body blockquote { margin: 0; padding-left: 14px; border-left: 3px solid var(--line-strong); color: var(--ink-2); }
.gcl-signdoc__file { margin-bottom: 28px; }
.gcl-signdoc__file.is-opened { box-shadow: 0 0 0 2px var(--leaf); }
.gcl-signform { margin-top: 8px; gap: 14px; }
.gcl-signform .gcl-section__title { margin-top: 18px; }
.gcl-signform .gcl-checkbox { align-items: flex-start; line-height: 1.45; }
.gcl-signform .gcl-checkbox input { margin-top: 2px; flex: none; }
.gcl-alert--done { margin: 4px 0 24px; background: var(--leaf-soft); box-shadow: 0 0 0 1px rgba(46, 125, 50, .25); flex-wrap: wrap; }
.gcl-alert--sign { box-shadow: 0 0 0 1px var(--line-strong); background: var(--surface); }
.gcl-signrow { flex-wrap: wrap; }

.gcl-sigpad { position: relative; background: var(--surface); border-radius: var(--r-lg); box-shadow: 0 0 0 1px var(--line-strong); padding: 12px 16px 16px; }
.gcl-sigpad__head { display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 15px; color: var(--ink-2); }
.gcl-sigpad__canvas { display: block; width: 100%; height: 170px; touch-action: none; cursor: crosshair; border-radius: 10px; background: var(--paper-2); margin-top: 8px; }
.gcl-sigpad__line { position: absolute; left: 36px; right: 36px; bottom: 52px; border-top: 1.5px dashed var(--line-strong); pointer-events: none; }
.gcl-sigpad.has-ink .gcl-sigpad__line { opacity: .5; }
.gcl-sigsvg { width: 240px; max-width: 100%; height: auto; color: #1B2A6B; }

.gcl-editor { border-radius: var(--r-lg); box-shadow: 0 0 0 1px var(--line-strong); background: var(--surface); overflow: hidden; }
.gcl-editor__bar { display: flex; flex-wrap: wrap; gap: 4px; padding: 8px; border-bottom: 1px solid var(--line); background: var(--paper-2); position: sticky; top: 0; z-index: 2; }
.gcl-editor__bar[hidden], .gcl-editor__area[hidden], .gcl-editor__source[hidden] { display: none; }
.gcl-editor__bar button { border: 0; background: var(--surface); border-radius: 8px; padding: 7px 11px; font: inherit; font-size: 14px; font-weight: 600; color: var(--ink); cursor: pointer; box-shadow: 0 0 0 1px var(--line); }
.gcl-editor__bar button:hover { background: var(--sun-soft); }
.gcl-editor__area { min-height: 320px; max-height: 70vh; overflow: auto; margin: 0; border-radius: 0; box-shadow: none; outline: none; }
.gcl-editor__area:focus { box-shadow: inset 0 0 0 2px rgba(253, 222, 11, .7); }
.gcl-editor .gcl-editor__source { border: 0; border-radius: 0; min-height: 320px; font-family: ui-monospace, Menlo, monospace; font-size: 14px; }

.gcl-fieldrows { padding: 0; list-style: none; }
.gcl-fieldrow { display: grid; grid-template-columns: 1fr auto; gap: 8px 10px; padding: 12px 12px 12px 16px; align-items: center; }
.gcl-fieldrow + .gcl-fieldrow { border-top: 1px solid var(--line); }
.gcl-fieldrow__main { display: grid; grid-template-columns: 1fr 170px; gap: 8px; }
.gcl-fieldrow__help { grid-column: 1; }
.gcl-fieldrow__tools { grid-row: 1 / span 2; grid-column: 2; display: flex; flex-direction: column; gap: 4px; }
.gcl-fieldrow__tools [data-fieldrow-up] .gcl-icon { transform: rotate(-90deg); }
.gcl .gcl-fieldrow input, .gcl .gcl-fieldrow select { height: 46px; min-height: 46px; font-size: 16px; }
@media (max-width: 560px) { .gcl-fieldrow__main { grid-template-columns: 1fr; } }
.gcl-signedit .gcl-section__title { margin-top: 26px; }
.gcl-signedit__resign { margin-top: 10px; }
.gcl-danger-zone { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--line); }
.gcl-howto { padding-left: 1.3em; margin: 0 0 12px; line-height: 1.55; }
.gcl-howto li + li { margin-top: .5em; }
.gcl-signmanage-link { margin-top: 12px; }
.gcl-setup .gcl-docs__group { margin-top: 18px; }
.gcl-choice-card__body span[hidden] { display: none; }
[data-for-mode][hidden] { display: none !important; }

/* Placement students (Oct 2026) */
.gcl-badge--placement { background: var(--t-sky-bg); color: var(--t-sky-fg); }
[data-for-role][hidden] { display: none !important; }
.gcl-report-who { margin-top: 14px; max-width: 360px; }
.gcl-cell--na { color: var(--ink-3); }

/* Notices from management (Oct 2026) */
.gcl-bell {
	position: relative; flex: none; width: 38px; height: 38px; border-radius: 50%; border: 0; padding: 0; cursor: pointer;
	display: inline-grid; place-items: center; background: transparent; color: var(--ink);
}
.gcl-bell:hover { background: var(--line); }
.gcl-bell .gcl-icon { width: 23px; height: 23px; }
.gcl-bell__count {
	position: absolute; top: 2px; right: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;
	background: var(--coral); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center;
	box-shadow: 0 0 0 2px var(--paper);
}
.gcl-help-btn + .gcl-bell { margin-left: -12px; }
.gcl-bell + .gcl-me { margin-left: -10px; }
@media (max-width: 440px) { .gcl-top__inner { gap: 16px; } .gcl-brand__name span { display: none; } }

.gcl-annbar { background: var(--coral-soft); color: var(--ink); border-bottom: 1px solid rgba(0, 0, 0, .06); padding-top: env(safe-area-inset-top); }
.gcl-annbar[hidden] { display: none; }
.gcl-annbar__inner { max-width: 1040px; margin: 0 auto; padding: 8px var(--gutter); display: flex; align-items: center; gap: 10px; }
.gcl-annbar__inner > .gcl-icon { width: 20px; height: 20px; color: var(--coral); flex: none; }
.gcl-annbar p { margin: 0; flex: 1; font-size: 15px; line-height: 1.35; min-width: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.gcl-annbar__more { color: var(--ink-2); }
.gcl-annbar__btn { flex: none; border: 0; cursor: pointer; font: inherit; font-size: 14px; font-weight: 650; padding: 7px 14px; border-radius: 999px; background: var(--ink); color: var(--paper); }

.gcl-ann-sheet { display: none; }
.gcl-ann-sheet[open] { display: flex; flex-direction: column; }
.gcl-ann-sheet__body { overflow: auto; padding: 6px 20px 8px; flex: 1; min-height: 0; }
.gcl-ann-sheet__foot { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; padding: 12px 20px calc(16px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); }
.gcl-ann-empty { color: var(--ink-2); margin: 16px 0 24px; }
.gcl-ann-group + .gcl-ann-group { margin-top: 18px; }
.gcl-ann-group__title { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--ink-3); margin: 12px 0 8px; font-weight: 650; }
.gcl-ann { background: var(--surface); border-radius: var(--r-md); box-shadow: 0 0 0 1px var(--line); padding: 14px 16px; }
.gcl-ann + .gcl-ann { margin-top: 10px; }
.gcl-ann--important { box-shadow: inset 4px 0 0 var(--coral), 0 0 0 1px var(--line); }
.gcl-ann.is-new { box-shadow: 0 0 0 2px var(--sun), 0 0 0 1px var(--line); }
.gcl-ann--important.is-new { box-shadow: inset 4px 0 0 var(--coral), 0 0 0 2px var(--sun); }
.gcl-ann__badges { margin: 0 0 6px; }
.gcl-ann__title { font-size: 17px; margin: 0; line-height: 1.3; letter-spacing: -.01em; }
.gcl-ann__meta { margin: 3px 0 0; font-size: 13.5px; color: var(--ink-3); }
.gcl-ann__body { margin-top: 8px; font-size: 15.5px; line-height: 1.5; color: var(--ink); overflow-wrap: anywhere; }
.gcl-ann__body p { margin: 0 0 .6em; }
.gcl-ann__body p:last-child { margin-bottom: 0; }
.gcl-ann__body a { color: var(--ink); }
.gcl-ann__tools { margin: 8px 0 0; }
.gcl-notices .gcl-page-head__lead { margin-top: 4px; }
.gcl-ann-past { margin-top: 28px; }
.gcl-ann-past > summary { list-style: none; cursor: pointer; }
.gcl-ann-past > summary::-webkit-details-marker { display: none; }
.gcl-ann-past > summary .gcl-section__title::after { content: " ›"; color: var(--ink-3); }
.gcl-ann-past[open] > summary .gcl-section__title::after { content: " ⌄"; }
.gcl-ann-past__n { font-size: 14px; color: var(--ink-3); font-weight: 600; margin-left: 4px; }
@media (min-width: 720px) { .gcl-ann-sheet { width: min(560px, 92vw); } }
@media print { .gcl-annbar, .gcl-bell { display: none !important; } }

/* ------------------------------------------------------------------ Review round (Oct 2026): home screens, verify queue, tap targets */

[id] { scroll-margin-top: calc(72px + env(safe-area-inset-top)); }
html, body { scroll-padding-top: calc(72px + env(safe-area-inset-top)); }
.gcl-btn--sm { min-height: 40px; }
.gcl-doc__actions { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.gcl-doc__verify { display: inline; }
.gcl-sunrise__count small { display: block; font-size: 11px; font-weight: 600; color: var(--ink-3); letter-spacing: .02em; }

.gcl-attention .gcl-group { box-shadow: 0 0 0 1px var(--line); }
.gcl-attention--danger .gcl-section__title { color: var(--coral); }
.gcl-attn--danger .gcl-row__title { color: var(--coral); }
.gcl-attn--danger { background: var(--coral-soft); }
@media (prefers-color-scheme: dark) { .gcl-attn--danger { background: rgba(255, 122, 94, .14); } }

.gcl-team__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line); border-radius: var(--r-lg); overflow: hidden; box-shadow: 0 0 0 1px var(--line); }
.gcl-team__item { display: flex; flex-direction: column; gap: 2px; padding: 16px 16px 14px; background: var(--surface); text-decoration: none; color: var(--ink-2); font-size: 13.5px; line-height: 1.3; min-height: 84px; }
.gcl-team__item strong { font-size: 30px; line-height: 1; letter-spacing: -.03em; color: var(--ink-3); font-weight: 700; }
.gcl-team__item.is-on strong { color: var(--ink); }
.gcl-team__item.is-alert strong { color: var(--coral); }
.gcl-team__item.is-alert { background: var(--coral-soft); }
.gcl-team__item:hover { background: var(--paper-2); }
@media (min-width: 720px) { .gcl-team__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.gcl-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 18px 0 4px; background: var(--line); border-radius: var(--r-md); overflow: hidden; box-shadow: 0 0 0 1px var(--line); }
.gcl-strip__item { background: var(--surface); padding: 10px 8px 9px; text-decoration: none; display: flex; flex-direction: column; gap: 2px; min-height: 58px; }
.gcl-strip__item span { font-size: 11.5px; color: var(--ink-3); text-transform: uppercase; letter-spacing: .04em; font-weight: 650; }
.gcl-strip__item strong { font-size: 14px; color: var(--ink-2); font-weight: 650; line-height: 1.2; }
.gcl-strip__item.is-on strong { color: var(--ink); }
.gcl-strip__item.is-alert strong { color: var(--coral); }
.gcl-strip__item.is-alert { background: var(--coral-soft); }

.gcl-figure.is-on strong { color: var(--ink); }
.gcl-verify .gcl-row__meta { overflow-wrap: anywhere; }
.gcl-show-more { margin-top: 10px; }
.gcl-account-intro { margin: -4px 0 20px; }
.gcl-signedit__note { margin-top: 10px; }
.gcl-prefs-form { margin-top: 12px; }
.gcl-prefs-form .gcl-switch { margin: 0; }

/* The hidden attribute always wins, whatever display a component sets. */
[hidden] { display: none !important; }

/* Tags in lesson tables, and the module list in Start here. */
.gcl-tag { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: var(--t-coral-bg, rgba(255,107,87,.14)); color: var(--t-coral-fg, var(--coral)); font-size: 12px; font-weight: 700; letter-spacing: .02em; vertical-align: 2px; white-space: nowrap; }
.gcl-modlist td:last-child, .gcl-modlist th:last-child { white-space: nowrap; text-align: right; }
.gcl-quiz, .gcl-result { scroll-margin-top: calc(84px + env(safe-area-inset-top)); }
