/* =========================================================

   Article share button and popup

========================================================= */



.gamnio-article-share {

	margin: 24px 0 32px;

}



.gamnio-article-share__button {

	display: inline-flex;

	align-items: center;

	gap: 9px;

	width: auto;

	min-height: 0;

	margin: 0;

	padding: 0 0 7px;

	color: #3730a3;

	background: transparent;

	border: 0;

	border-bottom: 4px solid #dbeafe;

	border-radius: 0;

	box-shadow: none;

	font-family: inherit;

	font-size: 14px;

	font-weight: 700;

	line-height: 1.3;

	letter-spacing: 0.07em;

	text-transform: uppercase;

	cursor: pointer;

}



.gamnio-article-share__button:hover,

.gamnio-article-share__button:focus,

.gamnio-article-share__button:focus-visible {

	color: #ff385c;

	background: transparent;

	border-color: #ffccd6;

	box-shadow: none;

	outline: 0;

}



.gamnio-article-share__button svg {

	flex: 0 0 auto;

}



/*

 * Keep the popup completely hidden until JavaScript opens it.

 */

.gamnio-share-popup[hidden] {

	display: none !important;

}



.gamnio-share-popup {

	position: fixed;

	inset: 0;

	z-index: 10000;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 24px;

}



.gamnio-share-popup__backdrop {

	position: absolute;

	inset: 0;

	background: rgba(15, 23, 42, 0.64);

	backdrop-filter: blur(4px);

}



.gamnio-share-popup__dialog {

	position: relative;

	z-index: 1;

	width: min(920px, 100%);

	max-height: calc(100vh - 48px);

	overflow-y: auto;

	padding: 54px 48px 46px;

	background: #f8f7ff;

	border: 1px solid #dedaf5;

	border-radius: 18px;

	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.25);

	outline: 0;

}



/* Override Astra's global button styles. */

.gamnio-share-popup__close {

	position: absolute;

	top: 18px;

	right: 20px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 44px;

	height: 44px;

	min-width: 44px;

	min-height: 44px;

	margin: 0;

	padding: 0;

	color: #8b83f6;

	background: transparent;

	border: 0;

	border-radius: 50%;

	box-shadow: none;

	font-family: inherit;

	font-size: 38px;

	font-weight: 300;

	line-height: 1;

	cursor: pointer;

}



.gamnio-share-popup__close:hover,

.gamnio-share-popup__close:focus,

.gamnio-share-popup__close:focus-visible {

	color: #ff385c;

	background: #ffffff;

	border: 0;

	box-shadow: none;

	outline: 0;

}



.gamnio-share-popup__title {

	max-width: 680px;

	margin: 36px auto 44px;

	color: #3730a3;

	font-family: inherit;

	font-size: clamp(26px, 3vw, 36px);

	font-weight: 700;

	line-height: 1.2;

	text-align: center;

}



.gamnio-share-popup__platforms {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	gap: 18px;

	margin-bottom: 48px;

}



.gamnio-share-popup__platform {

	display: inline-flex;

	flex: 0 0 auto;

	align-items: center;

	justify-content: center;

	width: 76px;

	height: 76px;

	min-width: 76px;

	min-height: 76px;

	margin: 0;

	padding: 0;

	color: #8b83f6;

	background: #ffffff;

	border: 1px solid #ebe9fb;

	border-radius: 50%;

	box-shadow: 0 8px 24px rgba(55, 48, 163, 0.07);

	text-decoration: none;

	cursor: pointer;

	appearance: none;

	transition:

		color 0.2s ease,

		border-color 0.2s ease,

		transform 0.2s ease,

		box-shadow 0.2s ease;

}



.gamnio-share-popup__platform:hover,

.gamnio-share-popup__platform:focus,

.gamnio-share-popup__platform:focus-visible {

	color: #ff385c;

	background: #ffffff;

	border-color: #ffc2cf;

	box-shadow: 0 12px 28px rgba(55, 48, 163, 0.12);

	outline: 0;

	transform: translateY(-3px);

}



.gamnio-share-popup__platform-icon {

	display: block;

	flex: 0 0 auto;

	width: 27px;

	height: 27px;

}



.gamnio-share-popup__copy {

	width: min(760px, 100%);

	margin-inline: auto;

}



.gamnio-share-popup__copy-label {

	display: block;

	margin: 0 0 10px;

	color: #3730a3;

	font-size: 14px;

	font-weight: 600;

	line-height: 1.4;

	text-transform: uppercase;

}



.gamnio-share-popup__copy-row {

	display: flex;

	align-items: stretch;

	overflow: hidden;

	background: #ffffff;

	border: 1px solid #e4e1f6;

	border-radius: 10px;

}



.gamnio-share-popup__copy-input {

	flex: 1 1 auto;

	width: 1%;

	min-width: 0;

	height: 66px;

	margin: 0;

	padding: 0 18px;

	color: #5b5b73;

	background: transparent !important;

	border: 0 !important;

	border-radius: 0;

	box-shadow: none !important;

	font-family: inherit;

	font-size: 17px;

	outline: 0 !important;

}



.gamnio-share-popup__copy-button {

	flex: 0 0 auto;

	width: auto;

	min-width: 112px;

	min-height: 66px;

	margin: 0;

	padding: 0 22px;

	color: #ffffff;

	background: #ff385c;

	border: 0;

	border-radius: 0;

	box-shadow: none;

	font-family: inherit;

	font-size: 15px;

	font-weight: 700;

	cursor: pointer;

}



.gamnio-share-popup__copy-button:hover,

.gamnio-share-popup__copy-button:focus,

.gamnio-share-popup__copy-button:focus-visible {

	color: #ffffff;

	background: #e82e51;

	border: 0;

	box-shadow: none;

	outline: 0;

}



.gamnio-share-popup__status {

	min-height: 22px;

	margin: 10px 0 0;

	color: #3730a3;

	font-size: 14px;

	font-weight: 600;

	line-height: 1.5;

}



body.gamnio-share-popup-open {

	overflow: hidden;

}



/* Mobile share popup. */

@media (max-width: 743px) {



	.gamnio-share-popup {

		align-items: flex-end;

		padding: 12px;

	}



	.gamnio-share-popup__dialog {

		max-height: calc(100vh - 24px);

		padding: 50px 18px 24px;

		border-radius: 18px;

	}



	.gamnio-share-popup__close {

		top: 10px;

		right: 12px;

		width: 40px;

		height: 40px;

		min-width: 40px;

		min-height: 40px;

		font-size: 34px;

	}



	.gamnio-share-popup__title {

		margin: 20px auto 28px;

		font-size: 24px;

	}



	.gamnio-share-popup__platforms {

		gap: 11px;

		margin-bottom: 30px;

	}



	.gamnio-share-popup__platform {

		width: 56px;

		height: 56px;

		min-width: 56px;

		min-height: 56px;

	}



	.gamnio-share-popup__platform-icon {

		width: 22px;

		height: 22px;

	}



	.gamnio-share-popup__copy-row {

		flex-direction: column;

		gap: 8px;

		padding: 7px;

		background: transparent;

		border: 0;

		overflow: visible;

	}



	.gamnio-share-popup__copy-input {

		width: 100%;

		height: 52px;

		padding-inline: 13px;

		background: #ffffff !important;

		border: 1px solid #e4e1f6 !important;

		border-radius: 9px;

		font-size: 14px;

	}



	.gamnio-share-popup__copy-button {

		width: 100%;

		min-height: 50px;

		border-radius: 9px;

	}

}

/* =========================================================

   Sidebar social profile icons

========================================================= */



.gamnio-sidebar-social__links {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 12px;

}



.gamnio-sidebar-social__link {

	display: inline-flex;

	flex: 0 0 auto;

	align-items: center;

	justify-content: center;

	width: 44px;

	height: 44px;

	min-width: 44px;

	min-height: 44px;

	margin: 0;

	padding: 0;

	color: #404040;

	background: #ffffff;

	border: 1px solid #e5e7eb;

	border-radius: 50%;

	box-shadow: none;

	text-decoration: none;

	overflow: hidden;

}



.gamnio-sidebar-social__link svg {

	display: block;

	width: 18px;

	height: 18px;

	max-width: 18px;

	max-height: 18px;

	flex: 0 0 18px;

}



.gamnio-sidebar-social__link:hover,

.gamnio-sidebar-social__link:focus-visible {

	color: #ff385c;

	background: #ffffff;

	border-color: #ff385c;

	outline: 0;

}



.gamnio-sidebar-social__link--disabled {

	color: #a1a1aa;

	background: #f4f4f5;

	cursor: not-allowed;

	opacity: 0.65;

}





/* =========================================================

   Single post table of contents

========================================================= */



.gamnio-single-toc {

	align-self: stretch;

	min-width: 0;

	height: 100%;

}



.gamnio-single-toc__inner {

	position: sticky;

	top: 110px;

	max-height: calc(100vh - 140px);

	overflow: hidden;

	background: #ffffff;

	border: 1px solid #e5e7eb;

	border-radius: 16px;

	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);

}



.gamnio-single-toc__title {

	margin: 0;

	padding: 22px 20px 18px;

	color: var(--gamnio-ink);

	font-size: 14px;

	font-weight: 800;

	line-height: 1.2;

	letter-spacing: 0.08em;

	text-transform: uppercase;

}



.gamnio-single-toc__navigation {

	max-height: 420px;

	overflow-y: auto;

	border-top: 1px solid var(--gamnio-border-soft);

	scrollbar-width: thin;

}



.gamnio-single-toc__list {

	margin: 0;

	padding: 0;

	list-style: none;

}



.gamnio-single-toc__list li {

	margin: 0;

	padding: 0;

	border-top: 1px solid var(--gamnio-border-soft);

}



.gamnio-single-toc__list li:first-child {

	border-top: 0;

}



.gamnio-single-toc__list a {

	display: block;

	padding: 16px 18px;

	color: var(--gamnio-muted);

	font-size: 14px;

	font-weight: 500;

	line-height: 1.65;

	text-decoration: none;

	transition:

		background-color 0.2s ease,

		color 0.2s ease,

		border-color 0.2s ease;

}



.gamnio-single-toc__list a:hover {

	color: var(--gamnio-primary);

	background: rgba(255, 56, 92, 0.04);

	text-decoration: none;

}



.gamnio-single-toc__list a:focus-visible {

	outline: 2px solid rgba(255, 56, 92, 0.25);

	outline-offset: -2px;

}



.gamnio-single-toc__list a.is-active {

	color: var(--gamnio-primary);

	background: rgba(255, 56, 92, 0.08);

	font-weight: 700;

	box-shadow: inset 3px 0 0 var(--gamnio-primary);

}



@media (max-width: 1127px) {



	.gamnio-single-toc {

		display: none;

	}

}

.gamnio-single-toc__title {

	margin: 0 0 16px;

	color: #111827;

	font-family: inherit;

	font-size: 16px;

	font-weight: 800;

	line-height: 1.3;

	letter-spacing: 0.02em;

}



.gamnio-single-toc__list,

[data-gamnio-toc-list] {

	display: flex;

	flex-direction: column;

	gap: 4px;

	margin: 0;

	padding: 0;

	list-style: none;

}



.gamnio-single-toc__item {

	margin: 0;

	padding: 0;

}



.gamnio-single-toc__link {

	display: block;

	margin: 0;

	padding: 10px 12px;

	color: #4b5563;

	background: transparent;

	border-left: 3px solid transparent;

	border-radius: 4px;

	font-family: inherit;

	font-size: 13px;

	font-weight: 500;

	line-height: 1.45;

	text-decoration: none;

	transition:

		color 0.2s ease,

		background-color 0.2s ease,

		border-color 0.2s ease;

}



.gamnio-single-toc__link:hover,

.gamnio-single-toc__link:focus-visible {

	color: #ff385c;

	background: #f3f4f6;

	border-left-color: #ffc2cf;

	outline: 0;

}



.gamnio-single-toc__link.is-active {

	color: #ff385c;

	background: #eeeeee;

	border-left-color: #ff385c;

	font-weight: 700;

}



/* Hide TOC on tablets and mobile devices. */

@media (max-width: 1127px) {



	.gamnio-single-toc {

		display: none;

	}

}



/* =========================================================

   Single post three-column desktop layout

========================================================= */



.gamnio-single-layout {

	display: grid;

	grid-template-columns:

		minmax(125px, 145px)

		minmax(0, 1fr)

		minmax(235px, 265px);

	align-items: start;

	gap: 24px;

	width: 100%;

}



.gamnio-single-layout > * {

	min-width: 0;

}



/* Medium desktop layout. */

@media (max-width: 1279px) {



	.gamnio-single-layout {

		grid-template-columns:

			minmax(115px, 135px)

			minmax(0, 1fr)

			minmax(215px, 240px);

		gap: 20px;

	}

}



/* Tablet and mobile layout. */

@media (max-width: 1127px) {



	.gamnio-single-layout {

		display: block;

	}



	.gamnio-single-sidebar {

		margin-top: 48px;

	}

}



/* =========================================================

   Single post breadcrumb

========================================================= */



.gamnio-post-breadcrumb {

	margin: 0 0 22px;

	padding: 0;

}



.gamnio-post-breadcrumb__list {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 7px;

	margin: 0;

	padding: 0;

	list-style: none;

}



.gamnio-post-breadcrumb__item,

.gamnio-post-breadcrumb__separator {

	margin: 0;

	padding: 0;

	list-style: none;

	font-family: inherit;

	font-size: 13px;

	line-height: 1.5;

}



.gamnio-post-breadcrumb__item::marker,

.gamnio-post-breadcrumb__separator::marker {

	content: "";

}



.gamnio-post-breadcrumb__item a {

	color: #6b7280;

	text-decoration: none;

	transition: color 0.2s ease;

}



.gamnio-post-breadcrumb__item a:hover,

.gamnio-post-breadcrumb__item a:focus-visible {

	color: #ff385c;

	outline: 0;

}



.gamnio-post-breadcrumb__separator {

	color: #c4c7cf;

	user-select: none;

}



.gamnio-post-breadcrumb__item--current {

	max-width: 100%;

	overflow: hidden;

	color: #9ca3af;

	text-overflow: ellipsis;

	white-space: nowrap;

}



@media (max-width: 743px) {



	.gamnio-post-breadcrumb {

		margin-bottom: 16px;

	}



	.gamnio-post-breadcrumb__item,

	.gamnio-post-breadcrumb__separator {

		font-size: 12px;

	}



	.gamnio-post-breadcrumb__item--current {

		max-width: 210px;

	}

}



/* =========================================================

   Active article reading progress

========================================================= */



.gamnio-reading-progress {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99999;

	width: 100%;

	height: 8px;

	overflow: hidden;

	background: rgba(229, 231, 235, 0.55);

	pointer-events: none;

}



.gamnio-reading-progress__bar {

	display: block;

	width: 0;

	height: 100%;

	background: #ff385c;

	box-shadow: 0 0 8px rgba(255, 56, 92, 0.45);

	transition: width 0.08s linear;

}



/* Keep the progress bar below the WordPress admin bar. */

body.admin-bar .gamnio-reading-progress {

	top: 32px;

}



@media (max-width: 782px) {



	body.admin-bar .gamnio-reading-progress {

		top: 46px;

	}

}



/* =========================================================

   Continuous reading separator

========================================================= */



.gamnio-continue-reading {

	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

	margin: 56px 0;

	text-align: center;

}



.gamnio-continue-reading::before {

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	height: 1px;

	background: #e5e7eb;

	content: "";

	transform: translateY(-50%);

}



.gamnio-continue-reading__link {

	position: relative;

	z-index: 1;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 10px;

	min-height: 46px;

	padding: 0 20px;

	color: #111827;

	background: #ffffff;

	border: 1px solid #e5e7eb;

	border-radius: 999px;

	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);

	font-family: inherit;

	font-size: 13px;

	font-weight: 800;

	line-height: 1.2;

	letter-spacing: 0.07em;

	text-decoration: none;

	text-transform: uppercase;

	transition:

		color 0.2s ease,

		border-color 0.2s ease,

		box-shadow 0.2s ease,

		transform 0.2s ease;

}



.gamnio-continue-reading__link:hover,

.gamnio-continue-reading__link:focus-visible {

	color: #ff385c;

	background: #ffffff;

	border-color: #ffc2cf;

	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);

	outline: 0;

	transform: translateY(-2px);

}



.gamnio-continue-reading__arrow {

	font-size: 18px;

	font-weight: 500;

	line-height: 1;

	transition: transform 0.2s ease;

}



.gamnio-continue-reading__link:hover .gamnio-continue-reading__arrow,

.gamnio-continue-reading__link:focus-visible .gamnio-continue-reading__arrow {

	transform: translateY(3px);

}



@media (max-width: 743px) {



	.gamnio-continue-reading {

		margin: 42px 0;

	}



	.gamnio-continue-reading__link {

		min-height: 42px;

		padding-inline: 16px;

		font-size: 12px;

	}

}



/* =========================================================

   Continuous article base

========================================================= */



.gamnio-single-article {

	width: 100%;

	margin: 0;

	padding: 0;

	background: transparent;

	border: 0;

	border-radius: 0;

	box-shadow: none;

	box-sizing: border-box;

}



.gamnio-single-article > *:first-child {

	margin-top: 0;

}



.gamnio-single-article > *:last-child {

	margin-bottom: 0;

}

/* =========================================================

   Blend the article column with the page background

========================================================= */



.gamnio-single-stream,

.gamnio-single-article,

.gamnio-single-article__content {

	background: transparent !important;

	border: 0 !important;

	border-radius: 0 !important;

	box-shadow: none !important;

}



.gamnio-single-stream {

	padding: 0;

}



/* =========================================================

   Flat and compact table of contents

========================================================= */



.gamnio-single-toc__inner {

	background: transparent !important;

	border: 0 !important;

	border-radius: 0 !important;

	box-shadow: none !important;

	overflow: hidden;

}



.gamnio-single-toc__title {

	margin: 0;

	padding: 0 6px 12px;

	color: #111827;

	font-size: 13px;

	font-weight: 800;

	line-height: 1.3;

	letter-spacing: 0.04em;

}



.gamnio-single-toc__navigation {

	max-height: 420px;

	overflow-y: auto;

	border: 0 !important;

}



.gamnio-single-toc__list li {

	border: 0 !important;

}



.gamnio-single-toc__list a,

.gamnio-single-toc__link {

	padding: 8px 7px;

	font-size: 12px;

	line-height: 1.5;

}



.gamnio-single-toc__list a.is-active,

.gamnio-single-toc__link.is-active {

	color: #ff385c;

	background: rgba(255, 56, 92, 0.08);

	border-radius: 4px;

	font-weight: 700;

	box-shadow: inset 3px 0 0 #ff385c;

}





/* =========================================================

   Single article featured image

========================================================= */



.gamnio-single-article__featured-media {

	display: block;

	width: 100%;

	margin: 0 0 26px;

	padding: 0;

	overflow: hidden;

	border-radius: 12px;

}



.gamnio-single-article__featured-image {

	display: block;

	width: 100%;

	height: auto;

	aspect-ratio: 16 / 9;

	margin: 0;

	object-fit: cover;

	border: 0;

	border-radius: inherit;

}



@media (max-width: 743px) {



	.gamnio-single-article__featured-media {

		margin-bottom: 20px;

		border-radius: 9px;

	}

}



/* =========================================================

   Single article header

========================================================= */



.gamnio-single-article__header {

	margin: 0 0 32px;

	padding: 0;

}



.gamnio-single-article__category {

	display: inline-flex;

	align-items: center;

	width: auto;

	margin: 0 0 14px;

	padding: 6px 11px;

	color: #ffffff;

	background: #ff385c;

	border-radius: 4px;

	font-family: inherit;

	font-size: 11px;

	font-weight: 800;

	line-height: 1.2;

	letter-spacing: 0.06em;

	text-decoration: none;

	text-transform: uppercase;

}



.gamnio-single-article__category:hover,

.gamnio-single-article__category:focus-visible {

	color: #ffffff;

	background: #e82e51;

	outline: 0;

}



.gamnio-single-article__title {

	margin: 0 0 20px;

	color: #111827;

	font-family: inherit;

	font-size: clamp(30px, 3.3vw, 48px);

	font-weight: 800;

	line-height: 1.12;

	letter-spacing: -0.025em;

	overflow-wrap: anywhere;

}



.gamnio-single-article__meta {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 8px;

	margin: 0;

	color: #6b7280;

	font-family: inherit;

	font-size: 13px;

	font-weight: 500;

	line-height: 1.5;

}



.gamnio-single-article__author {

	display: inline-flex;

	align-items: center;

	gap: 8px;

}



.gamnio-single-article__author-avatar-link {

	display: inline-flex;

	flex: 0 0 36px;

	width: 36px;

	height: 36px;

	border-radius: 50%;

	text-decoration: none;

	overflow: hidden;

}



.gamnio-single-article__author-avatar {

	display: block;

	width: 36px;

	height: 36px;

	margin: 0;

	border-radius: 50%;

	object-fit: cover;

}



.gamnio-single-article__author-name {

	color: #374151;

	font-weight: 700;

	text-decoration: none;

}



.gamnio-single-article__author-name:hover,

.gamnio-single-article__author-name:focus-visible {

	color: #ff385c;

	outline: 0;

}



.gamnio-single-article__meta-separator {

	color: #c4c7cf;

}



.gamnio-single-article__date,

.gamnio-single-article__reading-time,

.gamnio-single-article__views {

	white-space: nowrap;

}



@media (max-width: 743px) {



	.gamnio-single-article__header {

		margin-bottom: 26px;

	}



	.gamnio-single-article__category {

		margin-bottom: 12px;

		font-size: 10px;

	}



	.gamnio-single-article__title {

		margin-bottom: 17px;

		font-size: clamp(27px, 9vw, 38px);

		line-height: 1.16;

	}



	.gamnio-single-article__meta {

		gap: 7px;

		font-size: 12px;

	}



	.gamnio-single-article__author {

		flex-basis: 100%;

		margin-bottom: 2px;

	}



	.gamnio-single-article__author-avatar-link,

	.gamnio-single-article__author-avatar {

		width: 34px;

		height: 34px;

		flex-basis: 34px;

	}

}



/* =========================================================

   Single article content typography

========================================================= */



.gamnio-single-article__content {

	margin: 0 0 42px;

	color: #374151;

	font-family: inherit;

	font-size: 17px;

	line-height: 1.82;

	overflow-wrap: break-word;

}



.gamnio-single-article__content > *:first-child {

	margin-top: 0;

}



.gamnio-single-article__content > *:last-child {

	margin-bottom: 0;

}



.gamnio-single-article__content p {

	margin: 0 0 24px;

}



.gamnio-single-article__content h2,

.gamnio-single-article__content h3,

.gamnio-single-article__content h4 {

	color: #111827;

	font-family: inherit;

	font-weight: 800;

	letter-spacing: -0.015em;

}



.gamnio-single-article__content h2 {

	margin: 46px 0 18px;

	font-size: clamp(25px, 2.4vw, 34px);

	line-height: 1.25;

	scroll-margin-top: 150px;

}



.gamnio-single-article__content h3 {

	margin: 36px 0 16px;

	font-size: clamp(21px, 2vw, 27px);

	line-height: 1.3;

	scroll-margin-top: 150px;

}



.gamnio-single-article__content h4 {

	margin: 30px 0 14px;

	font-size: 19px;

	line-height: 1.35;

}



.gamnio-single-article__content ul,

.gamnio-single-article__content ol {

	margin: 0 0 26px;

	padding-left: 25px;

}



.gamnio-single-article__content li {

	margin-bottom: 9px;

	padding-left: 4px;

}



.gamnio-single-article__content li:last-child {

	margin-bottom: 0;

}



.gamnio-single-article__content a {

	color: #ff385c;

	font-weight: 600;

	text-decoration: underline;

	text-decoration-thickness: 1px;

	text-underline-offset: 3px;

}



.gamnio-single-article__content a:hover,

.gamnio-single-article__content a:focus-visible {

	color: #d92347;

	outline: 0;

}



.gamnio-single-article__content strong {

	color: #1f2937;

	font-weight: 750;

}



@media (max-width: 743px) {



	.gamnio-single-article__content {

		margin-bottom: 34px;

		font-size: 16px;

		line-height: 1.75;

	}



	.gamnio-single-article__content p {

		margin-bottom: 21px;

	}



	.gamnio-single-article__content h2 {

		margin-top: 38px;

		font-size: 26px;

		scroll-margin-top: 120px;

	}



	.gamnio-single-article__content h3 {

		margin-top: 30px;

		font-size: 22px;

		scroll-margin-top: 120px;

	}

}



/* =========================================================

   Single article author box

========================================================= */



.gamnio-author-box {

	display: grid;

	grid-template-columns: 88px minmax(0, 1fr);

	align-items: center;

	gap: 20px;

	margin: 0 0 20px;

	padding: 24px;

	background: rgba(255, 255, 255, 0.72);

	border: 1px solid #e2e8f0;

	border-radius: 12px;

	box-sizing: border-box;

}



.gamnio-author-box__avatar-link {

	display: block;

	width: 88px;

	height: 88px;

	margin: 0;

	overflow: hidden;

	border-radius: 50%;

	text-decoration: none;

}



.gamnio-author-box__avatar {

	display: block;

	width: 88px;

	height: 88px;

	margin: 0;

	border: 3px solid #ffffff;

	border-radius: 50%;

	box-shadow: 0 5px 16px rgba(15, 23, 42, 0.1);

	object-fit: cover;

}



.gamnio-author-box__content {

	min-width: 0;

}



.gamnio-author-box__name {

	margin: 0;

	color: #111827;

	font-family: inherit;

	font-size: 20px;

	font-weight: 800;

	line-height: 1.3;

}



.gamnio-author-box__name a {

	color: inherit;

	text-decoration: none;

}



.gamnio-author-box__name a:hover,

.gamnio-author-box__name a:focus-visible {

	color: #ff385c;

	outline: 0;

}



.gamnio-author-box__role {

	margin: 4px 0 0;

	color: #ff385c;

	font-size: 12px;

	font-weight: 700;

	line-height: 1.4;

	letter-spacing: 0.05em;

	text-transform: uppercase;

}



.gamnio-author-box__bio {

	margin: 10px 0 0;

	color: #64748b;

	font-size: 14px;

	line-height: 1.65;

}



@media (max-width: 743px) {



	.gamnio-author-box {

		grid-template-columns: 64px minmax(0, 1fr);

		align-items: start;

		gap: 14px;

		padding: 18px;

		border-radius: 10px;

	}



	.gamnio-author-box__avatar-link,

	.gamnio-author-box__avatar {

		width: 64px;

		height: 64px;

	}



	.gamnio-author-box__name {

		font-size: 18px;

	}



	.gamnio-author-box__bio {

		margin-top: 8px;

		font-size: 13px;

		line-height: 1.6;

	}

}



/* =========================================================

   Related posts

========================================================= */



.gamnio-related-posts {

	margin: 54px 0 58px;

	padding: 0;

	background: transparent;

}



.gamnio-related-posts__title {

	margin: 0 0 30px;

	padding: 0;

	color: #111827;

	font-family: inherit;

	font-size: clamp(30px, 3vw, 42px);

	font-weight: 800;

	line-height: 1.15;

	letter-spacing: -0.025em;

}



/* Remove the previous title underline. */

.gamnio-related-posts__title::after {

	display: none;

	content: none;

}



.gamnio-related-posts__grid {

	display: grid;

	grid-template-columns: repeat(4, minmax(0, 1fr));

	gap: 28px;

}



.gamnio-related-card {

	min-width: 0;

	margin: 0;

	padding: 0;

	background: transparent;

	border: 0;

	border-radius: 0;

	box-shadow: none;

	overflow: visible;

}



.gamnio-related-card:hover {

	border: 0;

	box-shadow: none;

	transform: none;

}



.gamnio-related-card__image-link {

	display: block;

	width: 100%;

	aspect-ratio: 3 / 2;

	overflow: hidden;

	background: #e5e7eb;

	border-radius: 12px;

	text-decoration: none;

}



.gamnio-related-card__image,

.gamnio-related-card__placeholder {

	display: block;

	width: 100%;

	height: 100%;

	margin: 0;

	object-fit: cover;

	transition: transform 0.3s ease;

}



.gamnio-related-card:hover .gamnio-related-card__image {

	transform: scale(1.035);

}



.gamnio-related-card__placeholder {

	background: linear-gradient(

		135deg,

		#e5e7eb,

		#f8fafc

	);

}



.gamnio-related-card__content {

	padding: 20px 0 0;

	background: transparent;

}



.gamnio-related-card__category {

	display: inline-block;

	margin: 0 0 10px;

	color: #ff385c;

	font-family: inherit;

	font-size: 13px;

	font-weight: 500;

	line-height: 1.4;

	letter-spacing: 0;

	text-decoration: none;

	text-transform: none;

}



.gamnio-related-card__category:hover,

.gamnio-related-card__category:focus-visible {

	color: #d92347;

	outline: 0;

}



.gamnio-related-card__title {

	display: -webkit-box;

	margin: 0;

	overflow: hidden;

	color: #111827;

	font-family: inherit;

	font-size: 18px;

	font-weight: 700;

	line-height: 1.35;

	letter-spacing: -0.015em;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

}



.gamnio-related-card__title a {

	color: inherit;

	text-decoration: none;

}



.gamnio-related-card__title a:hover,

.gamnio-related-card__title a:focus-visible {

	color: #ff385c;

	outline: 0;

}



/* Two posts per row on smaller screens. */

@media (max-width: 900px) {



	.gamnio-related-posts__grid {

		grid-template-columns: repeat(2, minmax(0, 1fr));

		gap: 26px 20px;

	}

}



/* One post per row on mobile. */

@media (max-width: 520px) {



	.gamnio-related-posts {

		margin: 44px 0 48px;

	}



	.gamnio-related-posts__title {

		margin-bottom: 24px;

		font-size: 30px;

	}



	.gamnio-related-posts__grid {

		grid-template-columns: minmax(0, 1fr);

		gap: 28px;

	}



	.gamnio-related-card__content {

		padding-top: 15px;

	}



	.gamnio-related-card__title {

		font-size: 18px;

		-webkit-line-clamp: 2;

	}

}



/* =========================================================

   Force the reference-style Related Posts appearance

========================================================= */



.gamnio-related-card

.gamnio-related-card__category[class*="gamnio-category--"] {

	display: inline-block !important;

	width: auto !important;

	margin: 0 0 9px !important;

	padding: 0 !important;

	color: #ff385c !important;

	background: transparent !important;

	border: 0 !important;

	border-radius: 0 !important;

	box-shadow: none !important;

	font-size: 13px !important;

	font-weight: 500 !important;

	line-height: 1.4 !important;

	letter-spacing: 0 !important;

	text-transform: none !important;

}



.gamnio-related-card

.gamnio-related-card__category[class*="gamnio-category--"]:hover {

	color: #d92347 !important;

	background: transparent !important;

}



.gamnio-related-card__content {

	padding: 17px 0 0 !important;

}



.gamnio-related-card__title {

	display: block !important;

	margin: 0 !important;

	overflow: visible !important;

	font-size: 14px !important;

	font-weight: 700 !important;

	line-height: 1.35 !important;

	letter-spacing: -0.01em !important;

	-webkit-box-orient: initial !important;

	-webkit-line-clamp: initial !important;

}

.gamnio-related-card__title a {

	color: #111827 !important;

	text-decoration: none !important;

}



.gamnio-related-card__title a:hover {

	color: #ff385c !important;

}



/* =========================================================

   Article comment form

========================================================= */



.gamnio-comments {

	margin: 54px 0 0;

	padding: 0;

}



.gamnio-comment-form-wrap {

	margin: 0;

	padding: 0;

}



.gamnio-comment-form__title {

	margin: 0 0 26px;

	color: #111827;

	font-family: inherit;

	font-size: clamp(26px, 2.7vw, 36px);

	font-weight: 800;

	line-height: 1.2;

	letter-spacing: -0.02em;

}



.gamnio-comment-form {

	margin: 0;

	padding: 0;

}



.gamnio-comment-form__row {

	display: grid;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: 18px;

}



.gamnio-comment-form__field {

	margin: 0 0 20px;

	padding: 0;

}



.gamnio-comment-form__field label {

	display: block;

	margin: 0 0 8px;

	color: #374151;

	font-family: inherit;

	font-size: 13px;

	font-weight: 700;

	line-height: 1.4;

}



.gamnio-comment-form__field label span {

	color: #ff385c;

}



.gamnio-comment-form__field input,

.gamnio-comment-form__field textarea {

	display: block;

	width: 100%;

	margin: 0;

	padding: 13px 15px;

	color: #111827;

	background: #ffffff;

	border: 1px solid #d7dce4;

	border-radius: 7px;

	box-shadow: none;

	font-family: inherit;

	font-size: 15px;

	line-height: 1.5;

	outline: 0;

	box-sizing: border-box;

	transition:

		border-color 0.2s ease,

		box-shadow 0.2s ease;

}



.gamnio-comment-form__field input {

	min-height: 50px;

}



.gamnio-comment-form__field textarea {

	min-height: 180px;

	resize: vertical;

}



.gamnio-comment-form__field input::placeholder,

.gamnio-comment-form__field textarea::placeholder {

	color: #9ca3af;

	opacity: 1;

}



.gamnio-comment-form__field input:focus,

.gamnio-comment-form__field textarea:focus {

	border-color: #ff385c;

	box-shadow: 0 0 0 3px rgba(255, 56, 92, 0.1);

}



.gamnio-comment-form__logged-in,

.gamnio-comment-form__login-message {

	margin: 0 0 20px;

	color: #64748b;

	font-size: 14px;

	line-height: 1.6;

}



.gamnio-comment-form__logged-in a,

.gamnio-comment-form__login-message a {

	color: #ff385c;

	font-weight: 600;

	text-decoration: none;

}



.gamnio-comment-form__submit-wrap {

	margin: 4px 0 0;

}



.gamnio-comment-form__submit {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: auto;

	min-height: 48px;

	margin: 0;

	padding: 0 24px;

	color: #ffffff;

	background: #ff385c;

	border: 1px solid #ff385c;

	border-radius: 6px;

	box-shadow: none;

	font-family: inherit;

	font-size: 14px;

	font-weight: 800;

	line-height: 1.2;

	cursor: pointer;

	transition:

		background-color 0.2s ease,

		border-color 0.2s ease,

		transform 0.2s ease;

}



.gamnio-comment-form__submit:hover,

.gamnio-comment-form__submit:focus-visible {

	color: #ffffff;

	background: #e82e51;

	border-color: #e82e51;

	box-shadow: none;

	outline: 0;

	transform: translateY(-2px);

}



@media (max-width: 743px) {



	.gamnio-comments {

		margin-top: 44px;

	}



	.gamnio-comment-form__title {

		margin-bottom: 22px;

		font-size: 28px;

	}



	.gamnio-comment-form__row {

		grid-template-columns: minmax(0, 1fr);

		gap: 0;

	}



	.gamnio-comment-form__field {

		margin-bottom: 17px;

	}



	.gamnio-comment-form__field textarea {

		min-height: 160px;

	}



	.gamnio-comment-form__submit {

		width: 100%;

	}

}



/* =========================================================

   Reduce the overall comment form area

========================================================= */



.gamnio-comment-form-wrap {

	width: 100%;

	max-width: 720px;

	margin-right: auto;

	margin-left: 0;

}



.gamnio-comment-form__title {

	font-size: 28px !important;

}



.gamnio-comment-form__field input {

	min-height: 44px !important;

	height: 44px !important;

}



.gamnio-comment-form__field textarea {

	min-height: 140px !important;

	height: 140px !important;

	resize: vertical;

}



.gamnio-comment-form__submit {

	min-height: 42px !important;

	padding: 0 20px !important;

}



@media (max-width: 743px) {



	.gamnio-comment-form-wrap {

		max-width: 100%;

	}



	.gamnio-comment-form__title {

		font-size: 24px !important;

	}



	.gamnio-comment-form__field textarea {

		min-height: 120px !important;

		height: 120px !important;

	}

}



/* =========================================================

   Comment form card

========================================================= */



.gamnio-comment-form-wrap {

	width: 100%;

	max-width: 720px;

	margin: 0;

	padding: 26px;

	background: rgba(255, 255, 255, 0.72);

	border: 1px solid #e2e8f0;

	border-radius: 12px;

	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);

	box-sizing: border-box;

}



.gamnio-comment-form__title {

	margin: 0 0 20px;

	font-size: 26px !important;

}



.gamnio-comment-form__field:last-of-type {

	margin-bottom: 16px;

}



.gamnio-comment-form__submit-wrap {

	margin-bottom: 0;

}



@media (max-width: 743px) {



	.gamnio-comment-form-wrap {

		max-width: 100%;

		padding: 18px;

		border-radius: 10px;

	}



	.gamnio-comment-form__title {

		margin-bottom: 17px;

		font-size: 23px !important;

	}

}





/* =========================================================

   Sidebar featured posts

========================================================= */



.gamnio-sidebar-latest__list {

	display: flex;

	flex-direction: column;

	gap: 28px;

}



.gamnio-sidebar-latest-card {

	min-width: 0;

	margin: 0;

	padding: 0;

	background: transparent;

	border: 0;

	box-shadow: none;

}



.gamnio-sidebar-latest-card__image-link {

	position: relative;

	display: block;

	width: 100%;

	aspect-ratio: 16 / 10;

	overflow: hidden;

	background: #e5e7eb;

	border-radius: 3px;

	text-decoration: none;

}



.gamnio-sidebar-latest-card__image,

.gamnio-sidebar-latest-card__placeholder {

	display: block;

	width: 100%;

	height: 100%;

	margin: 0;

	object-fit: cover;

	transition: transform 0.3s ease;

}



.gamnio-sidebar-latest-card:hover

.gamnio-sidebar-latest-card__image {

	transform: scale(1.035);

}



.gamnio-sidebar-latest-card__placeholder {

	background: linear-gradient(

		135deg,

		#e5e7eb,

		#f8fafc

	);

}



.gamnio-sidebar-latest-card__number {

	position: absolute;

	bottom: 0;

	left: 0;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-width: 24px;

	height: 24px;

	padding: 0 7px;

	color: #ffffff;

	background: #ff1f2d;

	font-size: 12px;

	font-weight: 800;

	line-height: 1;

}



.gamnio-sidebar-latest-card__title {

	margin: 11px 0 7px;

	color: #111827;

	font-family: inherit;

	font-size: 16px;

	font-weight: 800;

	line-height: 1.3;

	letter-spacing: -0.01em;

}



.gamnio-sidebar-latest-card__title a {

	color: inherit;

	text-decoration: none;

}



.gamnio-sidebar-latest-card__title a:hover,

.gamnio-sidebar-latest-card__title a:focus-visible {

	color: #ff385c;

	outline: 0;

}



.gamnio-sidebar-latest-card__meta {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 5px;

	margin: 0;

	color: #9ca3af;

	font-size: 10px;

	font-weight: 500;

	line-height: 1.5;

	text-transform: uppercase;

}



.gamnio-sidebar-latest-card__author {

	color: #ff385c;

}



@media (max-width: 1127px) {



	.gamnio-sidebar-latest__list {

		display: grid;

		grid-template-columns: repeat(2, minmax(0, 1fr));

		gap: 26px 20px;

	}

}



@media (max-width: 520px) {



	.gamnio-sidebar-latest__list {

		grid-template-columns: minmax(0, 1fr);

	}

}



/* =========================================================

   Sidebar categories

========================================================= */



.gamnio-sidebar-categories__title {

	margin-bottom: 28px;

	padding-bottom: 16px;

	text-align: center;

}



.gamnio-sidebar-categories__title::after {

	left: 50%;

	width: 34px;

	transform: translateX(-50%);

}



.gamnio-sidebar-categories__list {

	margin: 0;

	padding: 0;

	list-style: none;

}



.gamnio-sidebar-categories__item {

	margin: 0;

	padding: 0;

	border-bottom: 1px solid #e5e7eb;

	list-style: none;

}



.gamnio-sidebar-categories__item::marker {

	content: "";

}



.gamnio-sidebar-categories__link {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 14px;

	width: 100%;

	min-height: 58px;

	padding: 14px 0;

	color: #374151;

	font-family: inherit;

	font-size: 14px;

	font-weight: 500;

	line-height: 1.4;

	text-decoration: none;

	box-sizing: border-box;

	transition: color 0.2s ease;

}



.gamnio-sidebar-categories__link:hover,

.gamnio-sidebar-categories__link:focus-visible {

	color: #ff385c;

	outline: 0;

}



.gamnio-sidebar-categories__name {

	display: inline-flex;

	min-width: 0;

	align-items: center;

	gap: 12px;

}



.gamnio-sidebar-categories__dot {

	display: inline-block;

	flex: 0 0 7px;

	width: 7px;

	height: 7px;

	border: 1.5px solid #ff385c;

	border-radius: 50%;

	box-sizing: border-box;

}



.gamnio-sidebar-categories__count {

	flex: 0 0 auto;

	color: #b6bbc5;

	font-size: 13px;

	font-weight: 500;

	transition: color 0.2s ease;

}



.gamnio-sidebar-categories__link:hover

.gamnio-sidebar-categories__count,

.gamnio-sidebar-categories__link:focus-visible

.gamnio-sidebar-categories__count {

	color: #ff385c;

}

/* Separate Categories from Featured Posts. */

.gamnio-sidebar-categories {

	margin-top: 32px;

}





/* =========================================================

   Sidebar popular posts

========================================================= */



.gamnio-sidebar-popular__list {

	display: flex;

	flex-direction: column;

	gap: 22px;

}



.gamnio-sidebar-popular-card {

	display: grid;

	grid-template-columns: 88px minmax(0, 1fr);

	align-items: center;

	gap: 14px;

	min-width: 0;

	margin: 0;

	padding: 0;

	background: transparent;

	border: 0;

	box-shadow: none;

}



.gamnio-sidebar-popular-card__image-link {

	display: block;

	width: 88px;

	height: 88px;

	overflow: hidden;

	background: #e5e7eb;

	border-radius: 10px;

	text-decoration: none;

}



.gamnio-sidebar-popular-card__image,

.gamnio-sidebar-popular-card__placeholder {

	display: block;

	width: 100%;

	height: 100%;

	margin: 0;

	object-fit: cover;

	transition: transform 0.3s ease;

}



.gamnio-sidebar-popular-card:hover

.gamnio-sidebar-popular-card__image {

	transform: scale(1.04);

}



.gamnio-sidebar-popular-card__placeholder {

	background: linear-gradient(

		135deg,

		#e5e7eb,

		#f8fafc

	);

}



.gamnio-sidebar-popular-card__content {

	min-width: 0;

}



.gamnio-sidebar-popular-card__title {

	margin: 0 0 9px;

	color: #111827;

	font-family: inherit;

	font-size: 12px;

	font-weight: 600;

	line-height: 1.4;

	letter-spacing: -0.01em;

}



.gamnio-sidebar-popular-card__title a {

	color: inherit;

	text-decoration: none;

}



.gamnio-sidebar-popular-card__title a:hover,

.gamnio-sidebar-popular-card__title a:focus-visible {

	color: #ff385c;

	outline: 0;

}



.gamnio-sidebar-popular-card__meta {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 5px;

	margin: 0;

	color: #7b8190;

	font-size: 11px;

	font-weight: 500;

	line-height: 1.5;

}



@media (max-width: 1127px) {



	.gamnio-sidebar-popular__list {

		display: grid;

		grid-template-columns: repeat(2, minmax(0, 1fr));

		gap: 24px 20px;

	}

}



@media (max-width: 520px) {



	.gamnio-sidebar-popular__list {

		grid-template-columns: minmax(0, 1fr);

	}



	.gamnio-sidebar-popular-card {

		grid-template-columns: 82px minmax(0, 1fr);

	}



	.gamnio-sidebar-popular-card__image-link {

		width: 82px;

		height: 82px;

	}

}





/* =========================================================

   Centered sidebar widget titles with divider

========================================================= */



.gamnio-single-sidebar .gamnio-sidebar-widget__title {

	margin: 0 0 26px;

	padding: 0 0 14px;

	text-align: center;

	font-size: 20px;

	font-weight: 800;

	letter-spacing: -0.02em;

	text-transform: none;

	border-bottom: 1px solid #cfd4dc;

}



/* Remove the previous short pink underline. */

.gamnio-single-sidebar .gamnio-sidebar-widget__title::after {

	display: none;

	content: none;

}





/* =========================================================

   Sidebar newsletter

========================================================= */



.gamnio-sidebar-newsletter__description {

	margin: 0 0 18px;

	color: #64748b;

	font-size: 13px;

	line-height: 1.65;

	text-align: center;

}



.gamnio-sidebar-newsletter__form {

	margin: 0;

	padding: 0;

}



.gamnio-sidebar-newsletter__honeypot {

	position: absolute !important;

	left: -9999px !important;

	width: 1px !important;

	height: 1px !important;

	overflow: hidden !important;

}



.gamnio-sidebar-newsletter__label {

	display: block;

	margin: 0 0 7px;

	color: #374151;

	font-size: 12px;

	font-weight: 700;

	line-height: 1.4;

}



.gamnio-sidebar-newsletter__input {

	display: block;

	width: 100%;

	height: 46px;

	margin: 0 0 11px;

	padding: 0 13px;

	color: #111827;

	background: #ffffff;

	border: 1px solid #d7dce4;

	border-radius: 6px;

	box-shadow: none;

	font-family: inherit;

	font-size: 13px;

	outline: 0;

	box-sizing: border-box;

	transition:

		border-color 0.2s ease,

		box-shadow 0.2s ease;

}



.gamnio-sidebar-newsletter__input::placeholder {

	color: #9ca3af;

	opacity: 1;

}



.gamnio-sidebar-newsletter__input:focus {

	border-color: #ff385c;

	box-shadow: 0 0 0 3px rgba(255, 56, 92, 0.1);

}



.gamnio-sidebar-newsletter__submit {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 8px;

	width: 100%;

	min-height: 44px;

	margin: 0;

	padding: 0 16px;

	color: #ffffff;

	background: #ff385c;

	border: 1px solid #ff385c;

	border-radius: 6px;

	box-shadow: none;

	font-family: inherit;

	font-size: 13px;

	font-weight: 800;

	cursor: pointer;

}



.gamnio-sidebar-newsletter__submit:hover,

.gamnio-sidebar-newsletter__submit:focus-visible {

	color: #ffffff;

	background: #e82e51;

	border-color: #e82e51;

	box-shadow: none;

	outline: 0;

}



.gamnio-sidebar-newsletter__privacy {

	margin: 10px 0 0;

	color: #94a3b8;

	font-size: 10px;

	line-height: 1.5;

	text-align: center;

}



.gamnio-sidebar-newsletter__status {

	min-height: 18px;

	margin: 7px 0 0;

	color: #374151;

	font-size: 11px;

	font-weight: 600;

	line-height: 1.5;

	text-align: center;

}



.gamnio-sidebar-newsletter__spinner {

	width: 15px;

	height: 15px;

	border: 2px solid rgba(255, 255, 255, 0.45);

	border-top-color: #ffffff;

	border-radius: 50%;

	animation: gamnio-sidebar-newsletter-spin 0.7s linear infinite;

}



.gamnio-sidebar-newsletter__spinner[hidden] {

	display: none !important;

}



@keyframes gamnio-sidebar-newsletter-spin {



	to {

		transform: rotate(360deg);

	}

}







/* =========================================================

   Sidebar newsletter card

========================================================= */



.gamnio-sidebar-newsletter {

	margin-top: 28px;

	padding: 24px 20px;

	background: #ffffff;

	border: 1px solid #e2e8f0;

	border-radius: 14px;

	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);

	box-sizing: border-box;

}



.gamnio-sidebar-newsletter .gamnio-sidebar-widget__title {

	margin-bottom: 20px;

}



.gamnio-sidebar-newsletter__description {

	margin-bottom: 18px;

}



@media (max-width: 743px) {



	.gamnio-sidebar-newsletter {

		margin-top: 24px;

		padding: 20px 16px;

		border-radius: 12px;

	}

}







/* =========================================================

   Sidebar newsletter result popup

========================================================= */



.gamnio-newsletter-popup {

	position: fixed;

	inset: 0;

	z-index: 99999;

	display: grid;

	align-items: center;

	justify-items: center;

	padding: 20px;

}



.gamnio-newsletter-popup[hidden] {

	display: none !important;

}



.gamnio-newsletter-popup__backdrop {

	position: absolute;

	inset: 0;

	background: rgba(17, 24, 39, 0.68);

	backdrop-filter: blur(4px);

	cursor: pointer;

}



.gamnio-newsletter-popup__dialog {

	position: relative;

	z-index: 1;

	width: min(100%, 430px);

	padding: 34px 28px 28px;

	color: #222222;

	background: #ffffff;

	border: 1px solid #eeeeee;

	border-radius: 22px;

	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.25);

	text-align: center;

	animation: gamnio-newsletter-popup-in 220ms ease;

}



@keyframes gamnio-newsletter-popup-in {



	from {

		opacity: 0;

		transform: translateY(14px) scale(0.97);

	}



	to {

		opacity: 1;

		transform: translateY(0) scale(1);

	}

}



.gamnio-newsletter-popup__close {

	position: absolute;

	top: 12px;

	right: 12px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 36px;

	height: 36px;

	min-width: 36px;

	min-height: 36px;

	margin: 0;

	padding: 0;

	color: #717171;

	background: #f5f5f5;

	border: 0;

	border-radius: 50%;

	box-shadow: none;

	font-family: inherit;

	font-size: 25px;

	line-height: 1;

	cursor: pointer;

}



.gamnio-newsletter-popup__close:hover,

.gamnio-newsletter-popup__close:focus-visible {

	color: #ffffff;

	background: #ff385c;

	border: 0;

	box-shadow: none;

	outline: 0;

}



.gamnio-newsletter-popup__icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 64px;

	height: 64px;

	margin-bottom: 18px;

	color: #ffffff;

	background: #16a34a;

	border-radius: 50%;

	font-size: 30px;

	font-weight: 700;

	line-height: 1;

}



.gamnio-newsletter-popup.is-error

.gamnio-newsletter-popup__icon {

	background: #dc2626;

}



.gamnio-newsletter-popup.is-warning

.gamnio-newsletter-popup__icon {

	background: #d97706;

}



.gamnio-newsletter-popup__title {

	margin: 0;

	color: #222222;

	font-family: inherit;

	font-size: 24px;

	font-weight: 700;

	line-height: 1.25;

	letter-spacing: -0.3px;

}



.gamnio-newsletter-popup__message {

	margin: 12px 0 24px;

	color: #717171;

	font-size: 14px;

	line-height: 1.6;

}



.gamnio-newsletter-popup__button {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: auto;

	min-width: 118px;

	min-height: 44px;

	margin: 0;

	padding: 10px 20px;

	color: #ffffff;

	background: #ff385c;

	border: 1px solid #ff385c;

	border-radius: 999px;

	box-shadow: none;

	font-family: inherit;

	font-size: 14px;

	font-weight: 700;

	line-height: 1.2;

	cursor: pointer;

}



.gamnio-newsletter-popup__button:hover,

.gamnio-newsletter-popup__button:focus-visible {

	color: #ffffff;

	background: #e8234a;

	border-color: #e8234a;

	box-shadow: none;

	outline: 0;

}



body.gamnio-newsletter-popup-open {

	overflow: hidden;

}



@media (max-width: 743px) {



	.gamnio-newsletter-popup {

		padding: 14px;

	}



	.gamnio-newsletter-popup__dialog {

		padding: 32px 20px 24px;

		border-radius: 18px;

	}



	.gamnio-newsletter-popup__title {

		font-size: 22px;

	}

}



@media (prefers-reduced-motion: reduce) {



	.gamnio-newsletter-popup__dialog {

		animation: none;

	}

}





/* =========================================================

   Sidebar newsletter card

========================================================= */



.gamnio-sidebar-newsletter {

	margin-top: 38px;

	padding: 28px 22px 24px;

	background: #dceeff;

	border: 1px solid #c9e2f8;

	border-radius: 14px;

	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);

	box-sizing: border-box;

}



/* Override the global sidebar title divider inside this card. */

.gamnio-sidebar-newsletter

.gamnio-sidebar-widget__title {

	margin: 0 0 13px;

	padding: 0;

	color: #25219a;

	border-bottom: 0;

	font-size: 21px;

	font-weight: 800;

	line-height: 1.35;

	text-align: left;

}



.gamnio-sidebar-newsletter

.gamnio-sidebar-widget__title::after {

	display: none;

	content: none;

}



.gamnio-sidebar-newsletter__description {

	margin: 0 0 20px;

	color: #4b5563;

	font-size: 13px;

	line-height: 1.65;

	text-align: left;

}



/*

 * Keep the label accessible while matching

 * the clean reference design.

 */

.gamnio-sidebar-newsletter__label {

	position: absolute;

	width: 1px;

	height: 1px;

	margin: -1px;

	padding: 0;

	overflow: hidden;

	clip: rect(0, 0, 0, 0);

	white-space: nowrap;

	border: 0;

}



.gamnio-sidebar-newsletter__input {

	width: 100%;

	height: 58px;

	margin: 0 0 14px;

	padding: 0 15px;

	color: #111827;

	background: #ffffff;

	border: 1px solid rgba(255, 255, 255, 0.95);

	border-radius: 7px;

	box-shadow: none;

	font-size: 15px;

	box-sizing: border-box;

}



.gamnio-sidebar-newsletter__input:focus {

	border-color: #ff385c;

	box-shadow: 0 0 0 3px rgba(255, 56, 92, 0.12);

	outline: 0;

}



.gamnio-sidebar-newsletter__submit {

	width: 100%;

	min-height: 54px;

	margin: 0;

	padding: 0 18px;

	color: #ffffff;

	background: #ff385c;

	border: 1px solid #ff385c;

	border-radius: 7px;

	box-shadow: none;

	font-size: 15px;

	font-weight: 800;

}



.gamnio-sidebar-newsletter__submit:hover,

.gamnio-sidebar-newsletter__submit:focus-visible {

	color: #ffffff;

	background: #e82e51;

	border-color: #e82e51;

	box-shadow: none;

	outline: 0;

}



.gamnio-sidebar-newsletter__privacy {

	margin: 12px 0 0;

	color: #64748b;

	font-size: 10px;

	line-height: 1.5;

	text-align: center;

}



.gamnio-sidebar-newsletter__status {

	margin-top: 7px;

	color: #25219a;

	text-align: center;

}



@media (max-width: 520px) {



	.gamnio-sidebar-newsletter {

		padding: 24px 18px 21px;

		border-radius: 12px;

	}



	.gamnio-sidebar-newsletter

	.gamnio-sidebar-widget__title {

		font-size: 20px;

	}



	.gamnio-sidebar-newsletter__input {

		height: 54px;

	}



	.gamnio-sidebar-newsletter__submit {

		min-height: 50px;

	}

}



/* =========================================================

   Smooth post-by-post bounded sidebar foundation

========================================================= */



@media (min-width: 1128px) {



	.gamnio-single-sidebar {

		position: relative;

		align-self: stretch;

		min-width: 0;

		height: auto;

	}



	.gamnio-single-sidebar__inner {

		width: 100%;

		max-height: none;

		overflow: visible;

		padding-right: 0;

		transform: none;

		will-change: auto;

		scrollbar-width: auto;

	}



	/* Default position at the beginning of the active post. */

	.gamnio-single-sidebar.is-bounded-sidebar-ready

	.gamnio-single-sidebar__inner {

		position: absolute;

		top: var(--gamnio-sidebar-start-top, 0px);

		right: 0;

		left: 0;

		width: 100%;

		margin: 0;

		transform: none;

	}



	/* Truly fixed while scrolling through the middle of a post. */

	.gamnio-single-sidebar.is-sidebar-fixed

	.gamnio-single-sidebar__inner {

		position: fixed;

		top: var(--gamnio-sidebar-sticky-top, 110px);

		right: auto;

		left: var(--gamnio-sidebar-left, 0px);

		width: var(--gamnio-sidebar-width, auto);

		transform: none;

	}



	/* Released near the end of the current post. */

	.gamnio-single-sidebar.is-sidebar-pinned

	.gamnio-single-sidebar__inner {

		position: absolute;

		top: var(--gamnio-sidebar-pinned-top, 0px);

		right: 0;

		left: 0;

		width: 100%;

		transform: none;

	}

}





/* =========================================================

   Existing comments list

========================================================= */



.gamnio-comments {

	width: 100%;

	max-width: 720px;

	margin: 48px 0 0;

}



.gamnio-comments__title {

	margin: 0 0 24px;

	color: #111827;

	font-size: 24px;

	font-weight: 800;

	line-height: 1.3;

	letter-spacing: -0.02em;

}



.gamnio-comments__list,

.gamnio-comments__list .children {

	margin: 0;

	padding: 0;

	list-style: none;

}



.gamnio-comments__list > li {

	margin: 0 0 18px;

}



.gamnio-comments__list .children {

	margin: 16px 0 0 34px;

}



.gamnio-comments__list .comment-body {

	position: relative;

	padding: 22px;

	background: rgba(255, 255, 255, 0.72);

	border: 1px solid #e2e8f0;

	border-radius: 12px;

	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);

}



.gamnio-comments__list .comment-author {

	display: flex;

	align-items: center;

	gap: 11px;

	margin: 0 0 5px;

}



.gamnio-comments__list .comment-author .avatar {

	flex: 0 0 auto;

	width: 44px;

	height: 44px;

	margin: 0;

	border-radius: 50%;

	object-fit: cover;

}



.gamnio-comments__list .comment-author .fn {

	color: #111827;

	font-size: 14px;

	font-style: normal;

	font-weight: 800;

	line-height: 1.4;

}



.gamnio-comments__list .comment-author .fn a {

	color: inherit;

	text-decoration: none;

}



.gamnio-comments__list .comment-author .fn a:hover {

	color: #ff385c;

}



.gamnio-comments__list .comment-author .says {

	display: none;

}



.gamnio-comments__list .comment-metadata {

	margin: -14px 0 17px 55px;

	color: #94a3b8;

	font-size: 11px;

	line-height: 1.5;

}



.gamnio-comments__list .comment-metadata a {

	color: inherit;

	text-decoration: none;

}



.gamnio-comments__list .comment-metadata a:hover {

	color: #ff385c;

}



.gamnio-comments__list .comment-content {

	color: #475569;

	font-size: 14px;

	line-height: 1.75;

}



.gamnio-comments__list .comment-content p {

	margin: 0 0 12px;

}



.gamnio-comments__list .comment-content p:last-child {

	margin-bottom: 0;

}



.gamnio-comments__list .reply {

	margin: 16px 0 0;

}



.gamnio-comments__list .reply a {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-height: 32px;

	padding: 0 13px;

	color: #ff385c;

	background: rgba(255, 56, 92, 0.08);

	border-radius: 5px;

	font-size: 11px;

	font-weight: 800;

	text-decoration: none;

}



.gamnio-comments__list .reply a:hover,

.gamnio-comments__list .reply a:focus-visible {

	color: #ffffff;

	background: #ff385c;

	outline: 0;

}



.gamnio-comments__list .comment-awaiting-moderation {

	display: block;

	margin: 10px 0;

	color: #b45309;

	font-size: 12px;

	font-style: normal;

	font-weight: 700;

}



@media (max-width: 520px) {



	.gamnio-comments {

		margin-top: 38px;

	}



	.gamnio-comments__title {

		font-size: 21px;

	}



	.gamnio-comments__list .comment-body {

		padding: 18px;

	}



	.gamnio-comments__list .children {

		margin-left: 18px;

	}



	.gamnio-comments__list .comment-metadata {

		margin-left: 55px;

	}

}





/* =========================================================

   Sidebar social profiles

========================================================= */



.gamnio-sidebar-social {

	margin-top: 6px;

}



.gamnio-sidebar-social__links {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	gap: 10px;

}



.gamnio-sidebar-social__link {

	display: inline-flex;

	flex: 0 0 auto;

	align-items: center;

	justify-content: center;

	width: 44px;

	height: 44px;

	margin: 0;

	padding: 0;

	color: #ffffff;

	background: #ff385c;

	border: 1px solid #ff385c;

	border-radius: 50%;

	box-shadow: none;

	text-decoration: none;

	box-sizing: border-box;

	transition:

		background-color 0.2s ease,

		border-color 0.2s ease,

		transform 0.2s ease;

}



.gamnio-sidebar-social__link svg {

	display: block;

	width: 17px;

	height: 17px;

	margin: 0;

	flex: 0 0 auto;

}



a.gamnio-sidebar-social__link:hover,

a.gamnio-sidebar-social__link:focus-visible {

	color: #ffffff;

	background: #e82e51;

	border-color: #e82e51;

	transform: translateY(-2px);

	outline: 0;

}



/* Social profiles without a URL. */

.gamnio-sidebar-social__link--disabled {

	color: #9ca3af;

	background: #f3f4f6;

	border-color: #e2e8f0;

	cursor: not-allowed;

	opacity: 0.75;

	transform: none;

}



.gamnio-sidebar-social__link--disabled svg {

	width: 16px;

	height: 16px;

}



/* =========================================================

   Fix sidebar search input and icon button

========================================================= */



.gamnio-sidebar-search__form {

	width: 100%;

	margin: 0;

}



.gamnio-sidebar-search__field {

	display: grid !important;

	grid-template-columns: minmax(0, 1fr) 50px;

	align-items: stretch;

	width: 100%;

	margin: 0;

}



.gamnio-sidebar-search__input {

	display: block !important;

	width: 100% !important;

	min-width: 0;

	height: 50px !important;

	margin: 0 !important;

	padding: 0 14px !important;

	color: #111827;

	background: #ffffff !important;

	border: 1px solid #cfd4dc !important;

	border-right: 0 !important;

	border-radius: 6px 0 0 6px !important;

	box-shadow: none !important;

	font-family: inherit;

	font-size: 14px;

	box-sizing: border-box;

	outline: 0;

}



.gamnio-sidebar-search__input:focus {

	border-color: #ff385c !important;

	box-shadow: none !important;

}



.gamnio-sidebar-search__submit {

	display: inline-flex !important;

	align-items: center;

	justify-content: center;

	width: 50px !important;

	min-width: 50px !important;

	height: 50px !important;

	min-height: 50px !important;

	margin: 0 !important;

	padding: 0 !important;

	color: #ffffff !important;

	background: #ff385c !important;

	border: 1px solid #ff385c !important;

	border-radius: 0 6px 6px 0 !important;

	box-shadow: none !important;

	box-sizing: border-box;

	cursor: pointer;

}



.gamnio-sidebar-search__submit:hover,

.gamnio-sidebar-search__submit:focus-visible {

	color: #ffffff !important;

	background: #e82e51 !important;

	border-color: #e82e51 !important;

	outline: 0;

}



.gamnio-sidebar-search__submit svg {

	display: block;

	width: 20px;

	height: 20px;

	margin: 0;

}





/* =========================================================

   Consistent spacing between sidebar sections

========================================================= */



.gamnio-single-sidebar__inner {

	gap: 0 !important;

}



.gamnio-single-sidebar__inner > * + * {

	margin-top: 44px !important;

}





/* =========================================================

   Custom sidebar section order

========================================================= */



.gamnio-single-sidebar__inner {

	display: flex !important;

	flex-direction: column !important;

}



.gamnio-single-sidebar__inner > .gamnio-sidebar-search {

	order: 1 !important;

}



.gamnio-single-sidebar__inner > .gamnio-sidebar-recent {

	order: 2 !important;

}



.gamnio-single-sidebar__inner > .gamnio-sidebar-popular {

	order: 3 !important;

}



.gamnio-single-sidebar__inner > .gamnio-sidebar-categories {

	order: 4 !important;

}



.gamnio-single-sidebar__inner > .gamnio-sidebar-latest {

	order: 5 !important;

}



.gamnio-single-sidebar__inner > .gamnio-sidebar-newsletter {

	order: 6 !important;

}



.gamnio-single-sidebar__inner > .gamnio-sidebar-social {

	order: 7 !important;

}



/* =========================================================

   Sidebar recent posts

========================================================= */



.gamnio-sidebar-recent__list {

	display: flex;

	flex-direction: column;

	margin: 0;

	padding: 0;

}



.gamnio-sidebar-recent-card {

	margin: 0;

	padding: 0 0 16px;

	background: transparent;

	border: 0;

	border-bottom: 1px solid #e2e8f0;

	box-shadow: none;

}



.gamnio-sidebar-recent-card + .gamnio-sidebar-recent-card {

	padding-top: 16px;

}



.gamnio-sidebar-recent-card:last-child {

	padding-bottom: 0;

	border-bottom: 0;

}



.gamnio-sidebar-recent-card__title {

	margin: 0 0 8px;

	color: #111827;

	font-family: inherit;

	font-size: 14px;

	font-weight: 700;

	line-height: 1.45;

	letter-spacing: -0.01em;

}



.gamnio-sidebar-recent-card__title a {

	color: inherit;

	text-decoration: none;

}



.gamnio-sidebar-recent-card__title a:hover,

.gamnio-sidebar-recent-card__title a:focus-visible {

	color: #ff385c;

	outline: 0;

}



.gamnio-sidebar-recent-card__meta {

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 6px;

	margin: 0;

	color: #8b93a1;

	font-size: 11px;

	font-weight: 500;

	line-height: 1.5;

}



.gamnio-sidebar-recent-card__author {

	color: #ff385c;

	font-weight: 700;

	text-decoration: none;

}



.gamnio-sidebar-recent-card__author:hover,

.gamnio-sidebar-recent-card__author:focus-visible {

	color: #e82e51;

	text-decoration: none;

	outline: 0;

}



.gamnio-sidebar-recent-card__meta time {

	color: #8b93a1;

}



/* =========================================================

   Reduce gap between article content and author box

========================================================= */



.gamnio-single-article__content > *:last-child {

	margin-bottom: 0 !important;

}



.gamnio-single-article__content + .gamnio-author-box {

	margin-top: 10px !important;

}


.gamnio-mid-content-ad {
	margin: 35px 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}