.gcma-journal {
	color: var(--gcma-text, #071a44);
	min-height: 80vh;
	padding: 118px clamp(18px, 4vw, 64px) 80px;
}

.gcma-journal-hero,
.gcma-article__header {
	margin: 0 auto;
	max-width: 1180px;
}

.gcma-journal-hero {
	background: color-mix(in srgb, var(--gcma-surface, #fff) 82%, transparent);
	border: 1px solid color-mix(in srgb, var(--gcma-accent, #0785ff) 22%, transparent);
	border-radius: 32px;
	box-shadow: 0 28px 90px rgba(4, 31, 74, .12), inset 0 1px rgba(255,255,255,.72);
	overflow: hidden;
	position: relative;
}

.gcma-journal-hero::before {
	background: #0b8cff;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.gcma-journal-hero__inner { max-width: 840px; padding: clamp(34px, 7vw, 82px); }
.gcma-journal-eyebrow { color: #087cff; font-size: 13px; font-weight: 850; letter-spacing: 0; margin: 0 0 13px; text-transform: uppercase; }
.gcma-journal-hero h1,
.gcma-article__header h1 { font-size: clamp(38px, 4.4vw, 60px); letter-spacing: 0; line-height: 1.02; margin: 0; }
.gcma-journal-hero__inner > p:not(.gcma-journal-eyebrow) { color: var(--gcma-muted, #5c708c); font-size: clamp(17px, 2vw, 22px); line-height: 1.55; margin: 22px 0 0; }
.gcma-journal-hero__topics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.gcma-journal-hero__topics span { background: color-mix(in srgb, #0785ff 10%, var(--gcma-surface, #fff)); border: 1px solid color-mix(in srgb, #0785ff 24%, transparent); border-radius: 999px; color: var(--gcma-text, #071a44); font-size: 13px; font-weight: 750; padding: 8px 12px; }
.gcma-journal-feed { margin: 34px auto 0; max-width: 1180px; }
.gcma-journal-grid { display: grid; gap: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gcma-journal-card { background: color-mix(in srgb, var(--gcma-surface, #fff) 88%, transparent); border: 1px solid color-mix(in srgb, var(--gcma-accent, #0785ff) 18%, transparent); border-radius: 24px; box-shadow: 0 18px 55px rgba(5, 34, 79, .09); overflow: hidden; }
.gcma-journal-card__media { aspect-ratio: 16 / 9; background: #dceeff; display: block; overflow: hidden; }
.gcma-journal-card__media img { height: 100%; object-fit: cover; transition: transform .45s ease; width: 100%; }
.gcma-journal-card:hover .gcma-journal-card__media img { transform: scale(1.025); }
.gcma-journal-card__placeholder { align-items: center; background: #071a44; color: #19baff; display: flex; font-size: 32px; font-weight: 900; height: 100%; justify-content: center; }
.gcma-journal-card__body { padding: 25px; }
.gcma-journal-card__meta,
.gcma-article__meta { color: var(--gcma-muted, #64758b); display: flex; font-size: 12px; font-weight: 700; gap: 15px; }
.gcma-journal-card h2 { font-size: 27px; letter-spacing: 0; line-height: 1.15; margin: 14px 0 10px; }
.gcma-journal-card h2 a { color: inherit; text-decoration: none; }
.gcma-journal-card p { color: var(--gcma-muted, #5c708c); line-height: 1.65; margin: 0; }
.gcma-journal-card__link { color: #087cff; display: inline-flex; font-weight: 800; gap: 8px; margin-top: 19px; text-decoration: none; }
.gcma-journal-pagination { margin-top: 34px; }
.gcma-journal-pagination .nav-links { display: flex; gap: 8px; justify-content: center; }
.gcma-journal-pagination .page-numbers { align-items: center; background: var(--gcma-surface, #fff); border-radius: 12px; color: inherit; display: inline-flex; height: 42px; justify-content: center; min-width: 42px; padding: 0 10px; text-decoration: none; }
.gcma-journal-pagination .current { background: #087cff; color: #fff; }
.gcma-journal-empty { background: color-mix(in srgb, var(--gcma-surface, #fff) 88%, transparent); border: 1px solid color-mix(in srgb, #0785ff 18%, transparent); border-radius: 24px; padding: 44px; text-align: center; }
.gcma-journal-empty strong { display: block; font-size: 24px; }
.gcma-journal-empty p { color: var(--gcma-muted, #64758b); margin: 10px auto 0; max-width: 620px; }

.gcma-journal--single { padding-top: 132px; }
.gcma-article { margin: 0 auto; max-width: 1180px; }
.gcma-article__header { max-width: 900px; text-align: center; }
.gcma-article__back { color: var(--gcma-muted, #64758b); display: inline-block; font-size: 13px; font-weight: 750; margin-bottom: 28px; text-decoration: none; }
.gcma-article__lead { color: var(--gcma-muted, #5c708c); font-size: 20px; line-height: 1.55; margin: 23px auto 18px; max-width: 760px; }
.gcma-article__meta { justify-content: center; }
.gcma-article__cover { border-radius: 28px; box-shadow: 0 25px 70px rgba(5, 34, 79, .14); margin: 42px 0 0; overflow: hidden; }
.gcma-article__cover img { display: block; height: auto; width: 100%; }
.gcma-article__layout { align-items: start; display: grid; gap: 48px; grid-template-columns: minmax(0, 1fr) 300px; margin: 50px auto 0; max-width: 1020px; }
.gcma-article__content { font-size: 18px; line-height: 1.78; }
.gcma-article__content h2 { font-size: 34px; letter-spacing: 0; line-height: 1.15; margin: 50px 0 17px; }
.gcma-article__content h3 { font-size: 25px; letter-spacing: 0; margin-top: 34px; }
.gcma-article__content a { color: #087cff; }
.gcma-article__content img { border-radius: 18px; height: auto; max-width: 100%; }
.gcma-article__content ul,
.gcma-article__content ol { display: grid; gap: 10px; padding-left: 24px; }
.gcma-article-callout { background: color-mix(in srgb, #0785ff 8%, var(--gcma-surface, #fff)); border: 1px solid color-mix(in srgb, #0785ff 24%, transparent); border-radius: 20px; margin: 30px 0; padding: 22px; }
.gcma-article-callout strong { color: #087cff; display: block; font-size: 13px; margin-bottom: 7px; text-transform: uppercase; }
.gcma-article-steps { counter-reset: gcma-step; list-style: none; padding: 0 !important; }
.gcma-article-steps li { background: color-mix(in srgb, var(--gcma-surface, #fff) 90%, transparent); border: 1px solid color-mix(in srgb, #0785ff 17%, transparent); border-radius: 16px; counter-increment: gcma-step; padding: 18px 18px 18px 58px; position: relative; }
.gcma-article-steps li::before { align-items: center; background: #087cff; border-radius: 11px; color: #fff; content: counter(gcma-step); display: flex; font-size: 13px; font-weight: 900; height: 32px; justify-content: center; left: 15px; position: absolute; top: 15px; width: 32px; }
.gcma-article-faq { border-top: 1px solid color-mix(in srgb, #0785ff 18%, transparent); margin-top: 20px; padding-top: 5px; }
.gcma-article-faq h3 { font-size: 20px; margin: 25px 0 7px; }
.gcma-article-offer { background: #071a44; border: 1px solid rgba(38,167,255,.42); border-radius: 24px; box-shadow: 0 20px 60px rgba(4,27,65,.2); color: #fff; margin: 42px 0 10px; padding: clamp(24px,4vw,38px); }
.gcma-article-offer h2 { color: #fff; font-size: 30px; margin: 0 0 12px; }
.gcma-article-offer p { color: rgba(255,255,255,.78); }
.gcma-article-offer__price { align-items: baseline; display: flex; flex-wrap: wrap; gap: 7px; margin: 20px 0; }
.gcma-article-offer__price strong { color: #20b8ff; font-size: 42px; line-height: 1; }
.gcma-article-offer__included { display: grid; gap: 9px 16px; grid-template-columns: repeat(2,minmax(0,1fr)); list-style: none; margin: 20px 0; padding: 0; }
.gcma-article-offer__included li { color: rgba(255,255,255,.9); font-size: 14px; font-weight: 750; line-height: 1.4; padding-left: 22px; position: relative; }
.gcma-article-offer__included li::before { color: #20b8ff; content: "✓"; font-weight: 950; left: 0; position: absolute; }
.gcma-article-offer__commitment { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; font-size: 13px; line-height: 1.5; padding: 13px 15px; }
.gcma-article-offer__commitment strong { color: #fff; }
.gcma-article-button-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.gcma-article-button-row a { background: #087cff; border-radius: 14px; color: #fff; font-size: 15px; font-weight: 850; padding: 12px 17px; text-decoration: none; }
.gcma-article-button-row a:last-child { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); }

@media (max-width: 600px) {
	.gcma-article-offer { border-radius: 22px; margin-top: 30px; padding: 22px; }
	.gcma-article-offer h2 { font-size: 26px; line-height: 1.08; }
	.gcma-article-offer__price strong { font-size: 38px; }
	.gcma-article-offer__included { grid-template-columns: 1fr; }
	.gcma-article-button-row { display: grid; }
	.gcma-article-button-row a { text-align: center; }
}
.gcma-article__cta { background: color-mix(in srgb, var(--gcma-surface, #fff) 88%, transparent); border: 1px solid color-mix(in srgb, #0785ff 24%, transparent); border-radius: 22px; box-shadow: 0 18px 55px rgba(5,34,79,.1); display: grid; gap: 12px; padding: 23px; position: sticky; top: 118px; }
.gcma-article__cta span { color: #087cff; font-size: 12px; font-weight: 850; text-transform: uppercase; }
.gcma-article__cta strong { font-size: 19px; line-height: 1.35; }
.gcma-article__cta a { background: #087cff; border-radius: 14px; color: #fff; font-weight: 800; padding: 12px 15px; text-align: center; text-decoration: none; }
.gcma-article-author { align-items: center; background: color-mix(in srgb, var(--gcma-surface, #fff) 90%, transparent); border: 1px solid color-mix(in srgb, #0785ff 22%, transparent); border-radius: 24px; display: grid; gap: 24px; grid-template-columns: 104px minmax(0, 1fr); margin: 54px auto 0; max-width: 1020px; padding: 28px; }
.gcma-article-author__mark { align-items: center; aspect-ratio: 1; background: #071a44; border: 1px solid rgba(31,178,255,.48); border-radius: 22px; box-shadow: inset 0 1px rgba(255,255,255,.15), 0 14px 35px rgba(5,34,79,.18); color: #20b8ff; display: flex; font-size: 20px; font-weight: 900; justify-content: center; }
.gcma-article-author h2 { font-size: 25px; line-height: 1.2; margin: 0; }
.gcma-article-author p:not(.gcma-journal-eyebrow) { color: var(--gcma-muted, #5c708c); line-height: 1.65; margin: 10px 0 12px; }
.gcma-article-author a { color: #087cff; font-weight: 800; text-decoration: none; }
.gcma-article-related { margin: 64px auto 0; max-width: 1180px; }
.gcma-article-related > header { margin-bottom: 22px; text-align: center; }
.gcma-article-related > header h2 { font-size: 34px; line-height: 1.15; margin: 0; }
.gcma-article-related__grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gcma-article-related__grid > article { background: color-mix(in srgb, var(--gcma-surface, #fff) 90%, transparent); border: 1px solid color-mix(in srgb, #0785ff 18%, transparent); border-radius: 22px; overflow: hidden; }
.gcma-article-related__media { aspect-ratio: 16 / 9; display: block; overflow: hidden; }
.gcma-article-related__media img { height: 100%; object-fit: cover; transition: transform .35s ease; width: 100%; }
.gcma-article-related__grid > article:hover img { transform: scale(1.025); }
.gcma-article-related__grid > article > div { padding: 20px; }
.gcma-article-related h3 { font-size: 20px; line-height: 1.25; margin: 0; }
.gcma-article-related h3 a { color: inherit; text-decoration: none; }
.gcma-article-related p { color: var(--gcma-muted, #5c708c); font-size: 14px; line-height: 1.55; margin: 10px 0 0; }

html[data-gcma-theme="dark"] .gcma-journal { color: #f4f8ff; }
html[data-gcma-theme="dark"] .gcma-journal-card__placeholder { background: #08275d; }

@media (max-width: 820px) {
	.gcma-journal { padding: 104px 16px 120px; }
	.gcma-journal-hero { border-radius: 24px; }
	.gcma-journal-grid,
	.gcma-article__layout { grid-template-columns: 1fr; }
	.gcma-journal-hero h1,
	.gcma-article__header h1 { font-size: 39px; }
	.gcma-article__layout { gap: 28px; margin-top: 34px; }
	.gcma-article__cta { position: static; }
	.gcma-article__content { font-size: 17px; }
	.gcma-article__content h2 { font-size: 29px; }
	.gcma-article-related__grid { grid-template-columns: 1fr; }
	.gcma-article-related__grid > article { display: grid; grid-template-columns: 132px minmax(0, 1fr); }
	.gcma-article-related__media { aspect-ratio: auto; min-height: 100%; }
}

@media (max-width: 520px) {
	.gcma-article-author { align-items: start; grid-template-columns: 68px minmax(0, 1fr); margin-top: 38px; padding: 20px; }
	.gcma-article-author h2 { font-size: 21px; }
	.gcma-article-author p:not(.gcma-journal-eyebrow) { grid-column: 1 / -1; }
	.gcma-article-related { margin-top: 46px; }
	.gcma-article-related > header h2 { font-size: 29px; }
	.gcma-article-related__grid > article { display: block; }
	.gcma-article-related__media { aspect-ratio: 16 / 9; }
}