.cgl-public {
	--cgl-lime: #d0fe18;
	--cgl-black: #000000;
	--cgl-white: #ffffff;
	--cgl-line: #e5e5e5;
	--cgl-soft: #f6f6f3;
	--cgl-muted: #666666;
	--cgl-text-title: 28px;
	--cgl-text-heading: 20px;
	--cgl-text-body: 16px;
	--cgl-text-ui: 14px;
	--cgl-text-caption: 12px;
	--cgl-space-1: 4px;
	--cgl-space-2: 8px;
	--cgl-space-3: 12px;
	--cgl-space-4: 16px;
	--cgl-space-5: 20px;
	--cgl-space-6: 24px;
	--cgl-space-8: 32px;
	--cgl-space-10: 40px;
	--cgl-focus-ring: 3px solid var(--cgl-lime);
	--cgl-focus-offset: 2px;
	--cgl-border-strong: 2px solid var(--cgl-black);
	--cgl-border-default: 1px solid var(--cgl-line);
	--cgl-radius-sm: 6px;
	--cgl-radius-md: 8px;
	--cgl-control-height: 44px;
	--cgl-underline-thickness: 3px;
	--cgl-pressed-offset: 1px;
	--cgl-motion-fast: 120ms;
	--cgl-ease-out: ease-out;
	box-sizing: border-box;
	width: min(100%, 1120px);
	max-width: 100%;
	min-width: 0;
	margin-inline: auto;
	padding: var(--cgl-space-10) var(--cgl-space-5);
	background: var(--cgl-black);
	color: var(--cgl-white);
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", sans-serif;
	font-size: var(--cgl-text-body);
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.cgl-public *,
.cgl-public *::before,
.cgl-public *::after {
	box-sizing: inherit;
}

.cgl-public a {
	border: var(--cgl-border-strong);
	border-color: transparent;
}

.cgl-public__header,
.cgl-public-issue__header {
	max-width: 720px;
	margin-bottom: var(--cgl-space-8);
}

.cgl-public__header h1,
.cgl-public-issue__header h1 {
	margin: var(--cgl-space-2) 0 var(--cgl-space-4);
	color: var(--cgl-white);
	font-size: var(--cgl-text-title);
	font-weight: 900;
	line-height: 1.25;
	word-break: keep-all;
}

.cgl-public__header > p:last-child {
	margin: 0;
	word-break: keep-all;
}

.cgl-public__eyebrow {
	display: flex;
	align-items: center;
	gap: var(--cgl-space-2);
	margin: 0;
	font-size: var(--cgl-text-caption);
	font-weight: 800;
	line-height: 1.5;
	text-transform: uppercase;
}

.cgl-public__eyebrow::before {
	width: var(--cgl-space-6);
	height: var(--cgl-space-2);
	background: var(--cgl-lime);
	content: "";
	flex: 0 0 auto;
}

.cgl-public__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 2px solid var(--cgl-white);
}

.cgl-public-card {
	min-width: 0;
	padding: var(--cgl-space-8) var(--cgl-space-6) var(--cgl-space-8) 0;
	border-bottom: 1px solid var(--cgl-line);
}

.cgl-public-card:nth-child(even) {
	padding-right: 0;
	padding-left: var(--cgl-space-6);
	border-left: 1px solid var(--cgl-line);
}

.cgl-public-card h2,
.cgl-public-download h2,
.cgl-public__empty h2 {
	margin: var(--cgl-space-2) 0 var(--cgl-space-3);
	color: var(--cgl-white);
	font-size: var(--cgl-text-heading);
	font-weight: 800;
	line-height: 1.35;
	text-wrap: balance;
	word-break: keep-all;
}

.cgl-public-card h2 a {
	color: var(--cgl-white);
	text-decoration-color: var(--cgl-lime);
	text-decoration-thickness: var(--cgl-underline-thickness);
	text-underline-offset: var(--cgl-space-1);
}

.cgl-public-card__meta {
	margin: 0;
	color: var(--cgl-line);
	font-size: var(--cgl-text-ui);
	font-variant-numeric: tabular-nums;
	line-height: 1.5;
}

.cgl-public-card__excerpt {
	margin-bottom: var(--cgl-space-5);
}

.cgl-public-card__excerpt,
.cgl-public-issue__body,
.cgl-public-download,
.cgl-public__empty {
	min-width: 0;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.cgl-public-issue {
	max-width: 720px;
	margin-inline: auto;
}

.cgl-public-issue__body {
	font-size: var(--cgl-text-body);
	line-height: 1.6;
}

.cgl-public-issue__body h2 {
	margin: var(--cgl-space-10) 0 var(--cgl-space-4);
	color: var(--cgl-white);
	font-size: var(--cgl-text-heading);
	font-weight: 800;
	line-height: 1.35;
	word-break: keep-all;
}

.cgl-public-issue__body p,
.cgl-public-issue__body ul,
.cgl-public-issue__body ol {
	margin: 0 0 var(--cgl-space-6);
	text-wrap: pretty;
}

.cgl-public-download {
	margin-top: var(--cgl-space-10);
	padding: var(--cgl-space-8);
	border: 2px solid var(--cgl-white);
	border-radius: var(--cgl-radius-md);
	background: var(--cgl-black);
}

.cgl-public .cgl-public-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--cgl-control-height);
	max-width: 100%;
	margin-top: var(--cgl-space-3);
	padding: var(--cgl-space-3) var(--cgl-space-5);
	border: var(--cgl-border-strong);
	border-radius: var(--cgl-radius-md);
	background: var(--cgl-lime);
	color: var(--cgl-black);
	font-size: var(--cgl-text-ui);
	font-weight: 800;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	transition: transform var(--cgl-motion-fast) var(--cgl-ease-out), background-color var(--cgl-motion-fast) var(--cgl-ease-out);
}

.cgl-public .cgl-public-button:hover {
	background: var(--cgl-white);
	color: var(--cgl-black);
}

.cgl-public .cgl-public-button:active {
	transform: translateY(var(--cgl-pressed-offset));
}

.cgl-public a:focus-visible {
	border-color: var(--cgl-black);
	background: var(--cgl-white);
	color: var(--cgl-black);
	outline: var(--cgl-focus-ring);
	outline-offset: var(--cgl-focus-offset);
}

.cgl-public-card h2 a:focus-visible {
	color: var(--cgl-black);
}

.cgl-public__pagination,
.cgl-public__empty {
	margin-top: var(--cgl-space-8);
}

.cgl-subscribe {
	--cgl-radius-sm: 6px;
	--cgl-radius-md: 8px;
	--cgl-control-height: 44px;
	--cgl-copy-basis: 32rem;
	--cgl-border-default: 1px solid var(--cgl-line);
	width: min(100%, var(--cgl-copy-basis));
	min-width: 0;
	margin: var(--cgl-space-10) auto 0;
	padding: clamp(var(--cgl-space-5), 5vw, var(--cgl-space-8));
	border: var(--cgl-border-strong);
	border-radius: var(--cgl-radius-md);
	background: var(--cgl-white);
	color: var(--cgl-black);
	overflow-wrap: anywhere;
}

.cgl-subscribe h2 {
	margin: 0 0 var(--cgl-space-2);
	color: var(--cgl-black);
	font-size: clamp(var(--cgl-text-heading), 4vw, var(--cgl-text-title));
	font-weight: 900;
	line-height: 1.3;
	word-break: keep-all;
}

.cgl-subscribe__help {
	margin: 0 0 var(--cgl-space-6);
	color: var(--cgl-muted);
	font-size: var(--cgl-text-ui);
	overflow-wrap: break-word;
	text-wrap: pretty;
	word-break: normal;
}

.cgl-subscribe .cgl-phrase {
	white-space: nowrap;
}

.cgl-subscribe form {
	display: grid;
	min-width: 0;
	gap: var(--cgl-space-5);
}

.cgl-subscribe__fields {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	min-width: 0;
	gap: var(--cgl-space-4);
}

.cgl-subscribe__field {
	display: grid;
	min-width: 0;
	gap: var(--cgl-space-2);
}

.cgl-subscribe__field label {
	font-size: var(--cgl-text-ui);
	font-weight: 800;
}

.cgl-subscribe__field label span {
	color: var(--cgl-muted);
	font-weight: 600;
}

.cgl-subscribe input[type="text"],
.cgl-subscribe input[type="email"] {
	width: 100%;
	min-width: 0;
	min-height: var(--cgl-control-height);
	padding: var(--cgl-space-3) var(--cgl-space-4);
	border: var(--cgl-border-strong);
	border-radius: var(--cgl-radius-sm);
	background: var(--cgl-white);
	color: var(--cgl-black);
	font: inherit;
}

.cgl-subscribe__consent {
	display: grid;
	grid-template-columns: var(--cgl-space-6) minmax(0, 1fr);
	align-items: start;
	gap: var(--cgl-space-3);
	min-width: 0;
	padding: var(--cgl-space-3);
	border: var(--cgl-border-default);
	border-radius: var(--cgl-radius-sm);
	font-size: var(--cgl-text-ui);
	line-height: 1.7;
	word-break: keep-all;
}

.cgl-subscribe__consent input {
	width: var(--cgl-space-6);
	height: var(--cgl-space-6);
	margin: 0;
	accent-color: var(--cgl-lime);
}

.cgl-subscribe__consent a {
	color: var(--cgl-black);
	font-weight: 800;
	text-decoration-color: var(--cgl-lime);
	text-decoration-thickness: var(--cgl-underline-thickness);
	text-underline-offset: var(--cgl-space-1);
}

.cgl-subscribe input[type="text"]:focus-visible,
.cgl-subscribe input[type="email"]:focus-visible,
.cgl-subscribe button:focus-visible,
.cgl-subscribe a:focus-visible {
	border-color: var(--cgl-black);
	background: var(--cgl-black);
	color: var(--cgl-white);
	outline: var(--cgl-focus-ring);
	outline-offset: var(--cgl-focus-offset);
}

.cgl-subscribe__consent:has(input:focus-visible) {
	border-color: var(--cgl-black);
	background: var(--cgl-black);
	color: var(--cgl-white);
	outline: var(--cgl-focus-ring);
	outline-offset: var(--cgl-focus-offset);
}

.cgl-subscribe__consent:has(input:focus-visible) a {
	color: var(--cgl-white);
}

.cgl-subscribe__submit {
	justify-self: start;
	width: 100%;
	cursor: pointer;
	font: inherit;
	font-weight: 900;
}

.cgl-public .cgl-subscribe__submit:disabled {
	background: var(--cgl-line);
	cursor: wait;
}

.cgl-subscribe__status {
	min-height: var(--cgl-control-height);
	margin: 0;
	padding: var(--cgl-space-3) var(--cgl-space-4);
	border: var(--cgl-border-default);
	border-left: var(--cgl-space-2) solid var(--cgl-lime);
	border-radius: var(--cgl-radius-md);
	background: var(--cgl-soft);
	font-size: var(--cgl-text-ui);
	font-weight: 700;
	line-height: 1.5;
	word-break: keep-all;
}

.cgl-subscribe form[data-state="invalid"] .cgl-subscribe__status,
.cgl-subscribe form[data-state="limited"] .cgl-subscribe__status,
.cgl-subscribe form[data-state="unavailable"] .cgl-subscribe__status {
	border-color: var(--cgl-black);
	border-left-color: var(--cgl-black);
}

.cgl-subscribe__trap {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

@media (min-width: 769px) {
	.cgl-subscribe__fields {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cgl-subscribe__submit {
		width: auto;
	}
}

@media (max-width: 768px) {
	.cgl-public {
		padding: var(--cgl-space-10) var(--cgl-space-4);
	}

	.cgl-public__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.cgl-public-card,
	.cgl-public-card:nth-child(even) {
		padding: var(--cgl-space-6) 0;
		border-left: 0;
	}

	.cgl-public-download {
		padding: var(--cgl-space-6);
	}
}

@media (prefers-reduced-motion: reduce) {
	.cgl-public .cgl-public-button,
	.cgl-subscribe__submit {
		transition: none;
	}
}

/* ===== 아카이브(/newsletter/) — 블로그 카드 그리드 복제 ===== */
.cgl-arc{--cg-green:#d0fe18;--cg-black:#0b0b0b;--cg-white:#fff;display:block;background:#000;color:#fff}
.cgl-arc__head{max-width:1080px;margin:0 auto;padding:72px 24px 0;text-align:left}
.cgl-arc__kicker{margin:0 0 14px;font-size:13px;font-weight:900;letter-spacing:.22em;color:var(--cg-green)}
.cgl-arc__title{margin:0 0 12px;font-size:clamp(34px,6vw,60px);font-weight:900;line-height:1.12;letter-spacing:-.03em;color:#fff}
.cgl-arc__sub{margin:0 0 18px;font-size:clamp(17px,2.4vw,22px);font-weight:800;line-height:1.45;color:var(--cg-green)}
.cgl-arc__desc{margin:0;font-size:clamp(14px,1.8vw,17px);line-height:1.82;color:#c9ced4}
.cgl-arc__rule{max-width:1080px;height:3px;margin:24px auto 0;background:var(--cg-green)}
.cgl-arc__grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1080px;margin:0 auto;padding:34px 24px 40px;list-style:none}
.cgl-arc-card{position:relative;min-width:0;overflow:hidden;border:2px solid var(--cg-black);border-radius:18px;background:var(--cg-white);color:var(--cg-black);transition:transform .22s ease,border-color .22s ease}
.cgl-arc-card:hover{transform:translateY(-4px);border-color:var(--cg-green)}
.cgl-arc-card__thumb{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;border-bottom:2px solid var(--cg-black);background:#f6f6f6;overflow:hidden}
.cgl-arc-card__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#f6f6f6}
.cgl-arc-card__thumb-fallback{display:block;padding:20px;color:#0b0b0b;font-size:22px;font-weight:900;line-height:1.35;text-align:center;letter-spacing:-.02em}
.cgl-arc-card__badge{position:absolute;top:16px;right:16px;z-index:2;display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid var(--cg-black);border-radius:999px;background:var(--cg-green);color:var(--cg-black);font-size:12px;font-weight:900;line-height:1.2}
.cgl-arc-card__body{padding:20px 20px 22px}
.cgl-arc-card__title{margin:0 0 10px;font-size:19px;font-weight:900;line-height:1.42;letter-spacing:-.02em;text-align:center;text-wrap:balance;word-break:keep-all}
.cgl-arc-card__title a{color:var(--cg-black);text-decoration:none}
.cgl-arc-card__title a:hover{text-decoration:underline;text-decoration-color:var(--cg-green);text-decoration-thickness:3px}
.cgl-arc-card__excerpt{margin:0 0 16px;font-size:14px;line-height:1.75;color:#4a4f55;text-align:center;word-break:keep-all}
.cgl-arc-card__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:0;padding-top:14px;border-top:1px solid #e5e5e5;font-size:12px;font-weight:800;color:#6b7075}
.cgl-arc__pagination{max-width:1080px;margin:0 auto;padding:0 24px 104px}
.cgl-arc__pagination .nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.cgl-arc__pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#fff;font-size:14px;font-weight:800;text-decoration:none}
.cgl-arc__pagination .page-numbers.current{background:var(--cg-green);border-color:var(--cg-green);color:var(--cg-black)}
.cgl-arc__pagination .page-numbers:hover{border-color:var(--cg-green);color:var(--cg-green)}
.cgl-arc__pagination .page-numbers.current:hover{color:var(--cg-black)}
.cgl-arc__empty{max-width:1080px;margin:0 auto;padding:40px 24px 104px;color:#c9ced4}
.cgl-arc__empty h2{margin:0 0 10px;font-size:24px;font-weight:900;color:#fff}
@media (min-width:768px){.cgl-arc__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.cgl-arc__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cgl-arc__head{padding-top:96px}}
.cgl-arc a:focus-visible{outline:3px solid var(--cg-green);outline-offset:2px;border-radius:6px}
.cgl-arc-card:focus-within{transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){.cgl-arc-card,.cgl-arc-card:hover{transform:none;transition:none}}

/* ===== 개별 호 페이지 ===== */
.cgl-issue__wrap{max-width:760px;margin:0 auto;padding:72px 24px 96px}
.cgl-issue__head{text-align:center;margin:0 0 28px}
.cgl-issue__title{margin:0 0 14px;font-size:clamp(28px,4.6vw,42px);font-weight:900;line-height:1.3;letter-spacing:-.03em;color:#fff;text-wrap:balance}
.cgl-issue__sub{margin:0 0 16px;font-size:clamp(15px,2vw,18px);line-height:1.65;color:#c9ced4;text-wrap:pretty}
.cgl-issue__from{margin:0 0 8px;font-size:15px;font-weight:900;color:var(--cg-green,#d0fe18)}
.cgl-issue__date{margin:0;font-size:13px;font-weight:800;color:#8a8f95}
.cgl-issue__hero{margin:0 0 32px}
.cgl-issue__hero img{display:block;width:100%;height:auto;border-radius:14px}
.cgl-issue__body{font-size:17px;line-height:1.9;color:#e8eaec;word-break:keep-all}
.cgl-issue__body h2{margin:44px 0 14px;font-size:clamp(21px,3vw,27px);font-weight:900;line-height:1.4;color:#fff}
.cgl-issue__body h3{margin:32px 0 10px;font-size:19px;font-weight:900;color:#fff}
.cgl-issue__body p{margin:0 0 18px}
.cgl-issue__body strong{color:#fff}
.cgl-issue__body img{display:block;width:100%;height:auto;margin:24px 0 8px;border-radius:12px}
.cgl-issue__body figcaption{margin:0 0 24px;font-size:13px;color:#8a8f95;text-align:center}
.cgl-issue__zip{margin:40px 0 0;padding:26px 22px;border:1px solid rgba(255,255,255,.18);border-radius:14px}
.cgl-issue__zip-title{margin:8px 0 6px;font-size:20px;font-weight:900;color:#fff}
.cgl-issue__zip-desc{margin:0 0 16px;font-size:14px;line-height:1.7;color:#c9ced4}
.cgl-issue__zip-btn{display:inline-flex;align-items:center;padding:13px 22px;border-radius:10px;background:var(--cg-green,#d0fe18);color:#0b0b0b;font-size:15px;font-weight:900;text-decoration:none}
.cgl-cta{margin:44px 0 0;padding:32px 26px;border-radius:16px;background:#0b0b0b;border:1px solid rgba(208,254,24,.35)}
.cgl-cta__kicker{margin:0 0 10px;font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--cg-green,#d0fe18)}
.cgl-cta__title{margin:0 0 10px;font-size:clamp(21px,3.2vw,27px);font-weight:900;line-height:1.4;color:#fff}
.cgl-cta__desc{margin:0 0 16px;font-size:15px;line-height:1.75;color:#c9ced4}
.cgl-cta__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 20px;font-size:15px;color:#9aa0a6}
.cgl-cta__price b{font-size:20px;font-weight:900;color:var(--cg-green,#d0fe18)}
.cgl-cta__price em{font-style:normal;font-weight:900;color:#ff6b6b}
.cgl-cta__btn{display:inline-flex;align-items:center;padding:15px 28px;border-radius:10px;background:var(--cg-green,#d0fe18);color:#0b0b0b;font-size:16px;font-weight:900;text-decoration:none}
.cgl-links{display:grid;grid-template-columns:1fr;gap:14px;margin:18px 0 0}
.cgl-links__card{display:block;padding:20px 18px;border:1px solid rgba(255,255,255,.18);border-radius:14px;text-decoration:none;transition:border-color .18s ease}
.cgl-links__card:hover{border-color:var(--cg-green,#d0fe18)}
.cgl-links__t{display:block;margin:0 0 6px;font-size:16px;font-weight:900;color:#fff}
.cgl-links__d{display:block;margin:0 0 12px;font-size:13px;line-height:1.6;color:#8a8f95}
.cgl-links__go{display:block;font-size:13px;font-weight:800;color:var(--cg-green,#d0fe18)}
.cgl-issue__back{margin:28px 0 0;text-align:center}
.cgl-issue__back a{font-size:14px;font-weight:800;color:var(--cg-green,#d0fe18);text-decoration:none}
.cgl-issue__back a:hover{text-decoration:underline}
@media (min-width:768px){.cgl-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Task 8 public conversion modules. */
.cgl-public.cgl-arc {
	width: 100%;
	max-width: none;
	padding: 0;
}

.cgl-arc > .cgl-subscribe {
	margin-top: var(--cgl-space-8);
}

.cgl-arc > .cgl-subscribe:last-child {
	margin-bottom: calc(var(--cgl-space-10) * 2);
}

.cgl-youtube,
.cgl-current-offer,
.cgl-community,
.cgl-previous,
.cgl-subscribe {
	border: var(--cgl-border-strong);
	background: var(--cgl-white);
	color: var(--cgl-black);
}

.cgl-youtube,
.cgl-current-offer,
.cgl-community,
.cgl-previous {
	margin-top: var(--cgl-space-10);
	border-radius: var(--cgl-radius-md);
}

.cgl-youtube {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
	overflow: hidden;
}

.cgl-youtube:focus-within {
	overflow: visible;
}

.cgl-youtube__thumbnail {
	display: block;
	min-width: 0;
	border: var(--cgl-border-strong);
	border-color: transparent;
	border-right-color: var(--cgl-black);
	border-radius: var(--cgl-radius-md) 0 0 var(--cgl-radius-md);
	background: var(--cgl-black);
	overflow: hidden;
}

.cgl-youtube__thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.cgl-youtube__body,
.cgl-current-offer .cgl-offer,
.cgl-community,
.cgl-previous {
	padding: var(--cgl-space-8);
}

.cgl-youtube__eyebrow,
.cgl-current-offer .cgl-offer__eyebrow,
.cgl-previous__category {
	margin: 0 0 var(--cgl-space-2);
	color: var(--cgl-muted);
	font-size: var(--cgl-text-caption);
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1.5;
}

.cgl-youtube h2,
.cgl-current-offer h2,
.cgl-community h2,
.cgl-previous h2,
.cgl-previous h3 {
	margin: 0 0 var(--cgl-space-3);
	color: var(--cgl-black);
	font-weight: 900;
	line-height: 1.35;
	text-wrap: balance;
	word-break: keep-all;
}

.cgl-youtube h2,
.cgl-current-offer h2,
.cgl-community h2,
.cgl-previous h2 {
	font-size: var(--cgl-text-heading);
}

.cgl-youtube p,
.cgl-current-offer p,
.cgl-community p,
.cgl-community li,
.cgl-previous p,
.cgl-previous time {
	text-wrap: pretty;
	word-break: keep-all;
}

.cgl-youtube__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--cgl-space-3);
	margin-top: var(--cgl-space-5);
}

.cgl-public .cgl-youtube__actions a,
.cgl-public .cgl-current-offer a,
.cgl-public .cgl-community > a,
.cgl-public .cgl-previous a,
.cgl-public .cgl-arc-card__cta {
	border: var(--cgl-border-strong);
}

.cgl-public .cgl-public-link,
.cgl-public .cgl-previous__cta,
.cgl-public .cgl-arc-card__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--cgl-control-height);
	max-width: 100%;
	padding: var(--cgl-space-3) var(--cgl-space-5);
	border-radius: var(--cgl-radius-md);
	background: var(--cgl-white);
	color: var(--cgl-black);
	font-size: var(--cgl-text-ui);
	font-weight: 800;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	transition: color var(--cgl-motion-fast) var(--cgl-ease-out), background-color var(--cgl-motion-fast) var(--cgl-ease-out), transform var(--cgl-motion-fast) var(--cgl-ease-out);
}

.cgl-public .cgl-public-button:hover,
.cgl-public .cgl-public-link:hover,
.cgl-public .cgl-previous__cta:hover,
.cgl-public .cgl-arc-card__cta:hover {
	background: var(--cgl-black);
	color: var(--cgl-white);
}

.cgl-public .cgl-public-button:active,
.cgl-public .cgl-public-link:active,
.cgl-public .cgl-previous__cta:active,
.cgl-public .cgl-arc-card__cta:active {
	transform: translateY(var(--cgl-pressed-offset));
}

.cgl-current-offer .cgl-offer {
	margin: 0;
	border: 0;
	background: var(--cgl-white);
	color: var(--cgl-black);
}

.cgl-current-offer .cgl-offer__note {
	color: var(--cgl-muted);
}

.cgl-community {
	display: block;
}

.cgl-community ul {
	margin: var(--cgl-space-4) 0 var(--cgl-space-5);
	padding-left: var(--cgl-space-6);
}

.cgl-community li + li {
	margin-top: var(--cgl-space-2);
}

.cgl-previous__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: var(--cgl-space-4);
	margin: var(--cgl-space-5) 0 0;
	padding: 0;
	list-style: none;
}

.cgl-previous__item {
	min-width: 0;
	padding: var(--cgl-space-4);
	border: var(--cgl-border-default);
	border-radius: var(--cgl-radius-sm);
	background: var(--cgl-soft);
}

.cgl-previous__image-link {
	display: block;
	margin-bottom: var(--cgl-space-4);
	overflow: hidden;
}

.cgl-previous__image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.cgl-previous__title {
	font-size: var(--cgl-text-body);
}

.cgl-previous__title a {
	color: var(--cgl-black);
	text-decoration-color: var(--cgl-lime);
	text-decoration-thickness: var(--cgl-underline-thickness);
	text-underline-offset: var(--cgl-space-1);
}

.cgl-previous__date {
	color: var(--cgl-muted);
	font-size: var(--cgl-text-ui);
	font-variant-numeric: tabular-nums;
}

.cgl-public .cgl-previous__cta {
	margin-top: var(--cgl-space-4);
}

.cgl-arc-card__cta {
	width: 100%;
	margin-top: var(--cgl-space-4);
	background: var(--cgl-lime);
}

.cgl-public .cgl-issue__zip-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--cgl-control-height);
	border: var(--cgl-border-strong);
	border-radius: var(--cgl-radius-md);
	transition: color var(--cgl-motion-fast) var(--cgl-ease-out), background-color var(--cgl-motion-fast) var(--cgl-ease-out), transform var(--cgl-motion-fast) var(--cgl-ease-out);
}

.cgl-issue .cgl-youtube .cgl-public-button,
.cgl-issue .cgl-current-offer .cgl-public-button,
.cgl-issue .cgl-community .cgl-public-button,
.cgl-issue .cgl-subscribe__submit,
.cgl-issue .cgl-issue__zip-btn {
	background: var(--cgl-white);
	color: var(--cgl-black);
}

.cgl-issue .cgl-conversion-action--primary .cgl-public-button,
.cgl-issue .cgl-conversion-action--primary .cgl-issue__zip-btn {
	background: var(--cgl-lime);
}

.cgl-issue .cgl-youtube .cgl-public-button:hover,
.cgl-issue .cgl-current-offer .cgl-public-button:hover,
.cgl-issue .cgl-community .cgl-public-button:hover,
.cgl-issue .cgl-subscribe__submit:hover,
.cgl-issue .cgl-issue__zip-btn:hover {
	background: var(--cgl-black);
	color: var(--cgl-white);
}

.cgl-public .cgl-issue__zip-btn:active {
	transform: translateY(var(--cgl-pressed-offset));
}

.cgl-public .cgl-youtube__thumbnail:focus-visible,
.cgl-public .cgl-public-button:focus-visible,
.cgl-public .cgl-public-link:focus-visible,
.cgl-public .cgl-arc-card__cta:focus-visible,
.cgl-public .cgl-previous a:focus-visible {
	border-color: var(--cgl-black);
	outline: var(--cgl-focus-ring);
	outline-offset: var(--cgl-focus-offset);
}

@media (max-width: 768px) {
	.cgl-youtube {
		grid-template-columns: minmax(0, 1fr);
	}

	.cgl-youtube__thumbnail {
		border-right-color: transparent;
		border-bottom-color: var(--cgl-black);
		border-radius: var(--cgl-radius-md) var(--cgl-radius-md) 0 0;
	}

	.cgl-youtube__body,
	.cgl-current-offer .cgl-offer,
	.cgl-community,
	.cgl-previous {
		padding: var(--cgl-space-6);
	}

	.cgl-previous__list {
		grid-template-columns: minmax(0, 1fr);
	}

	.cgl-youtube__actions,
	.cgl-youtube__actions a,
	.cgl-current-offer .cgl-public-button,
	.cgl-community .cgl-public-button,
	.cgl-previous__cta {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cgl-public .cgl-public-link,
	.cgl-public .cgl-previous__cta,
	.cgl-public .cgl-issue__zip-btn,
	.cgl-public .cgl-arc-card__cta {
		transition: none;
	}
}