/*
 * Mahbet Sports & Casino Topics
 * Standalone Elementor widget styles
 * Version 1.1.0
 */

/* =========================================================
   Topic Rows Widget - Sports & Casino horizontal subjects
   ========================================================= */
.elementor-widget-msct-topic-rows,
.elementor-widget-msct-topic-rows > .elementor-widget-container {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.msct-topic-rows,
.msct-topic-rows *,
.msct-topic-rows *::before,
.msct-topic-rows *::after {
	box-sizing: border-box;
}

.msct-topic-rows {
	--msct-topic-bg: rgba(7, 20, 31, .82);
	--msct-topic-surface: rgba(15, 34, 48, .84);
	--msct-topic-surface-2: rgba(8, 25, 37, .90);
	--msct-topic-border: rgba(77, 117, 139, .38);
	--msct-topic-title: #f7f9fc;
	--msct-topic-text: #c5ced7;
	--msct-topic-muted: #9eacb9;
	--msct-topic-gold: #f4b400;
	--msct-topic-green: #16b77a;
	--msct-topic-cyan: #35d6bd;
	position: relative;
	width: 100%;
	color: var(--msct-topic-text);
	font-family: "IRANYekan", "IRANYekanX", Dana, Vazirmatn, Tahoma, sans-serif;
}

.msct-topic-rows__inner {
	position: relative;
	isolation: isolate;
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	padding: 52px 48px 48px;
	overflow: hidden;
	border: 1px solid var(--msct-topic-border);
	border-radius: 24px;
	background:
		radial-gradient(circle at 86% 9%, rgba(53, 214, 189, .11), transparent 27%),
		radial-gradient(circle at 10% 92%, rgba(244, 180, 0, .08), transparent 29%),
		linear-gradient(145deg, var(--msct-topic-bg), rgba(6, 18, 29, .94));
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
}

.msct-topic-rows__inner::before {
	position: absolute;
	z-index: -2;
	inset: 0;
	content: "";
	pointer-events: none;
	background-image:
		radial-gradient(rgba(255, 255, 255, .15) 1px, transparent 1px),
		linear-gradient(115deg, transparent 0 46%, rgba(244,180,0,.06) 46.2% 46.35%, transparent 46.6%),
		linear-gradient(25deg, transparent 0 64%, rgba(53,214,189,.05) 64.2% 64.35%, transparent 64.6%);
	background-size: 24px 24px, 100% 100%, 100% 100%;
	-webkit-mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.55) 45%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.55) 45%, transparent 100%);
	opacity: .36;
}

.msct-topic-rows__inner::after {
	position: absolute;
	z-index: -1;
	top: 0;
	right: 7%;
	left: 7%;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, var(--msct-topic-gold), var(--msct-topic-cyan), transparent);
}

.msct-topic-preset--sports .msct-topic-rows__inner {
	background:
		radial-gradient(circle at 86% 9%, rgba(22, 183, 122, .15), transparent 29%),
		linear-gradient(145deg, rgba(8, 27, 35, .90), rgba(5, 19, 29, .96));
}

.msct-topic-preset--casino .msct-topic-rows__inner {
	background:
		radial-gradient(circle at 86% 9%, rgba(244, 180, 0, .13), transparent 29%),
		linear-gradient(145deg, rgba(23, 29, 39, .92), rgba(8, 19, 30, .96));
}

.msct-topic-preset--glass .msct-topic-rows__inner {
	background: rgba(8, 24, 36, .66);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

.msct-topic-preset--outline .msct-topic-rows__inner {
	background: transparent;
	box-shadow: none;
}

.msct-topic-rows__header {
	max-width: 850px;
	margin-inline: auto;
	text-align: center;
}

.msct-topic-rows__title {
	max-width: 850px;
	margin: 0 auto;
	color: var(--msct-topic-title);
	font-size: clamp(30px, 3vw, 45px);
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: -.025em;
	text-wrap: balance;
}

.msct-topic-rows__subtitle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	margin-top: 10px;
	color: var(--msct-topic-gold);
	font-size: 12px;
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: .08em;
	direction: ltr;
}

.msct-topic-rows__subtitle--lines::before,
.msct-topic-rows__subtitle--lines::after {
	width: 30px;
	height: 2px;
	flex: 0 0 30px;
	content: "";
	border-radius: 10px;
	background: var(--msct-topic-subtitle-line, var(--msct-topic-gold));
	box-shadow: 0 0 12px color-mix(in srgb, var(--msct-topic-subtitle-line, var(--msct-topic-gold)) 48%, transparent);
}

.msct-topic-rows__description {
	max-width: 760px;
	margin: 15px auto 0;
	color: var(--msct-topic-muted);
	font-size: clamp(15px, 1.2vw, 18px);
	font-weight: 500;
	line-height: 2;
}

.msct-topic-rows__glow-line {
	position: relative;
	display: block;
	width: 78px;
	height: 2px;
	margin: 20px auto 0;
	border-radius: 20px;
	background: linear-gradient(90deg, transparent, var(--msct-topic-glow, var(--msct-topic-cyan)) 25%, var(--msct-topic-glow, var(--msct-topic-cyan)) 75%, transparent);
	box-shadow:
		0 0 8px color-mix(in srgb, var(--msct-topic-glow, var(--msct-topic-cyan)) 74%, transparent),
		0 0 20px color-mix(in srgb, var(--msct-topic-glow, var(--msct-topic-cyan)) 34%, transparent);
}

.msct-topic-rows__list {
	display: grid;
	gap: 18px;
	margin-top: 42px;
}

.msct-topic-row {
	--msct-topic-accent: var(--msct-topic-green);
	--msct-topic-visual-width: 185px;
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--msct-topic-visual-width);
	min-width: 0;
	overflow: hidden;
	scroll-margin-top: 110px;
	border: 1px solid color-mix(in srgb, var(--msct-topic-border) 85%, var(--msct-topic-accent) 15%);
	border-radius: 18px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--msct-topic-accent) 4%, transparent), transparent 35%),
		linear-gradient(145deg, var(--msct-topic-surface), var(--msct-topic-surface-2));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.025),
		0 14px 34px rgba(0,0,0,.12);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.msct-topic-row::before {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	left: 0;
	height: 2px;
	content: "";
	background: linear-gradient(90deg, transparent, var(--msct-topic-accent) 17%, var(--msct-topic-accent) 83%, transparent);
	box-shadow: 0 0 14px color-mix(in srgb, var(--msct-topic-accent) 42%, transparent);
}

.msct-topic-row--sports { --msct-topic-accent: #16b77a; }
.msct-topic-row--casino { --msct-topic-accent: #f4b400; }
.msct-topic-row--bonus  { --msct-topic-accent: #35d6bd; }
.msct-topic-row--blast  { --msct-topic-accent: #ff8b3d; }

.msct-topic-hover-yes .msct-topic-row:hover {
	border-color: color-mix(in srgb, var(--msct-topic-accent) 62%, var(--msct-topic-border));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.035),
		0 20px 44px rgba(0,0,0,.18),
		0 0 26px color-mix(in srgb, var(--msct-topic-accent) 7%, transparent);
	transform: translateY(-2px);
}

.msct-topic-row:target {
	border-color: color-mix(in srgb, var(--msct-topic-accent) 85%, white 5%);
	box-shadow:
		0 0 0 3px color-mix(in srgb, var(--msct-topic-accent) 10%, transparent),
		0 20px 44px rgba(0,0,0,.2);
}

.msct-topic-row__visual {
	position: relative;
	grid-column: 2;
	grid-row: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 230px;
	overflow: hidden;
	border-inline-start: 1px solid color-mix(in srgb, var(--msct-topic-accent) 23%, transparent);
	background:
		radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--msct-topic-accent) 13%, transparent), transparent 40%),
		linear-gradient(145deg, color-mix(in srgb, var(--msct-topic-accent) 8%, transparent), rgba(255,255,255,.008));
}

.msct-topic-row__visual::before,
.msct-topic-row__visual::after {
	position: absolute;
	content: "";
	border: 1px solid color-mix(in srgb, var(--msct-topic-accent) 18%, transparent);
	border-radius: 50%;
}

.msct-topic-row__visual::before {
	width: 160px;
	height: 160px;
}

.msct-topic-row__visual::after {
	width: 112px;
	height: 112px;
}

.msct-topic-row__visual-ring {
	position: absolute;
	width: 76px;
	height: 76px;
	border: 1px dashed color-mix(in srgb, var(--msct-topic-accent) 42%, transparent);
	border-radius: 50%;
	box-shadow: 0 0 28px color-mix(in srgb, var(--msct-topic-accent) 10%, transparent);
}

.msct-topic-row__icon {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	color: var(--msct-topic-accent);
	border: 1px solid color-mix(in srgb, var(--msct-topic-accent) 28%, transparent);
	border-radius: 22px;
	background: color-mix(in srgb, var(--msct-topic-accent) 8%, rgba(7,20,31,.8));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.04),
		0 0 28px color-mix(in srgb, var(--msct-topic-accent) 10%, transparent);
}

.msct-topic-row__icon svg {
	width: 42px;
	height: 42px;
	fill: currentColor;
}

.msct-topic-row__number {
	position: absolute;
	right: 14px;
	bottom: 9px;
	color: color-mix(in srgb, var(--msct-topic-accent) 24%, transparent);
	font-size: 54px;
	font-weight: 900;
	line-height: 1;
	direction: ltr;
}

.msct-topic-row__body {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: center;
	padding: 28px 30px;
}

.msct-topic-row__topline {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 9px;
}

.msct-topic-row__category {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 3px 10px;
	color: var(--msct-topic-title);
	font-size: 10px;
	font-weight: 800;
	line-height: 1.5;
	border: 1px solid color-mix(in srgb, var(--msct-topic-accent) 30%, transparent);
	border-radius: 999px;
	background: color-mix(in srgb, var(--msct-topic-accent) 7%, transparent);
}

.msct-topic-row__subtitle {
	color: var(--msct-topic-muted);
	font-size: 10px;
	font-weight: 800;
	line-height: 1.5;
	letter-spacing: .04em;
	direction: ltr;
}

.msct-topic-row__title {
	margin: 0 0 11px;
	color: var(--msct-topic-title);
	font-size: clamp(21px, 2vw, 29px);
	font-weight: 900;
	line-height: 1.6;
}

.msct-topic-row__content {
	max-width: 920px;
	color: var(--msct-topic-text);
	font-size: 15px;
	font-weight: 500;
	line-height: 2.05;
}

.msct-topic-row__content > :first-child { margin-top: 0; }
.msct-topic-row__content > :last-child { margin-bottom: 0; }
.msct-topic-row__content p { margin-block: 0 13px; }
.msct-topic-row__content ul,
.msct-topic-row__content ol { margin-block: 12px; padding-inline-start: 24px; }
.msct-topic-row__content li + li { margin-top: 6px; }
.msct-topic-row__content a {
	color: var(--msct-topic-gold);
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px dashed currentColor;
}
.msct-topic-row__content a:hover,
.msct-topic-row__content a:focus-visible {
	color: var(--msct-topic-accent);
	outline: none;
}

.msct-topic-row__actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 17px;
}

.msct-topic-row__button,
.msct-topic-row__button:hover,
.msct-topic-row__button:focus,
.msct-topic-row__button:active {
	text-decoration: none !important;
	box-shadow: none;
	-webkit-tap-highlight-color: transparent;
}

.msct-topic-row__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 18px;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.6;
	border: 1px solid var(--msct-topic-accent);
	border-radius: 10px;
	background: var(--msct-topic-accent);
	transition: transform 180ms ease, filter 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.msct-topic-row__button:hover,
.msct-topic-row__button:focus-visible {
	color: #fff;
	filter: brightness(1.06);
	outline: none;
	transform: translateY(-1px);
}

.msct-topic-row__button--gold {
	color: #07131f;
	border-color: var(--msct-topic-gold);
	background: var(--msct-topic-gold);
}

.msct-topic-row__button--gold:hover,
.msct-topic-row__button--gold:focus-visible {
	color: #07131f;
}

.msct-topic-row__button--outline {
	color: var(--msct-topic-accent);
	background: transparent;
}

.msct-topic-row__button--outline:hover,
.msct-topic-row__button--outline:focus-visible {
	color: var(--msct-topic-title);
	background: color-mix(in srgb, var(--msct-topic-accent) 10%, transparent);
}

.msct-topic-row__button--text {
	min-height: auto;
	padding-inline: 0;
	color: var(--msct-topic-accent);
	border-color: transparent;
	border-radius: 0;
	background: transparent;
}

.msct-topic-row__button-icon,
.msct-topic-row__button-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.msct-topic-row__button-icon svg {
	width: 15px;
	height: 15px;
	fill: currentColor;
}

.msct-topic-rows--alternating .msct-topic-row:nth-child(even),
.msct-topic-rows--visual-left .msct-topic-row {
	grid-template-columns: var(--msct-topic-visual-width) minmax(0, 1fr);
}

.msct-topic-rows--alternating .msct-topic-row:nth-child(even) .msct-topic-row__visual,
.msct-topic-rows--visual-left .msct-topic-row__visual {
	grid-column: 1;
	border-inline-start: 0;
	border-inline-end: 1px solid color-mix(in srgb, var(--msct-topic-accent) 23%, transparent);
}

.msct-topic-rows--alternating .msct-topic-row:nth-child(even) .msct-topic-row__body,
.msct-topic-rows--visual-left .msct-topic-row__body {
	grid-column: 2;
}

.msct-topic-rows--compact .msct-topic-row {
	grid-template-columns: 100px minmax(0, 1fr);
}

.msct-topic-rows--compact .msct-topic-row__visual {
	grid-column: 1;
	min-height: 160px;
	border-inline-start: 0;
	border-inline-end: 1px solid color-mix(in srgb, var(--msct-topic-accent) 23%, transparent);
}

.msct-topic-rows--compact .msct-topic-row__body { grid-column: 2; }
.msct-topic-rows--compact .msct-topic-row__visual::before { width: 88px; height: 88px; }
.msct-topic-rows--compact .msct-topic-row__visual::after { width: 62px; height: 62px; }
.msct-topic-rows--compact .msct-topic-row__visual-ring { width: 52px; height: 52px; }
.msct-topic-rows--compact .msct-topic-row__icon { width: 54px; height: 54px; border-radius: 16px; }
.msct-topic-rows--compact .msct-topic-row__icon svg { width: 28px; height: 28px; }

.msct-topic-rows__footer-note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin-top: 22px;
	padding: 13px 16px;
	color: var(--msct-topic-muted);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.8;
	text-align: center;
	border: 1px solid color-mix(in srgb, var(--msct-topic-border) 72%, transparent);
	border-radius: 12px;
	background: rgba(255,255,255,.018);
}

.msct-topic-rows__footer-dot {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-radius: 50%;
	background: var(--msct-topic-cyan);
	box-shadow: 0 0 10px color-mix(in srgb, var(--msct-topic-cyan) 60%, transparent);
}

@media (max-width: 900px) {
	.msct-topic-row,
	.msct-topic-rows--alternating .msct-topic-row:nth-child(even),
	.msct-topic-rows--visual-left .msct-topic-row,
	.msct-topic-rows--compact .msct-topic-row {
		grid-template-columns: 132px minmax(0, 1fr);
	}

	.msct-topic-row__visual,
	.msct-topic-rows--alternating .msct-topic-row:nth-child(even) .msct-topic-row__visual,
	.msct-topic-rows--visual-left .msct-topic-row__visual,
	.msct-topic-rows--compact .msct-topic-row__visual {
		grid-column: 1;
		min-height: 190px;
		border-inline-start: 0;
		border-inline-end: 1px solid color-mix(in srgb, var(--msct-topic-accent) 23%, transparent);
	}

	.msct-topic-row__body,
	.msct-topic-rows--alternating .msct-topic-row:nth-child(even) .msct-topic-row__body,
	.msct-topic-rows--visual-left .msct-topic-row__body,
	.msct-topic-rows--compact .msct-topic-row__body {
		grid-column: 2;
	}
}

@media (max-width: 767px) {
	.msct-topic-rows__inner {
		padding: 30px 14px 24px;
		border-radius: 18px;
	}

	.msct-topic-rows__title {
		font-size: 26px;
		line-height: 1.6;
	}

	.msct-topic-rows__subtitle {
		gap: 8px;
		font-size: 10px;
		letter-spacing: .04em;
	}

	.msct-topic-rows__subtitle--lines::before,
	.msct-topic-rows__subtitle--lines::after {
		width: 18px;
		flex-basis: 18px;
	}

	.msct-topic-rows__description {
		font-size: 14px;
		line-height: 1.95;
	}

	.msct-topic-rows__list {
		margin-top: 30px;
		gap: 15px;
	}

	.msct-topic-row,
	.msct-topic-rows--alternating .msct-topic-row:nth-child(even),
	.msct-topic-rows--visual-left .msct-topic-row,
	.msct-topic-rows--compact .msct-topic-row {
		display: block;
	}

	.msct-topic-row__visual,
	.msct-topic-rows--alternating .msct-topic-row:nth-child(even) .msct-topic-row__visual,
	.msct-topic-rows--visual-left .msct-topic-row__visual,
	.msct-topic-rows--compact .msct-topic-row__visual {
		display: flex;
		width: 100%;
		min-height: 118px;
		border-inline: 0;
		border-bottom: 1px solid color-mix(in srgb, var(--msct-topic-accent) 23%, transparent);
	}

	.msct-topic-row__visual::before { width: 110px; height: 110px; }
	.msct-topic-row__visual::after { width: 78px; height: 78px; }
	.msct-topic-row__visual-ring { width: 58px; height: 58px; }
	.msct-topic-row__icon { width: 60px; height: 60px; border-radius: 18px; }
	.msct-topic-row__icon svg { width: 31px; height: 31px; }
	.msct-topic-row__number { right: 10px; bottom: 7px; font-size: 42px; }

	.msct-topic-row__body {
		padding: 22px 18px;
	}

	.msct-topic-row__title {
		font-size: 20px;
	}

	.msct-topic-row__content {
		font-size: 14px;
		line-height: 2;
	}

	.msct-topic-row__actions {
		align-items: stretch;
	}

	.msct-topic-row__button:not(.msct-topic-row__button--text) {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.msct-topic-row,
	.msct-topic-row__button {
		transition: none;
	}
}

/* =========================================================
   Version 1.1.0 - Five fully glass templates
   All surfaces are transparent by default so the site
   background remains visible behind the widget.
   ========================================================= */
.msct-topic-rows {
	--msct-wrapper-glass: rgba(5, 18, 29, .34);
	--msct-card-glass: rgba(8, 27, 40, .46);
	--msct-glass-highlight: rgba(255,255,255,.07);
	--msct-glass-border: rgba(121, 203, 210, .25);
}

.msct-topic-rows__inner {
	background:
		radial-gradient(circle at 88% 8%, rgba(53,214,189,.10), transparent 30%),
		radial-gradient(circle at 8% 92%, rgba(244,180,0,.07), transparent 32%),
		linear-gradient(145deg, rgba(255,255,255,.025), transparent 38%),
		var(--msct-wrapper-glass) !important;
	-webkit-backdrop-filter: blur(10px) saturate(125%);
	backdrop-filter: blur(10px) saturate(125%);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.055),
		0 22px 58px rgba(0,0,0,.16);
}

.msct-topic-preset--sports .msct-topic-rows__inner,
.msct-topic-preset--casino .msct-topic-rows__inner,
.msct-topic-preset--glass .msct-topic-rows__inner,
.msct-topic-preset--outline .msct-topic-rows__inner,
.msct-topic-preset--hybrid .msct-topic-rows__inner {
	background:
		radial-gradient(circle at 88% 8%, rgba(53,214,189,.10), transparent 30%),
		radial-gradient(circle at 8% 92%, rgba(244,180,0,.07), transparent 32%),
		linear-gradient(145deg, rgba(255,255,255,.025), transparent 38%),
		var(--msct-wrapper-glass) !important;
}

.msct-topic-row {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--msct-topic-accent) 7%, transparent), transparent 38%),
		linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.008)),
		var(--msct-card-glass) !important;
	-webkit-backdrop-filter: blur(14px) saturate(135%);
	backdrop-filter: blur(14px) saturate(135%);
	border-color: color-mix(in srgb, var(--msct-topic-accent) 31%, rgba(255,255,255,.12));
	box-shadow:
		inset 0 1px 0 var(--msct-glass-highlight),
		inset 0 -1px 0 rgba(0,0,0,.14),
		0 15px 38px rgba(0,0,0,.14);
}

.msct-topic-row__visual {
	background:
		radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--msct-topic-accent) 18%, transparent), transparent 43%),
		linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.008)),
		color-mix(in srgb, var(--msct-card-glass) 74%, transparent);
	-webkit-backdrop-filter: blur(12px) saturate(135%);
	backdrop-filter: blur(12px) saturate(135%);
}

/* ---------------------------------------------------------
   Template 1: Neon glass zigzag
   --------------------------------------------------------- */
.msct-template--zigzag_glass .msct-topic-rows__list {
	display: grid;
	grid-template-columns: 1fr;
}

.msct-template--zigzag_glass .msct-topic-row {
	min-height: 190px;
	border-radius: 18px;
}

.msct-template--zigzag_glass .msct-topic-row:nth-child(odd) {
	grid-template-columns: var(--msct-topic-visual-width) minmax(0, 1fr);
}

.msct-template--zigzag_glass .msct-topic-row:nth-child(odd) .msct-topic-row__visual {
	grid-column: 1;
	border-inline-start: 0;
	border-inline-end: 1px solid color-mix(in srgb, var(--msct-topic-accent) 32%, transparent);
	clip-path: polygon(0 0, 82% 0, 100% 50%, 82% 100%, 0 100%);
}

.msct-template--zigzag_glass .msct-topic-row:nth-child(odd) .msct-topic-row__body {
	grid-column: 2;
	padding-inline-start: 42px;
}

.msct-template--zigzag_glass .msct-topic-row:nth-child(even) {
	grid-template-columns: minmax(0, 1fr) var(--msct-topic-visual-width);
}

.msct-template--zigzag_glass .msct-topic-row:nth-child(even) .msct-topic-row__visual {
	grid-column: 2;
	border-inline-end: 0;
	border-inline-start: 1px solid color-mix(in srgb, var(--msct-topic-accent) 32%, transparent);
	clip-path: polygon(18% 0, 100% 0, 100% 100%, 18% 100%, 0 50%);
}

.msct-template--zigzag_glass .msct-topic-row:nth-child(even) .msct-topic-row__body {
	grid-column: 1;
	padding-inline-end: 42px;
}

.msct-template--zigzag_glass .msct-topic-row::after {
	position: absolute;
	right: 14%;
	bottom: 0;
	left: 14%;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, var(--msct-topic-accent), transparent);
	box-shadow: 0 0 14px color-mix(in srgb, var(--msct-topic-accent) 45%, transparent);
}

/* ---------------------------------------------------------
   Template 2: Feature split
   First item is featured; remaining items form a side column.
   --------------------------------------------------------- */
.msct-template--feature_split .msct-topic-rows__list {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-auto-flow: dense;
	align-items: stretch;
}

.msct-template--feature_split .msct-topic-row {
	grid-column: span 5;
	display: grid;
	grid-template-columns: 112px minmax(0,1fr);
	min-height: 170px;
}

.msct-template--feature_split .msct-topic-row:first-child {
	grid-column: span 7;
	grid-row: span 3;
	display: flex;
	min-height: 546px;
	flex-direction: column;
}

.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__visual {
	width: 100%;
	min-height: 235px;
	border-inline: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--msct-topic-accent) 30%, transparent);
}

.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__visual::before {
	width: 190px;
	height: 190px;
}

.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__visual::after {
	width: 135px;
	height: 135px;
}

.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__icon {
	width: 98px;
	height: 98px;
	border-radius: 28px;
}

.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__icon svg {
	width: 54px;
	height: 54px;
}

.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__body {
	flex: 1;
	justify-content: flex-start;
	padding: 34px;
}

.msct-template--feature_split .msct-topic-row:not(:first-child) .msct-topic-row__visual {
	grid-column: 1;
	min-height: 100%;
	border-inline-start: 0;
	border-inline-end: 1px solid color-mix(in srgb, var(--msct-topic-accent) 25%, transparent);
}

.msct-template--feature_split .msct-topic-row:not(:first-child) .msct-topic-row__visual::before {
	width: 92px;
	height: 92px;
}

.msct-template--feature_split .msct-topic-row:not(:first-child) .msct-topic-row__visual::after {
	width: 66px;
	height: 66px;
}

.msct-template--feature_split .msct-topic-row:not(:first-child) .msct-topic-row__visual-ring {
	width: 52px;
	height: 52px;
}

.msct-template--feature_split .msct-topic-row:not(:first-child) .msct-topic-row__icon {
	width: 56px;
	height: 56px;
	border-radius: 17px;
}

.msct-template--feature_split .msct-topic-row:not(:first-child) .msct-topic-row__icon svg {
	width: 29px;
	height: 29px;
}

.msct-template--feature_split .msct-topic-row:not(:first-child) .msct-topic-row__body {
	grid-column: 2;
	padding: 22px;
}

.msct-template--feature_split .msct-topic-row:not(:first-child) .msct-topic-row__title {
	font-size: clamp(18px,1.7vw,23px);
	margin-bottom: 6px;
}

.msct-template--feature_split .msct-topic-row:not(:first-child) .msct-topic-row__content {
	font-size: 13px;
	line-height: 1.9;
}

/* ---------------------------------------------------------
   Template 3: Asymmetric magazine grid
   --------------------------------------------------------- */
.msct-template--magazine_grid .msct-topic-rows__list {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-auto-flow: dense;
	grid-auto-rows: minmax(180px, auto);
}

.msct-template--magazine_grid .msct-topic-row {
	position: relative;
	display: block;
	grid-column: span 4;
	min-height: 245px;
}

.msct-template--magazine_grid .msct-topic-row:nth-child(1) {
	grid-column: span 7;
	grid-row: span 2;
	min-height: 510px;
}

.msct-template--magazine_grid .msct-topic-row:nth-child(2),
.msct-template--magazine_grid .msct-topic-row:nth-child(3) {
	grid-column: span 5;
}

.msct-template--magazine_grid .msct-topic-row:nth-child(4),
.msct-template--magazine_grid .msct-topic-row:nth-child(5),
.msct-template--magazine_grid .msct-topic-row:nth-child(6) {
	grid-column: span 4;
}

.msct-template--magazine_grid .msct-topic-row__visual {
	position: absolute;
	z-index: 2;
	top: 18px;
	left: 18px;
	display: flex;
	width: 86px;
	height: 86px;
	min-height: 0;
	border: 1px solid color-mix(in srgb, var(--msct-topic-accent) 26%, transparent);
	border-radius: 24px;
}

.msct-template--magazine_grid .msct-topic-row__visual::before {
	width: 72px;
	height: 72px;
}

.msct-template--magazine_grid .msct-topic-row__visual::after {
	width: 52px;
	height: 52px;
}

.msct-template--magazine_grid .msct-topic-row__visual-ring {
	display: none;
}

.msct-template--magazine_grid .msct-topic-row__icon {
	width: 58px;
	height: 58px;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.msct-template--magazine_grid .msct-topic-row__icon svg {
	width: 34px;
	height: 34px;
}

.msct-template--magazine_grid .msct-topic-row__body {
	display: flex;
	height: 100%;
	min-height: inherit;
	justify-content: flex-end;
	padding: 116px 24px 25px;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual {
	top: auto;
	right: auto;
	bottom: 28px;
	left: 28px;
	width: 160px;
	height: 160px;
	border-radius: 38px;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual::before {
	width: 140px;
	height: 140px;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual::after {
	width: 100px;
	height: 100px;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__icon {
	width: 92px;
	height: 92px;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__icon svg {
	width: 52px;
	height: 52px;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__body {
	justify-content: flex-start;
	padding: 34px 34px 210px;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__title {
	font-size: clamp(28px,3vw,42px);
}

.msct-template--magazine_grid .msct-topic-row::after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 58%;
	height: 1px;
	content: "";
	background: linear-gradient(90deg, transparent, var(--msct-topic-accent));
}

/* ---------------------------------------------------------
   Template 4: Glass timeline
   --------------------------------------------------------- */
.msct-template--timeline_glass .msct-topic-rows__list {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-block: 8px;
}

.msct-template--timeline_glass .msct-topic-rows__list::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 2px;
	content: "";
	transform: translateX(-50%);
	background: linear-gradient(to bottom, transparent, rgba(53,214,189,.55) 10%, rgba(244,180,0,.40) 90%, transparent);
	box-shadow: 0 0 16px rgba(53,214,189,.22);
}

.msct-template--timeline_glass .msct-topic-row {
	position: relative;
	width: calc(50% - 38px);
	min-height: 205px;
	grid-template-columns: 112px minmax(0,1fr);
}

.msct-template--timeline_glass .msct-topic-row:nth-child(odd) {
	align-self: flex-start;
}

.msct-template--timeline_glass .msct-topic-row:nth-child(even) {
	align-self: flex-end;
	grid-template-columns: minmax(0,1fr) 112px;
}

.msct-template--timeline_glass .msct-topic-row:nth-child(odd) .msct-topic-row__visual {
	grid-column: 1;
	border-inline-start: 0;
	border-inline-end: 1px solid color-mix(in srgb, var(--msct-topic-accent) 25%, transparent);
}

.msct-template--timeline_glass .msct-topic-row:nth-child(odd) .msct-topic-row__body {
	grid-column: 2;
}

.msct-template--timeline_glass .msct-topic-row:nth-child(even) .msct-topic-row__visual {
	grid-column: 2;
	border-inline-end: 0;
	border-inline-start: 1px solid color-mix(in srgb, var(--msct-topic-accent) 25%, transparent);
}

.msct-template--timeline_glass .msct-topic-row:nth-child(even) .msct-topic-row__body {
	grid-column: 1;
}

.msct-template--timeline_glass .msct-topic-row::after {
	position: absolute;
	top: 50%;
	width: 14px;
	height: 14px;
	content: "";
	border: 3px solid rgba(5,18,29,.9);
	border-radius: 50%;
	background: var(--msct-topic-accent);
	box-shadow: 0 0 18px color-mix(in srgb, var(--msct-topic-accent) 60%, transparent);
	transform: translateY(-50%);
}

.msct-template--timeline_glass .msct-topic-row:nth-child(odd)::after {
	right: -46px;
}

.msct-template--timeline_glass .msct-topic-row:nth-child(even)::after {
	left: -46px;
}

.msct-template--timeline_glass .msct-topic-row__visual::before {
	width: 90px;
	height: 90px;
}

.msct-template--timeline_glass .msct-topic-row__visual::after {
	width: 64px;
	height: 64px;
}

.msct-template--timeline_glass .msct-topic-row__visual-ring {
	width: 52px;
	height: 52px;
}

.msct-template--timeline_glass .msct-topic-row__icon {
	width: 58px;
	height: 58px;
	border-radius: 18px;
}

.msct-template--timeline_glass .msct-topic-row__icon svg {
	width: 30px;
	height: 30px;
}

/* ---------------------------------------------------------
   Template 5: Dashboard mosaic
   --------------------------------------------------------- */
.msct-template--dashboard_mosaic .msct-topic-rows__list {
	display: grid;
	grid-template-columns: repeat(12, minmax(0,1fr));
	grid-auto-flow: dense;
	grid-auto-rows: minmax(150px, auto);
}

.msct-template--dashboard_mosaic .msct-topic-row {
	position: relative;
	display: block;
	grid-column: span 4;
	min-height: 250px;
	border-radius: 26px;
}

.msct-template--dashboard_mosaic .msct-topic-row:nth-child(1) {
	grid-column: span 8;
	grid-row: span 2;
	min-height: 510px;
}

.msct-template--dashboard_mosaic .msct-topic-row:nth-child(2) {
	grid-column: span 4;
	grid-row: span 2;
}

.msct-template--dashboard_mosaic .msct-topic-row:nth-child(3),
.msct-template--dashboard_mosaic .msct-topic-row:nth-child(4) {
	grid-column: span 6;
}

.msct-template--dashboard_mosaic .msct-topic-row__visual {
	position: absolute;
	top: 20px;
	right: 20px;
	display: flex;
	width: 78px;
	height: 78px;
	min-height: 0;
	border: 1px solid color-mix(in srgb, var(--msct-topic-accent) 30%, transparent);
	border-radius: 23px;
}

.msct-template--dashboard_mosaic .msct-topic-row__visual::before {
	width: 66px;
	height: 66px;
}

.msct-template--dashboard_mosaic .msct-topic-row__visual::after,
.msct-template--dashboard_mosaic .msct-topic-row__visual-ring {
	display: none;
}

.msct-template--dashboard_mosaic .msct-topic-row__icon {
	width: 58px;
	height: 58px;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.msct-template--dashboard_mosaic .msct-topic-row__icon svg {
	width: 34px;
	height: 34px;
}

.msct-template--dashboard_mosaic .msct-topic-row__body {
	display: flex;
	height: 100%;
	min-height: inherit;
	justify-content: flex-end;
	padding: 118px 26px 26px;
}

.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__visual {
	top: 36px;
	right: auto;
	left: 36px;
	width: 150px;
	height: 150px;
	border-radius: 42px;
}

.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__visual::before {
	width: 132px;
	height: 132px;
}

.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__icon {
	width: 100px;
	height: 100px;
}

.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__icon svg {
	width: 58px;
	height: 58px;
}

.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__body {
	justify-content: center;
	padding: 46px 46px 46px 220px;
}

.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__title {
	font-size: clamp(30px,3vw,44px);
}

.msct-template--dashboard_mosaic .msct-topic-row::after {
	position: absolute;
	right: 22px;
	bottom: 18px;
	width: 42px;
	height: 3px;
	content: "";
	border-radius: 999px;
	background: var(--msct-topic-accent);
	box-shadow: 0 0 14px color-mix(in srgb, var(--msct-topic-accent) 48%, transparent);
}

/* General template polish */
.msct-template--feature_split .msct-topic-row,
.msct-template--magazine_grid .msct-topic-row,
.msct-template--timeline_glass .msct-topic-row,
.msct-template--dashboard_mosaic .msct-topic-row {
	overflow: hidden;
}

.msct-template--feature_split .msct-topic-row__number,
.msct-template--magazine_grid .msct-topic-row__number,
.msct-template--timeline_glass .msct-topic-row__number,
.msct-template--dashboard_mosaic .msct-topic-row__number {
	display: none;
}

/* Tablet adaptation */
@media (max-width: 1100px) {
	.msct-template--feature_split .msct-topic-row:first-child,
	.msct-template--feature_split .msct-topic-row {
		grid-column: span 6;
		grid-row: auto;
		min-height: 300px;
	}

	.msct-template--feature_split .msct-topic-row:first-child {
		display: flex;
	}

	.msct-template--magazine_grid .msct-topic-row,
	.msct-template--magazine_grid .msct-topic-row:nth-child(1),
	.msct-template--magazine_grid .msct-topic-row:nth-child(2),
	.msct-template--magazine_grid .msct-topic-row:nth-child(3),
	.msct-template--magazine_grid .msct-topic-row:nth-child(4),
	.msct-template--magazine_grid .msct-topic-row:nth-child(5),
	.msct-template--magazine_grid .msct-topic-row:nth-child(6) {
		grid-column: span 6;
		grid-row: auto;
		min-height: 300px;
	}

	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__body {
		padding-bottom: 180px;
	}

	.msct-template--timeline_glass .msct-topic-row {
		width: calc(50% - 28px);
	}

	.msct-template--timeline_glass .msct-topic-row:nth-child(odd)::after {
		right: -36px;
	}

	.msct-template--timeline_glass .msct-topic-row:nth-child(even)::after {
		left: -36px;
	}

	.msct-template--dashboard_mosaic .msct-topic-row,
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(1),
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(2),
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(3),
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(4) {
		grid-column: span 6;
		grid-row: auto;
		min-height: 330px;
	}

	.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__body {
		padding: 190px 30px 30px;
	}
}

/* Mobile: all templates become clean single-column glass cards */
@media (max-width: 767px) {
	.msct-topic-rows__inner {
		background:
			radial-gradient(circle at 88% 8%, rgba(53,214,189,.08), transparent 34%),
			linear-gradient(145deg, rgba(255,255,255,.018), transparent 45%),
			var(--msct-wrapper-glass) !important;
	}

	.msct-template--feature_split .msct-topic-rows__list,
	.msct-template--magazine_grid .msct-topic-rows__list,
	.msct-template--dashboard_mosaic .msct-topic-rows__list {
		display: grid;
		grid-template-columns: 1fr;
	}

	.msct-template--timeline_glass .msct-topic-rows__list {
		display: flex;
		padding-inline-start: 18px;
	}

	.msct-template--timeline_glass .msct-topic-rows__list::before {
		left: 7px;
		transform: none;
	}

	.msct-template--zigzag_glass .msct-topic-row,
	.msct-template--zigzag_glass .msct-topic-row:nth-child(odd),
	.msct-template--zigzag_glass .msct-topic-row:nth-child(even),
	.msct-template--feature_split .msct-topic-row,
	.msct-template--feature_split .msct-topic-row:first-child,
	.msct-template--magazine_grid .msct-topic-row,
	.msct-template--magazine_grid .msct-topic-row:nth-child(1),
	.msct-template--magazine_grid .msct-topic-row:nth-child(2),
	.msct-template--magazine_grid .msct-topic-row:nth-child(3),
	.msct-template--magazine_grid .msct-topic-row:nth-child(4),
	.msct-template--magazine_grid .msct-topic-row:nth-child(5),
	.msct-template--magazine_grid .msct-topic-row:nth-child(6),
	.msct-template--timeline_glass .msct-topic-row,
	.msct-template--timeline_glass .msct-topic-row:nth-child(odd),
	.msct-template--timeline_glass .msct-topic-row:nth-child(even),
	.msct-template--dashboard_mosaic .msct-topic-row,
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(1),
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(2),
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(3),
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(4) {
		display: block;
		grid-column: 1;
		grid-row: auto;
		width: 100%;
		min-height: 0;
		align-self: stretch;
		border-radius: 17px;
	}

	.msct-template--timeline_glass .msct-topic-row::after,
	.msct-template--timeline_glass .msct-topic-row:nth-child(odd)::after,
	.msct-template--timeline_glass .msct-topic-row:nth-child(even)::after {
		top: 58px;
		right: auto;
		left: -19px;
		width: 12px;
		height: 12px;
	}

	.msct-template--zigzag_glass .msct-topic-row .msct-topic-row__visual,
	.msct-template--zigzag_glass .msct-topic-row:nth-child(odd) .msct-topic-row__visual,
	.msct-template--zigzag_glass .msct-topic-row:nth-child(even) .msct-topic-row__visual,
	.msct-template--feature_split .msct-topic-row .msct-topic-row__visual,
	.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__visual,
	.msct-template--magazine_grid .msct-topic-row .msct-topic-row__visual,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual,
	.msct-template--timeline_glass .msct-topic-row .msct-topic-row__visual,
	.msct-template--dashboard_mosaic .msct-topic-row .msct-topic-row__visual,
	.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__visual {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		display: flex;
		width: 100%;
		height: auto;
		min-height: 116px;
		border: 0;
		border-bottom: 1px solid color-mix(in srgb, var(--msct-topic-accent) 26%, transparent);
		border-radius: 0;
		clip-path: none;
	}

	.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__visual::before,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual::before,
	.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__visual::before {
		width: 106px;
		height: 106px;
	}

	.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__visual::after,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual::after {
		width: 76px;
		height: 76px;
	}

	.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__icon,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__icon,
	.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__icon {
		width: 64px;
		height: 64px;
		border-radius: 19px;
	}

	.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__icon svg,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__icon svg,
	.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__icon svg {
		width: 34px;
		height: 34px;
	}

	.msct-template--zigzag_glass .msct-topic-row .msct-topic-row__body,
	.msct-template--zigzag_glass .msct-topic-row:nth-child(odd) .msct-topic-row__body,
	.msct-template--zigzag_glass .msct-topic-row:nth-child(even) .msct-topic-row__body,
	.msct-template--feature_split .msct-topic-row .msct-topic-row__body,
	.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__body,
	.msct-template--magazine_grid .msct-topic-row .msct-topic-row__body,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__body,
	.msct-template--timeline_glass .msct-topic-row .msct-topic-row__body,
	.msct-template--dashboard_mosaic .msct-topic-row .msct-topic-row__body,
	.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__body {
		display: flex;
		height: auto;
		min-height: 0;
		justify-content: center;
		padding: 22px 18px;
	}

	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__title,
	.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__title {
		font-size: 22px;
	}
}


/* =========================================================
   Version 1.1.1 - User requested refinements
   - No background for the whole widget wrapper
   - Liquid glass buttons
   - Icons without square boxes
   - Better feature split / magazine / dashboard layouts
   ========================================================= */

/* Remove visible background from the whole widget container */
.msct-topic-rows__inner {
	padding-inline: 0;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
}

.msct-topic-rows__inner::before,
.msct-topic-rows__inner::after {
	display: none !important;
}

.msct-topic-rows__header {
	padding-inline: 22px;
}

.msct-topic-rows__footer-note {
	margin-inline: 22px;
	background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.015)), rgba(9, 26, 38, .34);
	-webkit-backdrop-filter: blur(14px) saturate(130%);
	backdrop-filter: blur(14px) saturate(130%);
}

/* Card surface only */
.msct-topic-row {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--msct-topic-accent) 8%, transparent), transparent 42%),
		linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
		rgba(8, 27, 40, .42) !important;
	border-color: color-mix(in srgb, var(--msct-topic-accent) 36%, rgba(255,255,255,.12));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.08),
		inset 0 -1px 0 rgba(255,255,255,.03),
		0 16px 34px rgba(0,0,0,.12);
	-webkit-backdrop-filter: blur(16px) saturate(140%);
	backdrop-filter: blur(16px) saturate(140%);
}

/* Pure icon look, no square icon box */
.msct-topic-row__visual {
	background:
		radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--msct-topic-accent) 12%, transparent), transparent 48%),
		linear-gradient(145deg, rgba(255,255,255,.03), rgba(255,255,255,.008)),
		transparent;
}

.msct-topic-row__icon {
	width: 68px;
	height: 68px;
	border: 0 !important;
	border-radius: 50% !important;
	background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.06), rgba(255,255,255,.015) 62%, transparent 70%) !important;
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--msct-topic-accent) 20%, transparent),
		0 0 24px color-mix(in srgb, var(--msct-topic-accent) 8%, transparent) !important;
}

.msct-topic-row__icon svg {
	width: 36px;
	height: 36px;
}

.msct-topic-row__visual::before {
	width: 150px;
	height: 150px;
	border-color: color-mix(in srgb, var(--msct-topic-accent) 16%, transparent);
}

.msct-topic-row__visual::after {
	width: 106px;
	height: 106px;
	border-color: color-mix(in srgb, var(--msct-topic-accent) 12%, transparent);
}

.msct-topic-row__visual-ring {
	width: 88px;
	height: 88px;
	border-style: solid;
	border-color: color-mix(in srgb, var(--msct-topic-accent) 18%, transparent);
}

/* Liquid glass buttons */
.msct-topic-row__button,
.msct-topic-row__button:hover,
.msct-topic-row__button:focus,
.msct-topic-row__button:active {
	text-decoration: none !important;
}

.msct-topic-row__button {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	padding: 11px 18px;
	color: var(--msct-topic-title);
	border: 1px solid color-mix(in srgb, var(--msct-topic-accent) 40%, rgba(255,255,255,.26));
	border-radius: 14px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06)),
		linear-gradient(135deg, color-mix(in srgb, var(--msct-topic-accent) 16%, transparent), transparent 70%),
		rgba(255,255,255,.05);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.20),
		inset 0 -1px 0 rgba(255,255,255,.04),
		0 10px 26px rgba(0,0,0,.10),
		0 0 18px color-mix(in srgb, var(--msct-topic-accent) 8%, transparent);
	-webkit-backdrop-filter: blur(16px) saturate(140%);
	backdrop-filter: blur(16px) saturate(140%);
	transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.msct-topic-row__button::before {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: inherit;
	background: linear-gradient(180deg, rgba(255,255,255,.10), transparent 55%);
	pointer-events: none;
}

.msct-topic-row__button::after {
	content: "";
	position: absolute;
	top: 0;
	left: -120%;
	width: 58%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
	transform: skewX(-18deg);
	transition: left 320ms ease;
	pointer-events: none;
}

.msct-topic-row__button:hover,
.msct-topic-row__button:focus-visible {
	color: var(--msct-topic-title);
	border-color: color-mix(in srgb, var(--msct-topic-accent) 62%, rgba(255,255,255,.36));
	filter: brightness(1.03);
	transform: translateY(-1px);
	outline: none;
}

.msct-topic-row__button:hover::after,
.msct-topic-row__button:focus-visible::after {
	left: 140%;
}

.msct-topic-row__button--gold {
	color: var(--msct-topic-title);
	border-color: color-mix(in srgb, var(--msct-topic-gold) 50%, rgba(255,255,255,.28));
	background:
		linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05)),
		linear-gradient(135deg, rgba(244,180,0,.16), transparent 72%),
		rgba(255,255,255,.045);
}

.msct-topic-row__button--outline,
.msct-topic-row__button--text,
.msct-topic-row__button--primary {
	color: var(--msct-topic-title);
}

.msct-topic-row__button--text {
	min-height: 42px;
	padding-inline: 16px;
	border-radius: 12px;
	border-color: color-mix(in srgb, var(--msct-topic-accent) 32%, rgba(255,255,255,.22));
	background:
		linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.04)),
		rgba(255,255,255,.04);
}

/* Template 2: better two-column feature split */
.msct-template--feature_split .msct-topic-rows__list {
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 18px;
}

.msct-template--feature_split .msct-topic-row:first-child {
	grid-column: span 7;
	grid-row: span 3;
	min-height: 540px;
	border-radius: 24px;
}

.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__visual {
	min-height: 208px;
	background:
		radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--msct-topic-accent) 16%, transparent), transparent 44%),
		linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
		transparent;
}

.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__icon {
	width: 78px;
	height: 78px;
}

.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__icon svg {
	width: 42px;
	height: 42px;
}

.msct-template--feature_split .msct-topic-row:first-child .msct-topic-row__body {
	padding: 30px 34px 34px;
}

.msct-template--feature_split .msct-topic-row:not(:first-child) {
	grid-column: span 5;
	grid-template-columns: 96px minmax(0, 1fr);
	min-height: 164px;
	border-radius: 18px;
}

.msct-template--feature_split .msct-topic-row:not(:first-child) .msct-topic-row__visual {
	width: auto;
}

.msct-template--feature_split .msct-topic-row:not(:first-child) .msct-topic-row__icon {
	width: 52px;
	height: 52px;
}

.msct-template--feature_split .msct-topic-row:not(:first-child) .msct-topic-row__icon svg {
	width: 27px;
	height: 27px;
}

/* Template 3: smaller, cleaner asymmetric magazine icons */
.msct-template--magazine_grid .msct-topic-row__visual {
	top: 16px;
	left: 16px;
	width: 64px;
	height: 64px;
	border: 0;
	border-radius: 50%;
	background: transparent;
}

.msct-template--magazine_grid .msct-topic-row__visual::before {
	width: 54px;
	height: 54px;
}

.msct-template--magazine_grid .msct-topic-row__visual::after {
	width: 38px;
	height: 38px;
}

.msct-template--magazine_grid .msct-topic-row__icon {
	width: 42px;
	height: 42px;
}

.msct-template--magazine_grid .msct-topic-row__icon svg {
	width: 24px;
	height: 24px;
}

.msct-template--magazine_grid .msct-topic-row__body {
	padding: 92px 22px 22px;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual {
	bottom: 24px;
	left: 24px;
	width: 112px;
	height: 112px;
	border-radius: 50%;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual::before {
	width: 96px;
	height: 96px;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual::after {
	width: 68px;
	height: 68px;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__icon {
	width: 56px;
	height: 56px;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__icon svg {
	width: 30px;
	height: 30px;
}

.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__body {
	padding: 30px 30px 150px;
}

/* Template 5: cleaner dashboard mosaic */
.msct-template--dashboard_mosaic .msct-topic-rows__list {
	gap: 18px;
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.msct-template--dashboard_mosaic .msct-topic-row {
	display: block;
	grid-column: span 4;
	min-height: 242px;
	border-radius: 22px;
}

.msct-template--dashboard_mosaic .msct-topic-row:nth-child(1) {
	grid-column: span 6;
	grid-row: span 2;
	min-height: 500px;
}

.msct-template--dashboard_mosaic .msct-topic-row:nth-child(2) {
	grid-column: span 6;
	min-height: 242px;
}

.msct-template--dashboard_mosaic .msct-topic-row:nth-child(3),
.msct-template--dashboard_mosaic .msct-topic-row:nth-child(4),
.msct-template--dashboard_mosaic .msct-topic-row:nth-child(5),
.msct-template--dashboard_mosaic .msct-topic-row:nth-child(6) {
	grid-column: span 3;
	min-height: 220px;
}

.msct-template--dashboard_mosaic .msct-topic-row:nth-child(n+7) {
	grid-column: span 4;
}

.msct-template--dashboard_mosaic .msct-topic-row__visual {
	top: 18px;
	left: 18px;
	right: auto;
	width: 66px;
	height: 66px;
	border: 0;
	border-radius: 50%;
	background: transparent;
}

.msct-template--dashboard_mosaic .msct-topic-row__visual::before {
	width: 54px;
	height: 54px;
}

.msct-template--dashboard_mosaic .msct-topic-row__icon {
	width: 40px;
	height: 40px;
}

.msct-template--dashboard_mosaic .msct-topic-row__icon svg {
	width: 22px;
	height: 22px;
}

.msct-template--dashboard_mosaic .msct-topic-row__body {
	padding: 26px 24px 24px 94px;
	justify-content: center;
}

.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__visual {
	top: 28px;
	left: 28px;
	width: 120px;
	height: 120px;
	border-radius: 50%;
}

.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__visual::before {
	width: 98px;
	height: 98px;
}

.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__icon {
	width: 62px;
	height: 62px;
}

.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__icon svg {
	width: 34px;
	height: 34px;
}

.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__body {
	padding: 42px 38px 38px 170px;
}

.msct-template--dashboard_mosaic .msct-topic-row::after {
	right: auto;
	left: 24px;
	bottom: 18px;
	width: 38px;
	height: 3px;
}

/* Tablet/mobile refinements after structure cleanup */
@media (max-width: 1100px) {
	.msct-topic-rows__header,
	.msct-topic-rows__footer-note {
		margin-inline: 0;
		padding-inline: 10px;
	}

	.msct-template--feature_split .msct-topic-row:first-child,
	.msct-template--feature_split .msct-topic-row,
	.msct-template--dashboard_mosaic .msct-topic-row,
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(1),
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(2),
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(3),
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(4),
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(5),
	.msct-template--dashboard_mosaic .msct-topic-row:nth-child(6) {
		grid-column: span 6;
		grid-row: auto;
		min-height: 300px;
	}

	.msct-template--dashboard_mosaic .msct-topic-row__body,
	.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__body {
		padding: 112px 24px 24px;
	}

	.msct-template--dashboard_mosaic .msct-topic-row__visual,
	.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__visual {
		top: 18px;
		left: 18px;
		width: 72px;
		height: 72px;
	}
}

@media (max-width: 767px) {
	.msct-topic-rows__inner {
		padding: 0;
	}

	.msct-topic-rows__header,
	.msct-topic-rows__footer-note {
		padding-inline: 4px;
	}

	.msct-topic-row__icon {
		width: 56px;
		height: 56px;
	}

	.msct-topic-row__icon svg {
		width: 28px;
		height: 28px;
	}

	.msct-template--dashboard_mosaic .msct-topic-row__body,
	.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__body,
	.msct-template--magazine_grid .msct-topic-row__body,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__body {
		padding: 22px 18px;
	}

	.msct-template--dashboard_mosaic .msct-topic-row__visual,
	.msct-template--dashboard_mosaic .msct-topic-row:first-child .msct-topic-row__visual,
	.msct-template--magazine_grid .msct-topic-row__visual,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual {
		width: 100%;
		height: auto;
		min-height: 110px;
		border-radius: 0;
	}
}


/* =========================================================
   Version 1.1.2 - Magazine multi-column cards
   The magazine template now uses equal vertical cards like
   the approved reference and supports responsive columns.
   ========================================================= */
.msct-template--magazine_grid .msct-topic-rows__list {
	--msct-magazine-columns: 3;
	display: grid !important;
	grid-template-columns: repeat(var(--msct-magazine-columns), minmax(0, 1fr)) !important;
	grid-auto-flow: row !important;
	grid-auto-rows: 1fr !important;
	align-items: stretch !important;
	gap: 18px;
}

.msct-template--magazine_grid .msct-topic-row,
.msct-template--magazine_grid .msct-topic-row:nth-child(1),
.msct-template--magazine_grid .msct-topic-row:nth-child(2),
.msct-template--magazine_grid .msct-topic-row:nth-child(3),
.msct-template--magazine_grid .msct-topic-row:nth-child(4),
.msct-template--magazine_grid .msct-topic-row:nth-child(5),
.msct-template--magazine_grid .msct-topic-row:nth-child(6) {
	position: relative;
	display: flex !important;
	grid-column: auto !important;
	grid-row: auto !important;
	min-width: 0;
	min-height: 430px;
	flex-direction: column;
	overflow: hidden;
	border-radius: 20px;
}

.msct-template--magazine_grid .msct-topic-row__visual,
.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual {
	position: absolute !important;
	z-index: 3;
	top: 22px !important;
	right: auto !important;
	bottom: auto !important;
	left: 22px !important;
	display: flex !important;
	width: 64px !important;
	height: 64px !important;
	min-height: 64px !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: transparent !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	clip-path: none !important;
}

.msct-template--magazine_grid .msct-topic-row__visual::before,
.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual::before {
	width: 62px !important;
	height: 62px !important;
	border-color: color-mix(in srgb, var(--msct-topic-accent) 18%, transparent);
}

.msct-template--magazine_grid .msct-topic-row__visual::after,
.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual::after {
	width: 48px !important;
	height: 48px !important;
	border-color: color-mix(in srgb, var(--msct-topic-accent) 14%, transparent);
}

.msct-template--magazine_grid .msct-topic-row__visual-ring {
	display: none !important;
}

.msct-template--magazine_grid .msct-topic-row__icon,
.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__icon {
	width: 42px !important;
	height: 42px !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.07), rgba(255,255,255,.015) 68%, transparent 72%) !important;
	box-shadow:
		0 0 0 1px color-mix(in srgb, var(--msct-topic-accent) 20%, transparent),
		0 0 20px color-mix(in srgb, var(--msct-topic-accent) 10%, transparent) !important;
}

.msct-template--magazine_grid .msct-topic-row__icon svg,
.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__icon svg {
	width: 24px !important;
	height: 24px !important;
}

.msct-template--magazine_grid .msct-topic-row__body,
.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__body {
	display: flex !important;
	height: 100% !important;
	min-height: inherit;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: flex-start !important;
	padding: 24px 24px 26px !important;
}

.msct-template--magazine_grid .msct-topic-row__topline {
	min-height: 64px;
	align-items: flex-start;
	padding-left: 78px;
	margin-bottom: 7px;
}

.msct-template--magazine_grid .msct-topic-row__category {
	order: 1;
}

.msct-template--magazine_grid .msct-topic-row__subtitle {
	order: 2;
	max-width: 100%;
	font-size: 9px;
	white-space: normal;
}

.msct-template--magazine_grid .msct-topic-row__title,
.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__title {
	margin: 2px 0 14px;
	font-size: clamp(22px, 2vw, 30px) !important;
	line-height: 1.55;
	text-align: center;
}

.msct-template--magazine_grid .msct-topic-row__content {
	width: 100%;
	max-width: none;
	font-size: 14px;
	line-height: 2.15;
	text-align: right;
}

.msct-template--magazine_grid .msct-topic-row__actions {
	width: 100%;
	align-items: stretch;
	margin-top: auto;
	padding-top: 22px;
}

.msct-template--magazine_grid .msct-topic-row__button:not(.msct-topic-row__button--text) {
	width: 100%;
}

.msct-template--magazine_grid .msct-topic-row::after {
	right: 20%;
	bottom: 0;
	left: 20%;
	width: auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--msct-topic-accent), transparent);
}

@media (max-width: 1100px) {
	.msct-template--magazine_grid .msct-topic-rows__list {
		--msct-magazine-columns: 2;
	}

	.msct-template--magazine_grid .msct-topic-row,
	.msct-template--magazine_grid .msct-topic-row:nth-child(1),
	.msct-template--magazine_grid .msct-topic-row:nth-child(2),
	.msct-template--magazine_grid .msct-topic-row:nth-child(3),
	.msct-template--magazine_grid .msct-topic-row:nth-child(4),
	.msct-template--magazine_grid .msct-topic-row:nth-child(5),
	.msct-template--magazine_grid .msct-topic-row:nth-child(6) {
		grid-column: auto !important;
		min-height: 410px;
	}
}

@media (max-width: 767px) {
	.msct-template--magazine_grid .msct-topic-rows__list {
		--msct-magazine-columns: 1;
		display: grid !important;
		grid-template-columns: repeat(var(--msct-magazine-columns), minmax(0, 1fr)) !important;
	}

	.msct-template--magazine_grid .msct-topic-row,
	.msct-template--magazine_grid .msct-topic-row:nth-child(1),
	.msct-template--magazine_grid .msct-topic-row:nth-child(2),
	.msct-template--magazine_grid .msct-topic-row:nth-child(3),
	.msct-template--magazine_grid .msct-topic-row:nth-child(4),
	.msct-template--magazine_grid .msct-topic-row:nth-child(5),
	.msct-template--magazine_grid .msct-topic-row:nth-child(6) {
		display: flex !important;
		min-height: 390px;
	}

	.msct-template--magazine_grid .msct-topic-row__visual,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual {
		position: absolute !important;
		top: 18px !important;
		left: 18px !important;
		width: 58px !important;
		height: 58px !important;
		min-height: 58px !important;
		border: 0 !important;
		border-radius: 50% !important;
	}

	.msct-template--magazine_grid .msct-topic-row__visual::before,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual::before {
		width: 56px !important;
		height: 56px !important;
	}

	.msct-template--magazine_grid .msct-topic-row__visual::after,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__visual::after {
		width: 42px !important;
		height: 42px !important;
	}

	.msct-template--magazine_grid .msct-topic-row__icon,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__icon {
		width: 38px !important;
		height: 38px !important;
	}

	.msct-template--magazine_grid .msct-topic-row__icon svg,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__icon svg {
		width: 21px !important;
		height: 21px !important;
	}

	.msct-template--magazine_grid .msct-topic-row__body,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__body {
		display: flex !important;
		padding: 20px 18px 20px !important;
	}

	.msct-template--magazine_grid .msct-topic-row__topline {
		min-height: 58px;
		padding-left: 68px;
	}

	.msct-template--magazine_grid .msct-topic-row__title,
	.msct-template--magazine_grid .msct-topic-row:first-child .msct-topic-row__title {
		font-size: 22px !important;
	}
}