/* =========================================================
   Single article — premium luxe
   ========================================================= */

.vx-article-page--luxe {
	--vx-luxe-gold: #d4af37;
	--vx-luxe-gold-soft: #f0d78c;
	--vx-luxe-champagne: #f8ecd8;
	--vx-font-display: Georgia, "Times New Roman", "Palatino Linotype", Palatino, serif;
	--vx-font-prose: Georgia, "Times New Roman", "Palatino Linotype", Palatino, serif;
	--vx-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
	font-family: var(--vx-font-ui);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

/* Progress */
.vx-article-page--luxe .vx-read-progress__bar {
	background: linear-gradient(90deg, var(--vx-luxe-gold), var(--vx-c-primary), var(--vx-c-secondary));
	box-shadow: 0 0 12px rgba(212, 175, 55, .45);
}

.vx-layout--article {
	position: relative;
	z-index: 1;
}
@media (min-width: 1024px) {
	.vx-layout--article.vx-layout--with-sidebar {
		grid-template-columns: minmax(0, 1fr) minmax(252px, 292px);
		gap: 28px;
		align-items: start;
	}
	.vx-sidebar--article { position: sticky; top: 92px; }
}

/* Article shell */
.vx-luxe {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	background:
		linear-gradient(165deg, rgba(212, 175, 55, .06) 0%, transparent 38%),
		linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .01) 22%, transparent 50%),
		rgba(9, 10, 24, .94);
	border: 1px solid rgba(212, 175, 55, .14);
	box-shadow:
		0 20px 50px rgba(0, 0, 0, .38),
		0 0 0 1px rgba(255, 255, 255, .04) inset,
		0 1px 0 rgba(212, 175, 55, .12) inset;
}
.vx-luxe::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--vx-luxe-gold) 20%, var(--vx-luxe-gold-soft) 50%, var(--vx-luxe-gold) 80%, transparent);
	opacity: .85;
	z-index: 2;
}

/* Header */
.vx-luxe__head {
	padding: 22px 22px 18px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	background: linear-gradient(180deg, rgba(212, 175, 55, .04), transparent);
}
.vx-luxe__cat {
	display: inline-flex;
	margin-bottom: 12px;
	padding: 5px 12px;
	border-radius: 999px;
	font-family: var(--vx-font-ui);
	font-size: .62rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--vx-luxe-gold-soft);
	background: rgba(212, 175, 55, .08);
	border: 1px solid rgba(212, 175, 55, .22);
	transition: color var(--vx-transition), border-color var(--vx-transition), background var(--vx-transition);
}
.vx-luxe__cat:hover {
	color: #fff;
	border-color: rgba(212, 175, 55, .4);
	background: rgba(212, 175, 55, .14);
}
.vx-luxe--topic-guides .vx-luxe__cat { color: #9ef5ff; border-color: rgba(0, 229, 255, .25); background: rgba(0, 229, 255, .08); }
.vx-luxe--topic-slots .vx-luxe__cat { color: #ffd166; border-color: rgba(255, 209, 102, .25); background: rgba(255, 209, 102, .08); }
.vx-luxe--topic-crypto .vx-luxe__cat { color: #8ef5c8; border-color: rgba(120, 255, 180, .22); background: rgba(120, 255, 180, .08); }

.vx-luxe__title {
	margin: 0 0 10px;
	font-family: var(--vx-font-display);
	font-size: clamp(1.55rem, 3.2vw, 2rem);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.01em;
	color: var(--vx-luxe-champagne);
	text-wrap: balance;
}
.vx-luxe__dek {
	margin: 0 0 14px;
	max-width: 58ch;
	font-family: var(--vx-font-prose);
	font-size: .98rem;
	font-style: italic;
	line-height: 1.6;
	color: rgba(233, 236, 255, .62);
}
.vx-luxe__byline {
	display: flex;
	align-items: center;
	gap: 12px;
}
.vx-luxe__avatar {
	border-radius: 50%;
	border: 1px solid rgba(212, 175, 55, .35);
	box-shadow: 0 0 16px rgba(212, 175, 55, .12);
}
.vx-luxe__byline-text {
	display: grid;
	gap: 2px;
}
.vx-luxe__author {
	font-family: var(--vx-font-ui);
	font-size: .82rem;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
}
.vx-luxe__author:hover { color: var(--vx-luxe-gold-soft); }
.vx-luxe__byline-meta {
	font-size: .7rem;
	font-weight: 500;
	letter-spacing: .04em;
	color: rgba(233, 236, 255, .42);
}
.vx-luxe__byline-meta span[aria-hidden="true"] { margin: 0 .4em; opacity: .45; }

/* Media */
.vx-luxe__media {
	margin: 0;
	padding: 0 16px;
	line-height: 0;
}
.vx-luxe__img {
	display: block;
	width: 100%;
	max-height: 260px;
	object-fit: cover;
	border-radius: 12px;
	border: 1px solid rgba(212, 175, 55, .18);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .32);
}

/* Body */
.vx-luxe__body {
	padding: 20px 22px 22px;
	font-family: var(--vx-font-prose);
	font-size: 1rem;
	line-height: 1.78;
	color: rgba(233, 236, 255, .84);
}
.vx-luxe__body > p:first-of-type {
	font-size: 1.06rem;
	color: rgba(248, 244, 255, .92);
}
.vx-luxe__body h2 {
	margin: 1.75em 0 .55em;
	font-family: var(--vx-font-display);
	font-size: 1.28rem;
	font-weight: 700;
	color: var(--vx-luxe-champagne);
	padding-bottom: .35em;
	border-bottom: 1px solid rgba(212, 175, 55, .15);
}
.vx-luxe__body h3 {
	margin: 1.35em 0 .45em;
	font-family: var(--vx-font-display);
	font-size: 1.08rem;
	font-weight: 600;
	color: #fff;
}
.vx-luxe__body p { margin-bottom: 1em; }
.vx-luxe__body strong { color: #fff; font-weight: 600; }
.vx-luxe__body a {
	color: var(--vx-luxe-gold-soft);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: rgba(212, 175, 55, .35);
}
.vx-luxe__body a:hover { color: #fff; text-decoration-color: var(--vx-luxe-gold); }
.vx-luxe__body blockquote {
	margin: 1.25em 0;
	padding: 14px 18px;
	border-left: 2px solid var(--vx-luxe-gold);
	background: linear-gradient(90deg, rgba(212, 175, 55, .08), transparent);
	border-radius: 0 10px 10px 0;
	font-style: italic;
	color: rgba(248, 236, 216, .88);
}
.vx-luxe__body .vx-callout {
	margin: 1.25em 0;
	padding: 14px 16px;
	border-radius: 12px;
	border: 1px solid rgba(212, 175, 55, .2);
	background: linear-gradient(135deg, rgba(212, 175, 55, .07), rgba(8, 10, 26, .5));
	font-size: .94rem;
}
.vx-luxe__body .vx-callout--tip::before {
	content: "Tip";
	display: inline-block;
	margin-bottom: 6px;
	padding: 2px 9px;
	border-radius: 999px;
	font-family: var(--vx-font-ui);
	font-size: .58rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--vx-luxe-gold-soft);
	background: rgba(212, 175, 55, .1);
	border: 1px solid rgba(212, 175, 55, .22);
}
.vx-luxe__body table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.25em 0;
	font-size: .88rem;
	border: 1px solid rgba(212, 175, 55, .12);
	border-radius: 10px;
	overflow: hidden;
}
.vx-luxe__body table th,
.vx-luxe__body table td {
	padding: 10px 14px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	text-align: left;
}
.vx-luxe__body table th {
	font-family: var(--vx-font-ui);
	font-size: .64rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--vx-luxe-gold-soft);
	background: rgba(212, 175, 55, .06);
}
.vx-luxe__body table tr:last-child td { border-bottom: 0; }

/* Footer */
.vx-luxe__foot {
	padding: 18px 22px 20px;
	background: rgba(0, 0, 0, .14);
}
.vx-luxe__divider {
	display: block;
	height: 1px;
	margin-bottom: 16px;
	background: linear-gradient(90deg, transparent, rgba(212, 175, 55, .45) 50%, transparent);
}
.vx-luxe__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
}
.vx-luxe__tags a {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 999px;
	font-family: var(--vx-font-ui);
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .04em;
	color: rgba(248, 236, 216, .75);
	text-decoration: none;
	background: rgba(212, 175, 55, .06);
	border: 1px solid rgba(212, 175, 55, .16);
	transition: color var(--vx-transition), border-color var(--vx-transition), background var(--vx-transition);
}
.vx-luxe__tags a:hover {
	color: #fff;
	border-color: rgba(212, 175, 55, .35);
	background: rgba(212, 175, 55, .12);
}
.vx-luxe__foot .vx-share {
	gap: 10px;
}
.vx-luxe__foot .vx-share__label {
	font-family: var(--vx-font-ui);
	font-size: .62rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(233, 236, 255, .35);
}
.vx-luxe__foot .vx-share__actions {
	flex-wrap: nowrap;
}
.vx-luxe__foot .vx-share__btn {
	padding: 7px 13px;
	border-radius: 999px;
	font-family: var(--vx-font-ui);
	font-size: .72rem;
	font-weight: 600;
	color: rgba(233, 236, 255, .72);
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .09);
	transition: border-color var(--vx-transition), color var(--vx-transition), background var(--vx-transition);
}
.vx-luxe__foot .vx-share__btn:hover {
	color: #fff;
	border-color: rgba(212, 175, 55, .3);
	background: rgba(212, 175, 55, .08);
}

/* Comments */
.vx-article-page--luxe .vx-comments {
	margin-top: 20px;
	background:
		linear-gradient(165deg, rgba(212, 175, 55, .04) 0%, transparent 40%),
		rgba(9, 10, 24, .92);
	border: 1px solid rgba(212, 175, 55, .12);
	border-radius: 18px;
	padding: clamp(20px, 3vw, 28px);
	box-shadow: 0 16px 40px rgba(0, 0, 0, .28);
}
.vx-article-page--luxe .vx-comments__title,
.vx-article-page--luxe .comment-reply-title {
	margin: 0 0 18px;
	font-family: var(--vx-font-display);
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--vx-luxe-champagne);
}
.vx-article-page--luxe .vx-comment-list {
	margin-bottom: 22px;
}
.vx-article-page--luxe .vx-comment__body {
	padding: 16px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}
.vx-article-page--luxe .vx-comment__author {
	color: var(--vx-luxe-champagne);
}
.vx-article-page--luxe .vx-comment__content {
	color: rgba(233, 236, 255, .82);
	font-size: .95rem;
	line-height: 1.65;
}
.vx-article-page--luxe .vx-comment-form {
	margin-top: 22px;
	padding-top: 22px;
	border-top: 1px solid rgba(212, 175, 55, .12);
}
.vx-article-page--luxe .vx-comment-form__notes,
.vx-article-page--luxe .logged-in-as,
.vx-article-page--luxe .comment-form-comment label {
	color: rgba(233, 236, 255, .5);
	font-size: .82rem;
}
.vx-article-page--luxe .vx-comment-form input[type="text"],
.vx-article-page--luxe .vx-comment-form input[type="email"],
.vx-article-page--luxe .vx-comment-form input[type="url"],
.vx-article-page--luxe .vx-comment-form textarea {
	background: rgba(255, 255, 255, .03);
	border-color: rgba(255, 255, 255, .1);
}
.vx-article-page--luxe .vx-comment-form input:focus,
.vx-article-page--luxe .vx-comment-form textarea:focus {
	border-color: rgba(212, 175, 55, .45);
}
.vx-article-page--luxe .vx-comment-form__submit {
	border-color: rgba(212, 175, 55, .68);
	background:
		linear-gradient(135deg, rgba(212, 175, 55, .28) 0%, rgba(255, 0, 128, .2) 56%, rgba(240, 215, 140, .12) 100%);
	box-shadow:
		0 0 30px rgba(212, 175, 55, .18),
		inset 0 1px 0 rgba(255, 255, 255, .16);
}
.vx-article-page--luxe .vx-comment-form__submit:hover {
	border-color: rgba(240, 215, 140, .9);
	background:
		linear-gradient(135deg, rgba(212, 175, 55, .38) 0%, rgba(255, 0, 128, .28) 56%, rgba(240, 215, 140, .16) 100%);
	box-shadow:
		0 10px 30px rgba(212, 175, 55, .22),
		0 0 40px rgba(255, 0, 128, .18),
		inset 0 1px 0 rgba(255, 255, 255, .2);
}
.vx-article-page--luxe .vx-comment-form__submit:focus-visible {
	outline-color: rgba(212, 175, 55, .8);
}

/* Related */
.vx-article-page--luxe .vx-related {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid rgba(212, 175, 55, .12);
}
.vx-article-page--luxe .vx-related__title {
	margin: 0 0 14px;
	font-family: var(--vx-font-display);
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--vx-luxe-champagne);
}
.vx-article-page--luxe .vx-related__grid {
	display: grid;
	gap: 12px;
}
@media (min-width: 640px) {
	.vx-article-page--luxe .vx-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.vx-article-page--luxe .vx-rel-card {
	display: flex;
	flex-direction: column;
	border-radius: 14px;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(212, 175, 55, .04), transparent), rgba(8, 10, 26, .9);
	border: 1px solid rgba(255, 255, 255, .08);
	transition: border-color var(--vx-transition), box-shadow var(--vx-transition);
}
.vx-article-page--luxe .vx-rel-card:hover {
	border-color: rgba(212, 175, 55, .28);
	box-shadow: 0 8px 28px rgba(212, 175, 55, .08);
}
.vx-article-page--luxe .vx-rel-card__media {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
.vx-article-page--luxe .vx-rel-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.vx-article-page--luxe .vx-rel-card__body {
	padding: 12px 14px 14px;
}
.vx-article-page--luxe .vx-rel-card__title {
	margin: 0 0 6px;
	font-family: var(--vx-font-display);
	font-size: .95rem;
	font-weight: 700;
	line-height: 1.3;
}
.vx-article-page--luxe .vx-rel-card__title a {
	color: var(--vx-luxe-champagne);
	text-decoration: none;
}
.vx-article-page--luxe .vx-rel-card__title a:hover { color: var(--vx-luxe-gold-soft); }
.vx-article-page--luxe .vx-rel-card__excerpt {
	display: block;
	margin: 0 0 8px;
	font-family: var(--vx-font-prose);
	font-size: .78rem;
	line-height: 1.5;
	color: rgba(233, 236, 255, .48);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.vx-article-page--luxe .vx-rel-card__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	padding-top: 8px;
	border-top: 1px solid rgba(255, 255, 255, .06);
}
.vx-article-page--luxe .vx-rel-card__author {
	font-family: var(--vx-font-ui);
	font-size: .66rem;
	font-weight: 600;
	color: var(--vx-luxe-gold-soft);
	text-decoration: none;
}
.vx-article-page--luxe .vx-rel-card__tags a {
	font-size: .6rem;
	color: rgba(233, 236, 255, .38);
	text-decoration: none;
}

/* Luxe sidebar */
.vx-article-page--luxe .vx-side-panel {
	padding: 16px 18px;
	margin-bottom: 14px;
	border-color: rgba(212, 175, 55, .1);
	background: linear-gradient(165deg, rgba(212, 175, 55, .04), transparent 40%), rgba(8, 10, 26, .88);
}
.vx-article-page--luxe .vx-side-panel__label,
.vx-article-page--luxe .vx-side-panel__eyebrow {
	font-family: var(--vx-font-ui);
	color: var(--vx-luxe-gold-soft);
	letter-spacing: .12em;
}
.vx-article-page--luxe .vx-side-panel__title {
	font-family: var(--vx-font-display);
	font-size: 1rem;
	font-weight: 700;
	color: var(--vx-luxe-champagne);
}
.vx-article-page--luxe .vx-side-stack { gap: 14px; }

/* Blog sidebar panels */
.vx-sidebar--article .widget {
	margin-bottom: 16px;
}

.vx-side-panel {
	margin-bottom: 16px;
	padding: 20px 22px;
	border-radius: var(--vx-radius-lg);
	background: linear-gradient(180deg, rgba(255, 255, 255, .03), transparent 35%), rgba(8, 10, 26, .82);
	border: 1px solid rgba(255, 255, 255, .1);
	box-shadow: 0 12px 36px rgba(0, 0, 0, .28);
}

.vx-side-panel--cta {
	background: linear-gradient(145deg, rgba(91, 45, 142, .22), rgba(8, 10, 26, .85));
	border-color: rgba(255, 0, 128, .22);
}

.vx-side-panel__eyebrow {
	margin: 0 0 6px;
	font-size: .64rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #ff9fd0;
}

.vx-side-panel__title {
	margin: 0 0 8px;
	font-family: var(--vx-font-head);
	font-weight: 800;
	font-size: 1.1rem;
	color: #fff;
	line-height: 1.2;
}

.vx-side-panel__text {
	margin: 0 0 16px;
	font-size: .88rem;
	line-height: 1.55;
	color: rgba(233, 236, 255, .58);
}

.vx-side-panel__label {
	margin: 0 0 14px;
	font-family: var(--vx-font-head);
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #ff9fd0;
}

.vx-side-posts {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}

.vx-side-posts__link {
	display: grid;
	gap: 3px;
	padding: 10px 12px;
	border-radius: 12px;
	text-decoration: none;
	background: rgba(255, 255, 255, .025);
	border: 1px solid rgba(255, 255, 255, .06);
	transition: border-color var(--vx-transition), background var(--vx-transition);
}

.vx-side-posts__link:hover {
	border-color: rgba(0, 229, 255, .25);
	background: rgba(0, 229, 255, .04);
}

.vx-side-posts__title {
	font-size: .88rem;
	font-weight: 600;
	line-height: 1.4;
	color: #fff;
}

.vx-side-posts__meta {
	font-size: .72rem;
	color: rgba(233, 236, 255, .58);
}

.vx-sidebar--article .vx-search-form {
	border-radius: 12px;
	background: rgba(5, 6, 20, .78);
	border: 1px solid rgba(255, 255, 255, .1);
	overflow: hidden;
}

.vx-sidebar--article .vx-search-form__field {
	padding: 12px 40px 12px 16px;
	font-size: .9rem;
	color: #fff;
}

.vx-sidebar--article .vx-search-form__field::placeholder {
	color: rgba(233, 236, 255, .54);
}

.vx-sidebar--article .vx-search-form__submit {
	padding: 0 16px;
	border-radius: 0;
	border: 0;
	border-left: 1px solid rgba(255, 0, 128, .9);
	background: rgba(255, 0, 128, .16);
	box-shadow: 0 0 22px rgba(255, 0, 128, .32);
}
.vx-sidebar--article .vx-search-form__submit:hover {
	background: rgba(255, 0, 128, .22);
	border-left-color: rgba(255, 0, 128, 1);
	box-shadow: 0 0 28px rgba(255, 0, 128, .4);
}

.vx-sidebar--article .widget-title {
	font-family: var(--vx-font-head);
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #ff9fd0;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	padding-bottom: 12px;
}

.vx-sidebar--article .widget {
	background: linear-gradient(180deg, rgba(255, 255, 255, .02), transparent), rgba(8, 10, 26, .78);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: var(--vx-radius-lg);
	padding: 20px 22px;
}

.vx-sidebar--article input[type="search"],
.vx-sidebar--article input[type="text"] {
	background: transparent;
	border: 0;
	color: #fff;
}

.vx-side-stack {
	display: grid;
	gap: 16px;
}
.vx-side-stack__filters,
.vx-side-stack__rest {
	display: grid;
	gap: 16px;
}

.vx-side-panel--casinos {
	border-color: rgba(255, 0, 128, .15);
}

.vx-side-panel--trust {
	background: linear-gradient(145deg, rgba(0, 229, 255, .06), rgba(8, 10, 26, .85));
}

.vx-side-panel__mini-cta {
	display: inline-flex;
	margin-top: 14px;
	font-family: var(--vx-font-head);
	font-weight: 700;
	font-size: .82rem;
	color: var(--vx-c-secondary);
	text-decoration: none;
}

.vx-side-panel__mini-cta:hover {
	color: var(--vx-c-primary);
}

.vx-side-cats {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.vx-side-cats__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: auto;
	padding: 8px 12px;
	border-radius: 999px;
	font-size: .72rem;
	font-weight: 600;
	color: rgba(233, 236, 255, .85);
	text-decoration: none;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .08);
	transition: border-color var(--vx-transition), color var(--vx-transition), background var(--vx-transition);
	white-space: nowrap;
}

.vx-side-cats__link:hover {
	color: #fff;
	border-color: rgba(255, 0, 128, .35);
	background: rgba(255, 0, 128, .08);
}

.vx-side-cats__link.is-active {
	color: #fff;
	border-color: rgba(255, 0, 128, .55);
	background: linear-gradient(135deg, rgba(255, 0, 128, .18), rgba(0, 229, 255, .1));
	box-shadow: 0 0 18px rgba(255, 0, 128, .16);
}

.vx-side-cats__link.is-active .vx-side-cats__count {
	color: #fff;
	background: rgba(255, 0, 128, .28);
}

.vx-side-cats__count {
	font-size: .62rem;
	font-weight: 700;
	color: rgba(233, 236, 255, .45);
	background: rgba(0, 0, 0, .25);
	padding: 1px 5px;
	border-radius: 999px;
	flex-shrink: 0;
}

.vx-side-posts--rich {
	gap: 12px;
}

.vx-side-posts__link--rich {
	display: grid !important;
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 10px !important;
	border-radius: 14px !important;
}

.vx-side-posts__thumb {
	display: block;
	width: 56px;
	height: 56px;
	border-radius: 12px;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(255, 0, 128, .15), rgba(0, 229, 255, .1));
	border: 1px solid rgba(255, 255, 255, .08);
}

.vx-side-posts__thumb--art {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vx-side-posts__thumb--art::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 50% 35%, rgba(255, 255, 255, .1), transparent 48%),
		linear-gradient(160deg, rgba(255, 255, 255, .03), transparent 60%);
}
.vx-side-posts__thumb--topic-crypto {
	background: linear-gradient(155deg, #0c2228 0%, #102a32 50%, #081418 100%);
}
.vx-side-posts__thumb--topic-slots {
	background: linear-gradient(155deg, #221a0c 0%, #2e2410 50%, #141008 100%);
}
.vx-side-posts__thumb--topic-guides {
	background: linear-gradient(155deg, #101830 0%, #162040 50%, #0a0e1c 100%);
}
.vx-side-posts__icon {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	border: 1px solid rgba(0, 229, 255, .28);
	background: linear-gradient(145deg, rgba(0, 229, 255, .12), rgba(0, 229, 255, .02));
	color: #9ef5ff;
	box-shadow: 0 0 16px rgba(0, 229, 255, .14);
}
.vx-side-posts__icon svg {
	width: 17px;
	height: 17px;
}
.vx-side-posts__link--topic-crypto .vx-side-posts__icon {
	border-color: rgba(142, 245, 200, .32);
	background: linear-gradient(145deg, rgba(142, 245, 200, .14), rgba(142, 245, 200, .03));
	color: #8ef5c8;
	box-shadow: 0 0 16px rgba(142, 245, 200, .16);
}
.vx-side-posts__link--topic-slots .vx-side-posts__icon {
	border-color: rgba(255, 209, 102, .32);
	background: linear-gradient(145deg, rgba(255, 209, 102, .14), rgba(255, 209, 102, .03));
	color: #ffd166;
	box-shadow: 0 0 16px rgba(255, 209, 102, .16);
}
.vx-side-posts__link--topic-guides .vx-side-posts__icon {
	border-color: rgba(0, 229, 255, .28);
	background: linear-gradient(145deg, rgba(0, 229, 255, .12), rgba(0, 229, 255, .02));
	color: #80f4ff;
	box-shadow: 0 0 16px rgba(0, 229, 255, .14);
}

.vx-side-posts__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.vx-side-posts__body {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.vx-side-casinos {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 8px;
}

.vx-side-casinos__link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 12px;
	text-decoration: none;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .08);
	color: #fff;
	transition: border-color var(--vx-transition), background var(--vx-transition);
}

.vx-side-casinos__link:hover {
	border-color: rgba(255, 0, 128, .3);
	background: rgba(255, 0, 128, .06);
}

.vx-side-casinos__link svg {
	margin-left: auto;
	color: var(--vx-c-secondary);
	flex-shrink: 0;
}

.vx-side-casinos__rank {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	font-family: var(--vx-font-head);
	font-weight: 800;
	font-size: .82rem;
	background: rgba(255, 0, 128, .15);
	color: #ff9fd0;
	border: 1px solid rgba(255, 0, 128, .25);
}

.vx-side-casinos__info {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.vx-side-casinos__name {
	font-weight: 700;
	font-size: .88rem;
	line-height: 1.3;
}

.vx-side-casinos__rating {
	font-size: .72rem;
	color: var(--vx-c-gold, #ffd166);
	font-weight: 600;
}

.vx-side-trust {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}

.vx-side-trust li {
	position: relative;
	padding-left: 22px;
	font-size: .86rem;
	line-height: 1.45;
	color: rgba(233, 236, 255, .68);
}

.vx-side-trust li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .45em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--vx-c-secondary);
	box-shadow: 0 0 10px rgba(0, 229, 255, .45);
}

/* =========================================================
   iPad Pro — compact luxe (sidebar stays beside article)
   ========================================================= */

@media (min-width: 768px) and (max-width: 1366px) {
	.vx-article-page--luxe .vx-container {
		padding-inline: clamp(24px, 4.5vw, 36px);
	}
	.vx-article-page--luxe .vx-ed-hero--single { margin-bottom: 14px; }
	.vx-article-page--luxe .vx-luxe__title {
		font-size: clamp(1.42rem, 4.2vw, 1.8rem);
	}
	.vx-article-page--luxe .vx-luxe__head { padding: 18px 20px 14px; }
	.vx-article-page--luxe .vx-luxe__body { padding: 18px 20px 20px; }
	.vx-article-page--luxe .vx-luxe__foot { padding: 14px 20px 16px; }
	.vx-article-page--luxe .vx-luxe__body table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

@media (min-width: 1024px) and (max-width: 1366px) {
	.vx-article-page--luxe .vx-layout--article.vx-layout--with-sidebar {
		grid-template-columns: minmax(0, 1fr) minmax(196px, 224px);
		gap: 16px;
	}
	.vx-article-page--luxe .vx-sidebar--article { top: 78px; }
	.vx-article-page--luxe .vx-ed-hero--single { margin-bottom: 12px; }
	.vx-article-page--luxe .vx-luxe__head { padding: 16px 16px 12px; }
	.vx-article-page--luxe .vx-luxe__title {
		font-size: 1.48rem;
		margin-bottom: 8px;
	}
	.vx-article-page--luxe .vx-luxe__dek {
		font-size: .88rem;
		margin-bottom: 10px;
	}
	.vx-article-page--luxe .vx-luxe__byline { gap: 10px; }
	.vx-article-page--luxe .vx-luxe__avatar { width: 32px; height: 32px; }
	.vx-article-page--luxe .vx-luxe__body {
		padding: 14px 16px 16px;
		font-size: .92rem;
		line-height: 1.72;
	}
	.vx-article-page--luxe .vx-luxe__body > p:first-of-type { font-size: .96rem; }
	.vx-article-page--luxe .vx-luxe__body h2 {
		font-size: 1.12rem;
		margin-top: 1.4em;
	}
	.vx-article-page--luxe .vx-luxe__body table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		font-size: .8rem;
	}
	.vx-article-page--luxe .vx-luxe__body table th,
	.vx-article-page--luxe .vx-luxe__body table td { padding: 7px 9px; }
	.vx-article-page--luxe .vx-luxe__foot { padding: 12px 16px 14px; }
	.vx-article-page--luxe .vx-luxe__tags a {
		padding: 4px 9px;
		font-size: .62rem;
	}
	.vx-article-page--luxe .vx-side-stack { gap: 10px; }
	.vx-article-page--luxe .vx-side-panel {
		padding: 11px 12px;
		margin-bottom: 0;
	}
	.vx-article-page--luxe .vx-side-panel__title { font-size: .88rem; }
	.vx-article-page--luxe .vx-side-panel__text {
		font-size: .76rem;
		line-height: 1.45;
		margin-bottom: 10px;
	}
	.vx-article-page--luxe .vx-side-panel__label {
		font-size: .58rem;
		margin-bottom: 8px;
	}
	.vx-article-page--luxe .vx-btn--block {
		padding: 11px 14px;
		font-size: .84rem;
	}
	.vx-article-page--luxe .vx-side-posts__thumb { width: 38px; height: 38px; }
	.vx-article-page--luxe .vx-side-posts__title {
		font-size: .74rem;
		line-height: 1.32;
	}
	.vx-article-page--luxe .vx-side-posts__meta { font-size: .62rem; }
	.vx-article-page--luxe .vx-side-casinos__name { font-size: .8rem; }
	.vx-article-page--luxe .vx-related {
		margin-top: 18px;
		padding-top: 16px;
	}
	.vx-article-page--luxe .vx-related__title { font-size: 1rem; }
	.vx-article-page--luxe .vx-rel-card__excerpt { display: none; }
}