:root{scroll-behavior:smooth}
.site-header, .site-footer{padding:1rem 0}
.wp-block-navigation a{text-decoration:none}
img{height:auto;max-width:100%}
figure figcaption{opacity:.8;font-size:.875rem}

/* Header styles */
:root{
  --brand-primary: #F39A3E;
  --brand-primary-dark: #E67E22;
  --brand-primary-soft: #FCE6D2;
  --brand-section-bg: #FFF3E8;
  --brand-surface: #FFFFFF;
  --brand-page-bg: #F5F5F5;
  --brand-border: #E5E5E5;
  --brand-muted: #8A8A8A;
  --brand-heading-muted: #555555;
  --brand-black: #111111;
  --yt-header-bg: var(--brand-primary);
  --yt-header-text: #ffffff;
  --yt-accent: var(--brand-primary-dark); /* menu hover/active */
  --yt-cta-bg: var(--brand-black);
  --yt-cta-text: #ffffff;
  --yt-border: var(--brand-border);
  --yt-radius: 12px; /* unified radius */
  /* Global accent for home sections (tabs). Can be overridden if needed. */
  --site-hs-accent: var(--brand-primary);
  /* Shared content container width (aligned with header) */
  --content-w: calc(75% + 176px);
  --content-max: calc(1280px + 176px);
  --font-sans: "Dana", "Tahoma", "Segoe UI", Arial, sans-serif;
}

html,
body,
button,
input,
textarea,
select {
	font-family: var(--font-sans);
}

/* Witro Mag landing desktop rebuild */
body.home {
	background: #ffffff;
}

body.home .yt-header[data-variant="desktop"],
body.home .yt-searchbar,
.vm-mag-container {
	width: min(83.333vw, 1200px);
	max-width: calc(100% - 32px);
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 992px) {
	body.home {
		--yt-header-bg: #0f0c05;
		--yt-header-text: #ffffff;
		--yt-cta-bg: #ffffff;
		--yt-cta-text: #0f0c05;
		--yt-accent: #f39a3e;
	}

	body.home .yt-header[data-variant="desktop"] {
		height: 84px;
		margin-top: 28px;
		padding: 0 40px;
		border: 0;
		border-radius: 15px;
		background: #0f0c05;
		box-shadow: 0 10px 24px rgba(15, 12, 5, .16);
	}

	body.home .yt-header-shell.is-stuck .yt-header[data-variant="desktop"] {
		margin-top: 8px;
	}

	body.home .yt-header__left {
		flex: 1 1 auto;
		gap: 34px;
		justify-content: flex-start;
	}

	body.home .yt-header__right {
		flex: 0 0 auto;
		gap: 14px;
	}

	body.home .yt-header .custom-logo-link {
		min-width: 88px;
		color: #ffffff;
		font-size: 21px;
		font-weight: 900;
		white-space: nowrap;
	}

	body.home .yt-header .wp-block-navigation__container {
		gap: 22px;
	}

	body.home .yt-header .wp-block-navigation__container > li > a {
		padding: 0;
		color: rgba(255, 255, 255, .78);
		background: transparent;
		border-radius: 0;
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
	}

	body.home .yt-header .wp-block-navigation__container > li > a:hover,
	body.home .yt-header .wp-block-navigation__container > li > a:focus,
	body.home .yt-header .wp-block-navigation__container > li.current-menu-item > a {
		color: #ffffff;
		background: transparent;
	}

	body.home .yt-cta[data-variant="desktop"] {
		height: 40px;
		min-width: 104px;
		padding: 0 18px;
		border-radius: 8px;
		background: #ffffff;
		color: #0f0c05;
		font-size: 13px;
		font-weight: 700;
	}

	body.home .yt-cta[data-variant="desktop"]:hover,
	body.home .yt-cta[data-variant="desktop"]:focus {
		background: #f39a3e;
		color: #ffffff;
		border-color: #f39a3e;
	}

	body.home .yt-search__toggle {
		width: 40px;
		height: 40px;
		border: 1px solid rgba(255, 255, 255, .16);
		border-radius: 8px;
		color: #ffffff;
		background: transparent;
	}

	body.home .yt-search__toggle:hover,
	body.home .yt-search__toggle:focus {
		background: rgba(255, 255, 255, .08);
	}
}

.vm-mag-home {
	color: #111111;
	background: #ffffff;
}

.vm-mag-home a {
	text-decoration: none;
}

.vm-mag-hero {
	padding: 24px 0 58px;
}

.vm-mag-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 20px;
	align-items: stretch;
}

.vm-mag-card {
	min-width: 0;
	overflow: hidden;
	border: 1px solid #e9e9e9;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: none;
}

.vm-mag-card__media {
	position: relative;
	display: block;
	overflow: hidden;
	background: linear-gradient(135deg, #fce6d2, #f5f5f5);
}

.vm-mag-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .28s ease;
}

.vm-mag-card:hover .vm-mag-card__media img,
.vm-mag-card:focus-within .vm-mag-card__media img {
	transform: scale(1.035);
}

.vm-mag-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	min-height: inherit;
	background:
		radial-gradient(circle at 28% 32%, rgba(255, 255, 255, .65) 0 18%, transparent 19%),
		linear-gradient(135deg, #fce6d2 0%, #f39a3e 100%);
}

.vm-mag-card__badge {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 5px 9px;
	border-radius: 7px;
	background: #f39a3e;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
}

.vm-mag-card__body {
	display: flex;
	flex-direction: column;
	gap: 9px;
	padding: 14px 15px 13px;
	text-align: right;
}

.vm-mag-card__title {
	margin: 0;
	color: #111111;
	font-weight: 800;
	line-height: 1.8;
}

.vm-mag-card__title a {
	color: inherit;
}

.vm-mag-card__title a:hover,
.vm-mag-card__title a:focus {
	color: #e67e22;
}

.vm-mag-card__excerpt {
	margin: 0;
	color: #555555;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.9;
}

.vm-mag-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	color: #8a8a8a;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.7;
}

.vm-mag-meta__author,
.vm-mag-meta__date {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-width: 0;
}

.vm-mag-meta__author::before,
.vm-mag-meta__date::before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	background: currentColor;
	opacity: .5;
	-webkit-mask: var(--vm-meta-icon) center / contain no-repeat;
	mask: var(--vm-meta-icon) center / contain no-repeat;
}

.vm-mag-meta__author::before {
	--vm-meta-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5Z'/%3E%3C/svg%3E");
}

.vm-mag-meta__date::before {
	--vm-meta-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v3h6V2h2v3h3v17H4V5h3V2Zm11 8H6v10h12V10Z'/%3E%3C/svg%3E");
}

.vm-mag-card--featured {
	display: flex;
	min-height: 456px;
	flex-direction: column;
	border-color: #e5e5e5;
}

.vm-mag-card--featured .vm-mag-card__media {
	height: 312px;
	border-radius: 8px 8px 0 0;
}

.vm-mag-card--featured .vm-mag-card__body {
	min-height: 144px;
	padding: 18px 22px 16px;
}

.vm-mag-card--featured .vm-mag-card__title {
	font-size: 18px;
	line-height: 1.85;
}

.vm-mag-card--featured .vm-mag-card__excerpt {
	font-size: 13px;
	line-height: 1.9;
}

.vm-mag-hero-list {
	display: flex;
	min-height: 456px;
	flex-direction: column;
	justify-content: space-between;
}

.vm-mag-card--list {
	display: grid;
	grid-template-columns: 108px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	padding-bottom: 17px;
	border-width: 0 0 1px;
	border-radius: 0;
	background: transparent;
}

.vm-mag-card--list:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.vm-mag-card--list .vm-mag-card__media {
	width: 108px;
	height: 82px;
	border-radius: 8px;
	grid-column: 1;
}

.vm-mag-card--list .vm-mag-card__body {
	min-height: 82px;
	padding: 0;
	grid-column: 2;
}

.vm-mag-card--list .vm-mag-card__title {
	font-size: 14px;
	line-height: 1.9;
}

.vm-mag-strip {
	padding: 54px 0 60px;
}

.vm-mag-strip--soft,
.vm-mag-categories {
	background: #f5f5f5;
}

.vm-mag-strip--white {
	background: #ffffff;
}

.vm-mag-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 24px;
}

.vm-mag-section-head h2 {
	margin: 0;
	color: #111111;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.7;
}

.vm-mag-section-head a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #e67e22;
	font-size: 12px;
	font-weight: 600;
}

.vm-mag-section-head a::before {
	content: "";
	width: 7px;
	height: 7px;
	border-top: 1.5px solid currentColor;
	border-left: 1.5px solid currentColor;
	transform: rotate(-45deg);
}

.vm-mag-section-head--solo {
	justify-content: flex-start;
}

.vm-mag-card-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.vm-mag-card--grid .vm-mag-card__media,
.vm-mag-card--archive .vm-mag-card__media {
	height: 172px;
	border-radius: 8px 8px 0 0;
}

.vm-mag-card--grid .vm-mag-card__title,
.vm-mag-card--archive .vm-mag-card__title {
	font-size: 14px;
	line-height: 1.85;
}

.vm-mag-card--grid .vm-mag-card__body,
.vm-mag-card--archive .vm-mag-card__body {
	min-height: 174px;
}

.vm-mag-card--grid .vm-mag-card__excerpt,
.vm-mag-card--archive .vm-mag-card__excerpt {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.vm-mag-categories {
	padding: 54px 0 58px;
}

.vm-mag-category-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 20px;
}

.vm-mag-category {
	display: flex;
	min-height: 128px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	background: #ffffff;
	color: #111111;
	font-size: 13px;
	font-weight: 700;
	box-shadow: 0 8px 22px rgba(15, 12, 5, .03);
	transition: transform .22s ease, border-color .22s ease;
}

.vm-mag-category:hover,
.vm-mag-category:focus {
	border-color: #f39a3e;
	transform: translateY(-2px);
}

.vm-mag-category__icon {
	position: relative;
	display: block;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: #fff3e8;
}

.vm-mag-category__image {
	display: block;
	width: 68px;
	height: 68px;
	object-fit: contain;
}

.vm-mag-category__icon::before {
	content: "";
	position: absolute;
	inset: 12px;
	background: #f39a3e;
	-webkit-mask: var(--vm-cat-icon) center / contain no-repeat;
	mask: var(--vm-cat-icon) center / contain no-repeat;
}

.vm-mag-category__icon--learn {
	--vm-cat-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M12 16h34a6 6 0 0 1 6 6v30H18a6 6 0 0 1-6-6V16Zm8 8v20h24V24H20Zm4 6h16v4H24v-4Zm0 8h12v4H24v-4Z'/%3E%3C/svg%3E");
}

.vm-mag-category__icon--site {
	--vm-cat-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M10 14h44v34H10V14Zm6 8v20h32V22H16Zm8 30h16v4H24v-4Z'/%3E%3C/svg%3E");
}

.vm-mag-category__icon--sales {
	--vm-cat-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 8a8 8 0 0 1 8 8h8v10h-8v4h10v26H14V30h10v-4h-8V16h8a8 8 0 0 1 8-8Zm-4 22h8V16a4 4 0 0 0-8 0v14Zm-8 8v10h24V38H20Z'/%3E%3C/svg%3E");
}

.vm-mag-category__icon--marketing {
	--vm-cat-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M10 26h10l26-12v36L20 38H10V26Zm40 3h8v6h-8v-6ZM20 42l8 10h-8l-6-10h6Z'/%3E%3C/svg%3E");
}

.vm-mag-category__icon--news {
	--vm-cat-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M14 12h36v40H14V12Zm6 8v10h24V20H20Zm0 16h10v4H20v-4Zm14 0h10v4H34v-4Zm-14 8h24v4H20v-4Z'/%3E%3C/svg%3E");
}

.vm-mag-ad-row {
	padding: 0 0 32px;
	background: #ffffff;
}

.vm-mag-ad {
	position: relative;
	overflow: hidden;
}

.vm-mag-ad > img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vm-mag-wide-ad {
	position: relative;
	display: flex;
	min-height: 118px;
	align-items: center;
	justify-content: flex-start;
	overflow: hidden;
	padding: 18px 42px;
	border-radius: 10px;
	background:
		var(--vm-ad-image, linear-gradient(135deg, transparent, transparent)),
		radial-gradient(circle at 10% 80%, rgba(255, 255, 255, .8) 0 8%, transparent 9%),
		linear-gradient(135deg, #ffb35d 0%, #f39a3e 46%, #f08c2b 100%);
	background-size: cover;
	background-position: center;
	color: #ffffff;
	box-shadow: 0 14px 26px rgba(230, 126, 34, .16);
}

.vm-mag-wide-ad__visual {
	position: absolute;
	inset: 0 auto 0 0;
	width: 42%;
	background:
		linear-gradient(135deg, transparent 48%, rgba(255, 255, 255, .28) 49% 52%, transparent 53%),
		radial-gradient(circle at 42% 52%, rgba(255, 255, 255, .92) 0 44px, transparent 46px);
	opacity: .82;
}

.vm-mag-wide-ad__copy {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	text-align: right;
}

.vm-mag-wide-ad strong {
	font-size: 28px;
	font-weight: 900;
	line-height: 1.3;
}

.vm-mag-wide-ad em {
	font-style: normal;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.4;
}

.vm-mag-latest {
	padding: 0 0 72px;
	background: #ffffff;
}

.vm-mag-latest__layout {
	display: grid;
	grid-template-columns: 296px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
	direction: ltr;
}

.vm-mag-sidebar,
.vm-mag-archive {
	direction: rtl;
}

.vm-mag-sidebar {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.vm-mag-sidebar-ad {
	display: flex;
	min-height: 272px;
	flex-direction: column;
	justify-content: flex-end;
	gap: 12px;
	overflow: hidden;
	padding: 20px;
	border-radius: 8px;
	background:
		linear-gradient(180deg, rgba(255, 243, 232, .18) 0%, rgba(255, 255, 255, .94) 62%),
		linear-gradient(135deg, #fff3e8 0%, #f39a3e 100%);
	color: #111111;
}

.vm-mag-inline-ad {
	display: block;
	min-height: 350px;
	border: 1px solid #eeeeee;
	border-radius: 8px;
	background:
		radial-gradient(circle at 22% 20%, rgba(255, 255, 255, .78) 0 28px, transparent 30px),
		linear-gradient(135deg, #fff3e8 0%, #f39a3e 100%);
	box-shadow: 0 8px 22px rgba(15, 12, 5, .03);
}

.vm-mag-sidebar-ad strong {
	font-size: 20px;
	font-weight: 900;
	line-height: 1.6;
}

.vm-mag-sidebar-ad span {
	color: #555555;
	font-size: 13px;
	line-height: 1.9;
}

.vm-mag-newsletter {
	padding: 0;
	background: transparent;
}

.vm-mag-newsletter h2 {
	margin: 0 0 14px;
	color: #111111;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.9;
}

.vm-mag-newsletter label {
	display: block;
	margin-bottom: 8px;
}

.vm-mag-newsletter input {
	width: 100%;
	height: 42px;
	padding: 0 12px;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	background: #ffffff;
	color: #111111;
	font: inherit;
	font-size: 13px;
	text-align: right;
}

.vm-mag-newsletter input:focus {
	border-color: #f39a3e;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(243, 154, 62, .18);
}

.vm-mag-newsletter button {
	width: 100%;
	height: 42px;
	border: 0;
	border-radius: 6px;
	background: #111111;
	color: #ffffff;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.vm-mag-archive__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px 22px;
}

.vm-mag-more {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 116px;
	height: 38px;
	margin: 38px auto 0;
	padding: 0 18px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #ffffff;
	color: #555555;
	font-family: var(--font-sans);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

.vm-mag-more:hover,
.vm-mag-more:focus {
	border-color: #f39a3e;
	color: #e67e22;
}

.vm-mag-more:disabled {
	cursor: wait;
	opacity: .72;
}

.vm-mag-more.is-loading::after {
	content: "";
	width: 14px;
	height: 14px;
	margin-inline-start: 8px;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	animation: vm-mag-spin .7s linear infinite;
}

@keyframes vm-mag-spin {
	to {
		transform: rotate(360deg);
	}
}

.vm-mag-archive .vm-mag-more {
	display: flex;
	width: fit-content;
}

@media (max-width: 1199px) {
	body.home .yt-header[data-variant="desktop"],
	body.home .yt-searchbar,
	.vm-mag-container {
		width: min(calc(100% - 48px), 1060px);
		max-width: none;
	}

	.vm-mag-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vm-mag-latest__layout {
		grid-template-columns: 260px minmax(0, 1fr);
	}

	.vm-mag-archive__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	body.home .yt-searchbar,
	.vm-mag-container {
		width: min(calc(100% - 32px), 680px);
		max-width: none;
	}

	.vm-mag-hero {
		padding: 20px 0 40px;
	}

	.vm-mag-hero__grid,
	.vm-mag-latest__layout {
		display: flex;
		flex-direction: column;
		gap: 18px;
	}

	.vm-mag-card--featured {
		min-height: 0;
	}

	.vm-mag-card--featured .vm-mag-card__media {
		height: 240px;
	}

	.vm-mag-hero-list {
		min-height: 0;
		gap: 14px;
	}

	.vm-mag-card--list {
		grid-template-columns: 96px minmax(0, 1fr);
	}

	.vm-mag-card--list .vm-mag-card__media {
		width: 96px;
		height: 78px;
	}

	.vm-mag-strip,
	.vm-mag-categories {
		padding: 38px 0 42px;
	}

	.vm-mag-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.vm-mag-sidebar {
		order: 2;
	}

	.vm-mag-archive {
		order: 1;
	}
}

@media (max-width: 640px) {
	.vm-mag-card-grid,
	.vm-mag-archive__grid {
		grid-template-columns: 1fr;
	}

	.vm-mag-section-head {
		margin-bottom: 16px;
	}

	.vm-mag-card--grid .vm-mag-card__media,
	.vm-mag-card--archive .vm-mag-card__media {
		height: 210px;
	}

	.vm-mag-wide-ad {
		min-height: 96px;
		padding: 16px 20px;
	}

	.vm-mag-wide-ad strong {
		font-size: 20px;
	}

	.vm-mag-wide-ad em {
		font-size: 16px;
	}
}

/* Global responsive hardening */
html, body{ max-width:100%; overflow-x:hidden; }

.yt-header-shell{ position:sticky; top:0; z-index:1000; transition:transform .25s ease; }
.yt-header-shell.is-hidden{ transform:translateY(-100%); }

/* Logo sizing overrides */
img.custom-logo{ max-width: none; height: auto; }
@media (min-width: 992px){
  .yt-header[data-variant="desktop"] img.custom-logo{ height:24px; width:auto; }
}
@media (max-width: 991px){
  .yt-header--mobile img.custom-logo{ width:auto; height:28px; max-width:120px; display:block; margin-inline:auto; }
}

/* Desktop/Tablet header box */
.yt-header[data-variant="desktop"]{
  width:75%; max-width:1280px; margin:60px auto 0;
  height:auto;
  border-radius:var(--yt-radius);
  padding:20px 88px;
  background:var(--yt-header-bg);
  color:var(--yt-header-text);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 14px 34px rgba(17,17,17,.12);
  display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap;
  gap:24px;
}
.yt-header-shell.is-stuck .yt-header[data-variant="desktop"]{ margin-top:0; }

.yt-header__left{ display:flex; align-items:center; gap:24px; flex-wrap:nowrap; }
.yt-header__right{ display:flex; align-items:center; gap:16px; flex-wrap:nowrap; }

/* Ensure desktop nav, logo, CTA sit on one line and vertically centered */
.yt-header__left{ min-width:0; }
.yt-header__left .wp-block-site-logo{ margin:0; line-height:0; }
.yt-header__left .wp-block-site-logo img{ display:block; }
.yt-header .custom-logo-link{ color:var(--yt-header-text); text-decoration:none; line-height:1; font-weight:700; }
.yt-header__left .wp-block-navigation{ display:flex; align-items:center; gap:8px; min-width:0; }
.yt-header .wp-block-navigation__container{ display:flex; align-items:center; flex-wrap:nowrap; gap:8px; margin:0; padding:0; }
.yt-header .wp-block-page-list{ display:flex; align-items:center; flex-wrap:nowrap; gap:8px; margin:0; padding:0; list-style:none; }
.yt-header .wp-block-navigation li{ list-style:none; }
.yt-header .wp-block-navigation__container > li{ position:relative; }
.yt-header .wp-block-navigation__container .sub-menu{
  position:absolute; top:calc(100% + 10px); right:0; z-index:1200;
  display:flex; min-width:190px; flex-direction:column; gap:4px;
  margin:0; padding:8px; list-style:none;
  border:1px solid rgba(255,255,255,.1); border-radius:12px;
  background:#0f0c05; box-shadow:0 18px 40px rgba(0,0,0,.22);
  opacity:0; visibility:hidden; transform:translateY(-6px);
  pointer-events:none; transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.yt-header .wp-block-navigation__container li:hover > .sub-menu,
.yt-header .wp-block-navigation__container li:focus-within > .sub-menu{
  opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto;
}
.yt-header .wp-block-navigation__container .sub-menu a{
  display:flex; width:100%; align-items:center; justify-content:flex-start;
  padding:10px 12px; border-radius:10px; color:var(--yt-header-text); white-space:nowrap;
}
/* Reset WordPress block-gap and stray margins that can offset nav downward */
.yt-header__left.is-layout-constrained,
.yt-header__left.wp-block-group-is-layout-constrained{ --wp--style--block-gap: 0; }
.yt-header__left > *{ margin:0 !important; }
.yt-header__left .wp-block-navigation{ margin:0 !important; }
.yt-header__left .wp-block-navigation__container{ margin:0 !important; }
.yt-header__left .wp-block-page-list{ margin:0 !important; }
.yt-header__right > *{ margin:0 !important; }

/* Navigation links */
.yt-header .wp-block-navigation a,
.yt-drawer .wp-block-navigation a{
  color:var(--yt-header-text);
}
.yt-header .wp-block-navigation__container > li > a,
.yt-drawer .wp-block-navigation__container > li > a{
  padding:8px 12px; border-radius:var(--yt-radius); transition:background-color .2s ease, color .2s ease; display:inline-flex; align-items:center; line-height:1;
}
.yt-header .wp-block-navigation__container{ display:flex; align-items:center; flex-wrap:nowrap; gap:8px; }
.yt-header .wp-block-navigation__container > li > a:hover,
.yt-header .wp-block-navigation__container > li > a:focus,
.yt-header .wp-block-navigation__container > li.current-menu-item > a,
.yt-drawer .wp-block-navigation__container > li > a:hover,
.yt-drawer .wp-block-navigation__container > li > a:focus,
.yt-drawer .wp-block-navigation__container > li.current-menu-item > a{
  background:var(--yt-accent);
  color:#ffffff;
}

.wp-block-navigation a:focus-visible,
.yt-cta:focus-visible,
.yt-burger:focus-visible,
.yt-search__toggle:focus-visible,
.yt-drawer__close:focus-visible { outline: 2px solid var(--yt-accent); outline-offset: 2px; }

/* CTA button */
.yt-cta{
  display:inline-flex; align-items:center; justify-content:center;
  gap:12px; height:40px; min-width:94px; padding:8px 12px; font-size:.95rem;
  background:var(--yt-cta-bg); color:var(--yt-cta-text);
  border-radius:var(--yt-radius); font-weight:600; line-height:1; text-decoration:none;
  font-family:var(--font-sans);
  transition:color .2s ease, background-color .2s ease, border-color .2s ease;
  border:1px solid transparent;
}
.yt-cta:hover,.yt-cta:focus{
  background:var(--brand-primary-dark); color:#ffffff; border-color:var(--brand-primary-dark);
}
.yt-cta--sm{ height:40px; min-width:auto; padding:10px 14px; font-size:.95rem; }
.yt-cta--block{ display:block; width:100%; text-align:center; }
.yt-cta--drawer{ display:inline-flex; width:50%; height:36px; min-width:0; padding:6px 10px; font-size:.9rem; }
@media (min-width: 992px){
  .yt-cta[data-variant="desktop"]{ height:24px; min-width:72px; padding:4px 8px; font-size:.85rem; border-radius:var(--yt-radius); }
}

/* Sticky scroll-to-top button */
.yt-scroll-top{
  --yt-scroll-progress: 0%;
  position:fixed;
  inset-inline-end:24px;
  inset-inline-start:auto;
  inset-block-end:32px;
  width:56px;
  height:56px;
  border-radius:var(--yt-radius);
  border:0;
  background:conic-gradient(var(--yt-accent) var(--yt-scroll-progress), rgba(255,255,255,0.25) var(--yt-scroll-progress));
  color:var(--yt-cta-text);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(0,0,0,0.18);
  transition:opacity .25s ease, transform .25s ease, box-shadow .25s ease;
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
  z-index:900;
}
.yt-scroll-top::after{
  content:'';
  width:18px;
  height:18px;
  border-top:5px solid var(--yt-cta-text);
  border-left:5px solid var(--yt-cta-text);
  border-radius:4px;
  transform:rotate(45deg);
}
.yt-scroll-top.is-visible{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}
.yt-scroll-top:focus-visible{
  outline:2px solid var(--yt-accent);
  outline-offset:3px;
}

/* Search toggle */
.yt-search{ position:relative; display:flex; align-items:center; gap:8px; }
.yt-search__toggle{
  width:36px; height:36px; display:inline-grid; place-items:center;
  border-radius:var(--yt-radius); border:1px solid transparent; color:var(--yt-header-text);
  background:transparent; cursor:pointer;
}
.yt-search__toggle:hover{ background:var(--brand-primary-dark); }

/* Desktop bottom search bar */
.yt-searchbar{ width:75%; max-width:1280px; margin:8px auto 0; overflow:hidden; max-height:0; opacity:0; transform:translateY(-8px); transition:max-height .25s ease, opacity .2s ease, transform .25s ease; }
.yt-searchbar__inner{ background:#fff; border:1px solid var(--yt-border); border-radius:var(--yt-radius); padding:8px 10px; box-shadow:0 14px 34px rgba(17,17,17,.08); }
.yt-header-shell.is-search-open .yt-searchbar{ max-height:72px; opacity:1; transform:translateY(0); }
.yt-header-shell.is-search-open .yt-search__toggle{ display:none; }
.yt-searchbar .wp-block-search{ margin:0; }
.yt-searchbar .wp-block-search__inside-wrapper{ display:flex; gap:8px; }
.yt-searchbar .wp-block-search__input{ height:40px; border-radius:var(--yt-radius); border:1px solid var(--yt-border); background:#fff; color:#111; padding:0 12px; flex:1; }
.yt-searchbar .wp-block-search__button{ height:40px; border-radius:var(--yt-radius); background:var(--yt-cta-bg); color:var(--yt-cta-text); border:1px solid transparent; cursor:pointer; transition:background-color .2s ease, border-color .2s ease; }
.yt-searchbar .wp-block-search__button:hover,
.yt-searchbar .wp-block-search__button:focus{ background:var(--brand-primary-dark); border-color:var(--brand-primary-dark); }
@media (max-width: 991px){
  .yt-searchbar{
    display:block;
    width:calc(100% - 32px);
    max-width:none;
    margin:8px auto 0;
    max-height:0;
    opacity:0;
    transform:translateY(-10px) scale(.98);
    transform-origin:top center;
    pointer-events:none;
  }
  .yt-searchbar__inner{
    padding:10px;
    border-color:var(--brand-border);
    border-radius:16px;
  }
  .yt-header-shell.is-search-open .yt-searchbar{
    max-height:88px;
    opacity:1;
    transform:translateY(0) scale(1);
    pointer-events:auto;
  }
  .yt-header-shell.is-search-open .yt-search__toggle{
    display:inline-grid;
    background:var(--brand-primary-dark);
  }
  .yt-searchbar .wp-block-search__inside-wrapper{
    gap:10px;
  }
  .yt-searchbar .wp-block-search__input{
    min-width:0;
    height:44px;
    border-radius:12px;
    font-size:14px;
  }
  .yt-searchbar .wp-block-search__button{
    height:44px;
    min-width:72px;
    border-radius:12px;
    font-size:14px;
  }
}

/* Burger */
.yt-burger{ display:none; width:44px; height:44px; padding:8px; background:transparent; border:1px solid transparent; border-radius:var(--yt-radius); cursor:pointer; }
.yt-burger span{ display:block; height:2px; background:var(--yt-header-text); margin:5px 0; border-radius:2px; }
.yt-burger:hover{ background:var(--brand-primary-dark); }
.yt-header--mobile .yt-burger{ width:44px; height:44px; padding:6px; }

/* Mobile top bar */
.yt-header--mobile{
  display:none; width:100%; height:64px; padding:0 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:var(--brand-black); color:var(--yt-header-text);
  direction: rtl; /* ensure right-to-left main start */
  /* become flex only on mobile breakpoint */
  flex-direction: row; align-items:center; justify-content: space-between;
}
.yt-header--mobile .wp-block-site-logo{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  line-height:0;
}
.yt-header--mobile .yt-search{
  margin-inline-start:auto;
}

/* Drawer */
.yt-drawer{
  position:fixed; inset:0 0 0 auto; width:min(86vw, 360px); height:100vh; background:var(--yt-header-bg); color:var(--yt-header-text);
  transform:translate3d(100%,0,0); transition:transform .3s ease; z-index:1000; display:flex; flex-direction:column; gap:16px; padding:16px;
  pointer-events:none;
}
.yt-drawer.is-open{ transform:translate3d(0,0,0); pointer-events:auto; }
.yt-drawer__head{ display:flex; align-items:center; justify-content:space-between; }
.yt-drawer__title{ font-size:1rem; }
.yt-drawer__close{ background:transparent; color:var(--yt-header-text); font-size:28px; line-height:1; border:none; width:40px; height:40px; border-radius:var(--yt-radius); cursor:pointer; transition:background-color .2s ease; }
.yt-drawer__close:hover{ background:var(--brand-primary-dark); }
.yt-drawer__nav .wp-block-navigation__container{ display:flex; flex-direction:column; gap:8px; }
.yt-drawer__nav .sub-menu{
  display:flex; flex-direction:column; gap:4px; margin:4px 16px 0 0; padding:0; list-style:none;
}
.yt-drawer__nav .sub-menu a{
  padding:9px 12px; color:var(--yt-header-text); opacity:.84;
}
.yt-drawer__search .wp-block-search{ margin:0; }
.yt-drawer__search .wp-block-search__inside-wrapper{ display:flex; gap:8px; }
.yt-drawer__search .wp-block-search__input{ flex:1; height:44px; border-radius:var(--yt-radius); border:1px solid var(--yt-border); background:#fff; color:#111; padding:0 12px; }
.yt-drawer__search .wp-block-search__button{ height:44px; padding:0 14px; border-radius:var(--yt-radius); border:1px solid transparent; background:var(--yt-cta-bg); color:var(--yt-cta-text); cursor:pointer; transition:background-color .2s ease, border-color .2s ease; }
.yt-drawer__search .wp-block-search__button:hover,
.yt-drawer__search .wp-block-search__button:focus{ background:var(--brand-primary-dark); border-color:var(--brand-primary-dark); }
.yt-drawer__actions{ padding-top:4px; }
.yt-drawer__footer{ display:none; }

/* Overlay for drawer */
.yt-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:900; }

/* Responsive rules */
@media (max-width: 991px){
  .yt-header[data-variant="desktop"]{ display:none; }
  .yt-header--mobile{ display:flex; }
  .yt-burger{ display:inline-block; }
  .yt-drawer{
    inset:76px 16px auto 16px;
    width:auto;
    height:auto;
    max-height:min(72vh, 520px);
    overflow:auto;
    border:1px solid rgba(255,255,255,.1);
    border-radius:20px;
    background:var(--brand-black);
    box-shadow:0 24px 60px rgba(0,0,0,.28);
    transform:translateY(-12px) scale(.96);
    opacity:0;
    transition:opacity .22s ease, transform .22s ease;
    z-index:1001;
  }
  .yt-drawer.is-open{
    transform:translateY(0) scale(1);
    opacity:1;
  }
  .yt-drawer__head{
    padding-bottom:10px;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .yt-drawer__nav .wp-block-navigation__container{
    gap:6px;
    padding-top:4px;
  }
  .yt-drawer .wp-block-navigation__container > li > a{
    width:100%;
    justify-content:flex-start;
    padding:12px 14px;
  }
  .yt-drawer__actions{
    padding-top:10px;
  }
  .yt-cta--drawer{
    width:100%;
    height:44px;
  }
  .yt-overlay{
    background:rgba(17,17,17,.46);
    backdrop-filter:blur(2px);
  }
}

@media (min-width: 992px){
  .yt-drawer{ display:none; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .yt-search__form{ transition:none; }
  .yt-drawer{ transition:none; }
}

/* Home hero grid (front-page) */
.home-hero-grid{ direction: rtl; }
.home-hero-grid .hero-grid{
  display:grid; grid-template-columns: 1fr 1fr; gap:4px;
  align-items:stretch;
  width:var(--content-w); max-width:var(--content-max); margin:0 auto;
}
.home-hero-grid .tile{
  position:relative; display:block; width:100%; height:100%;
  background-size:cover; background-position:center; background-repeat:no-repeat;
  border-radius:var(--yt-radius); overflow:hidden; color:#fff; text-decoration:none;
}
.home-hero-grid .tile--large{ min-height:520px; }
.home-hero-grid .side-grid{
  display:grid; grid-template-columns: 1fr 1fr; gap:4px; align-items:stretch;
}
.home-hero-grid .tile--wide{ min-height:248px; grid-column: 1 / -1; }
.home-hero-grid .tile--small{ min-height:152px; }

.home-hero-grid .tile__overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.55) 60%, rgba(0,0,0,0.75) 100%);
}
.home-hero-grid .tile__content{
  position:absolute; inset:auto 16px 16px 16px; z-index:2; text-align:right;
}
.home-hero-grid .tile__cat{
  display:inline-block; background:#000; color:#fff; padding:6px 10px; border-radius:var(--yt-radius); font-size:.85rem; margin-bottom:8px;
}
.home-hero-grid .tile__title{ margin:0 0 8px; font-size:1.6rem; line-height:1.3; color:#fff; font-weight:var(--fw-black); }
.home-hero-grid .tile__title--sm{ font-size:1.1rem; font-weight:var(--fw-black); }
.home-hero-grid .tile__meta{ display:block; opacity:.9; font-size:.95rem; color:#fff; }
.hero-grid__empty{
  text-align:center;
  padding:60px 0;
  color:var(--single-muted,#7c7065);
  font-size:1.05rem;
}

/* Tablet acts like mobile for the hero section */
@media (max-width: 1199px){ .home-hero-grid .hero-grid{ grid-template-columns: 1fr; width:100%; max-width:none; } .home-hero-grid .tile--large{ min-height:360px; } .home-hero-grid .side-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:6px; margin-top:6px; } .home-hero-grid .tile--wide{ min-height:200px; grid-column:1 / -1; } }

@media (min-width: 992px){
  /* Keep alignment with header using shared variables */
  .home-hero-grid .hero-grid{ width:var(--content-w); max-width:var(--content-max); }
}

/* Horizontal scroll of latest posts (mobile/tablet) */
.home-hero-grid__scroll{ display:none; }
.hero-scroll{ display:flex; gap:4px; overflow-x:auto; padding:4px 0; scrollbar-width: thin; }
.hero-scroll .hs-card{
  position:relative; flex:0 0 50%; height:200px; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:var(--yt-radius); overflow:hidden; color:#fff; text-decoration:none;
}
.hero-scroll .hs-card__overlay{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.6) 80%); }
.hero-scroll .hs-card__content{ position:absolute; inset:auto 8px 8px 8px; z-index:2; text-align:right; }
.hero-scroll .hs-card__cat{ display:inline-block; background:#000; color:#fff; padding:4px 8px; border-radius:var(--yt-radius); font-size:.8rem; margin-bottom:6px; }
.hero-scroll .hs-card__title{ margin:0; font-size:1rem; line-height:1.35; color:#fff; }

@media (max-width: 1199px){
  /* Use stacked grid variant on mobile/tablet; hide horizontal scroll */
  .home-hero-grid__scroll{ display:none !important; }
}

/* Mobile image radius/gaps and category visibility */
@media (max-width: 767px){
  /* Remove radii on all key image cards */
  .home-hero-grid .tile,
  .hero-scroll .hs-card,
  .hs-post__thumb,
  .hl-thumb{ border-radius:0 !important; }

  /* Tighten gaps between hero tiles */
  .home-hero-grid .hero-grid{ gap:2px !important; }
  .home-hero-grid .side-grid{ gap:2px !important; }

  /* Hide category badges in mobile */
  .home-hero-grid .tile__cat,
  .hero-scroll .hs-card__cat,
  .hs-post__cat{ display:none !important; }
}

/* Horizontal ad banner section */
.home-ad-banner{ direction: rtl; margin:16px 0 24px; }
.home-ad-banner .hab-wrap{ width:var(--content-w); max-width:var(--content-max); margin:0 auto; }
.hab-banner{ display:block; width:100%; aspect-ratio: 12 / 1; background-image: var(--ad-image-banner, var(--yt-ad-banner)); background-size:cover; background-position:center; border-radius:var(--yt-radius); border:1px solid var(--yt-border); overflow:hidden; }
@media (max-width: 767px){
  .hab-banner{ aspect-ratio: 6 / 1; }
}

/* Secondary section (tabs + posts + sidebar) */
.home-secondary{ direction: rtl; margin-top:24px; }
.home-secondary:first-of-type{ --hs-accent:#174170; }
.home-secondary .hs-wrap{
  width:var(--content-w); max-width:var(--content-max); margin:0 auto; display:grid; grid-template-columns: 3fr 1fr; gap:16px;
}
@media (max-width: 1199px){
  .home-secondary .hs-wrap{ width:90%; max-width:none; grid-template-columns: 1fr; }
}

/* Tabs */
.hs-tabs{ display:flex; align-items:flex-end; gap:16px; padding-bottom:0; border-bottom:3px solid var(--site-hs-accent, var(--hs-accent, var(--yt-accent))); margin-bottom:22px; font-family:var(--font-sans); }
.hs-tabs__start, .hs-tabs__sort{ display:flex; align-items:center; gap:10px; }
.hs-tab{ background:transparent; color:#6b7280; border:0; border-radius:12px; padding:6px 10px; cursor:pointer; font-size:.95rem; font-family:var(--font-sans); }
.hs-tab.is-active{ color:var(--site-hs-accent, var(--hs-accent, var(--yt-accent))); }
.hs-tab--primary{ background:var(--site-hs-accent, var(--hs-accent, var(--yt-accent))); color:#fff; border:0; font-weight:700; cursor:default; padding:8px 14px; border-radius:12px 12px 0 0; position:relative; margin-bottom:-3px; font-family:var(--font-sans); }
.hs-tabs .hs-tab--primary + .hs-tab{ margin-inline-start:auto; }

/* Posts list */
.hs-post{ display:grid; grid-template-columns: 140px 1fr; gap:12px; align-items:center; }
.hs-post--featured{ display:block; }
.hs-post__thumb {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-position: center;
    border-radius: var(--yt-radius);
    overflow: hidden;
    margin: 0 0 16px;
}
.hs-post--featured .hs-post__thumb{ aspect-ratio: 3 / 2; min-height:260px; }
.hs-post--featured .hs-post__body{ margin-top:8px; }
.hs-post__title{ margin:0 0 6px; font-size:1.1rem; line-height:1.4; font-weight:var(--fw-bold); }
.hs-post--featured .hs-post__title{ font-size:1.5rem; }
.hs-post__title a{ color:inherit; text-decoration:none; }
.hs-post__title a:hover{ text-decoration:underline; }
.hs-post__meta{ opacity:.8; font-size:.9rem; }

@media (max-width: 767px){
  .hs-tabs{
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    overflow-x:visible;
  }
  .hs-tabs .hs-tab--primary{
    flex:0 0 auto;
    margin-bottom:0;
  }
  .hs-tabs .hs-tab--primary + .hs-tab{ margin-inline-start:0; }
  .hs-tab{ padding:6px 10px; font-size:.95rem; }
}

/* Better mobile layout for category sections */
@media (max-width: 767px){
  .hs-post--featured .hs-post__thumb{ min-height:220px; }
  .hs-post--mini{ grid-template-columns: 100px 1fr; }
}

/* Sidebar */
.hs-aside{ display:flex; flex-direction:column; gap:16px; }
/* Ad box: half height (square), customizable background */
.hs-ad-portrait{ position:relative; display:block; width:100%; aspect-ratio: 1 / 1; background-image: var(--ad-image, var(--yt-ad-image)); background-size:cover; background-position:center; border-radius:var(--yt-radius); border:1px solid var(--yt-border); overflow:hidden; }
/* Text + CTA overlay (defaults, can be overridden via wp_head inline CSS) */
.hs-ad-portrait::before{ content: ''; position:absolute; inset:auto 12px 56px 12px; color:#fff; line-height:1.5; font-size:.95rem; text-shadow:0 1px 2px rgba(0,0,0,.5); }
.hs-ad-portrait::after{ content: ''; position:absolute; inset:auto 12px 12px 12px; height:40px; display:grid; place-items:center; border:1px solid #fff; border-radius:12px; color:#fff; background:transparent; font-weight:600; }

/* Newsletter */
.hs-newsletter{ background:#fff; border:1px solid var(--yt-border); border-radius:var(--yt-radius); padding:12px; }
.hs-newsletter__title{ margin:0 0 8px; font-size:1rem; }
.hs-field{ display:flex; flex-direction:column; gap:6px; margin:8px 0; }
.hs-field input{ height:40px; padding:0 10px; border:1px solid var(--yt-border); border-radius:10px; }
.hs-field input:focus{ outline:none; border-color:#a7b0bb; box-shadow:0 0 0 3px rgba(37,99,235,0.12); }

/* Posts layout: featured stack on the left, list on the right */
.hs-posts{ display:grid; grid-template-columns: minmax(0, 0.6fr) minmax(0, 0.4fr); column-gap:24px; row-gap:0; align-items:stretch; }
.hs-posts__col{ display:flex; flex-direction:column; gap:16px; align-self:stretch; }
.hs-posts__col--featured{ align-items:stretch; }
.hs-posts__col--list{ align-items:stretch; }
.hs-posts .hs-post:nth-child(n+5){ display:none; }
.hs-post--mini{ display:grid; grid-template-columns: 110px 1fr; gap:10px; align-items:center; }
.hs-post__cat{ display:inline-block; margin-bottom:6px; background:#000; color:#fff; padding:6px 10px; border-radius:10px; font-size:.85rem; }
.hs-post--featured .hs-post__cat{
  position:absolute;
  right:16px;
  bottom:16px;
  margin:0;
  box-shadow:0 4px 14px rgba(0,0,0,0.25);
}

@media (max-width: 767px){
  .hs-posts{
    display:flex;
    flex-direction:column;
    gap:16px;
  }
  .hs-posts__col{
    width:100%;
    gap:12px;
  }
  .hs-post--featured .hs-post__title{ font-size:20px; }
  .hs-post--featured .hs-post__excerpt{ font-size:16px; }
  .hs-posts__col--list .hs-post__title{ font-size:16px; }
  .hs-post--mini{ grid-template-columns: 100px 1fr; gap:10px; }
}

/* Full listing section */
.home-listing{ direction: rtl; margin-top:24px; margin-bottom:80px; }
.home-listing .hl-wrap{ width:var(--content-w); max-width:var(--content-max); margin:0 auto; }
.home-listing .hl-tabs{ display:flex; align-items:flex-end; gap:16px; padding-bottom:0; border-bottom:3px solid var(--site-hs-accent, var(--yt-accent)); margin-bottom:14px; }
.home-listing .hl-tab{ background:transparent; color:#6b7280; border:0; border-radius:12px; padding:6px 10px; cursor:pointer; font-size:.95rem; }
.home-listing .hl-tab.is-active{ color:var(--site-hs-accent, var(--yt-accent)); }
.hl-posts{ display:flex; flex-direction:column; gap:24px; }
/* Image on the left at roughly one-third width, text on the right */
.hl-post{ display:grid; grid-template-columns: minmax(0, 0.33fr) minmax(0, 0.67fr); gap:24px; align-items:self-start; }
.hl-thumb{ display:block; width:100%; aspect-ratio: 16 / 9; background-size:cover; background-position:center; border-radius:var(--yt-radius); grid-column: 1; }
.hl-body{ grid-column: 2; }
.hl-title{ margin:0 0 6px; font-size:24px; line-height:1.4; font-weight:var(--fw-black); }
.hl-title a{ color:inherit; text-decoration:none; }
.hl-title a:hover{ text-decoration:underline; }
.hl-meta{ opacity:.8; font-size:.9rem; margin-bottom:4px; }
.hl-excerpt{ margin:0; color:#334155; }
@media (max-width: 991px){ .hl-post{ grid-template-columns: 1fr; } .hl-thumb{ grid-column:auto; } .hl-body{ grid-column:auto; } }
.hl-body{ padding:0; }
@media (max-width: 767px){
  .hl-body{ padding:20px; }
}
.hl-pagination{
  margin-top:12px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
}
.hl-pagination .hl-page{ margin:0; }

/*
Theme Name: Vitro Mag
*/

:root {
  --font-sans: "Dana", "Tahoma", "Segoe UI", Arial, sans-serif;
  --fw-thin: 100;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 500;
  --fw-black: 500;
}

/* استایل پایه */
body {
  font-family: var(--font-sans);
  font-weight: var(--fw-regular);
  direction: rtl;
  text-align: right;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* هدینگ‌ها */
h1 { font-weight: var(--fw-black); font-size: 2.2rem; }
h2 { font-weight: var(--fw-bold); font-size: 1.8rem; }
h3 { font-weight: var(--fw-medium); font-size: 1.5rem; }
h4, h5, h6 { font-weight: var(--fw-regular); }
p  { font-weight: var(--fw-regular); font-size: 1rem; line-height: 1.8; }

button,
input,
select,
textarea{
  font-family: var(--font-sans);
}

/* ================================
   Single Post Template
   ================================ */
.single-screen{
  --single-bg:#f8f6f2;
  --single-card:#ffffff;
  --single-border:#eadfd2;
  --single-muted:#7c7065;
  --single-dark:#1c130c;
  --single-accent:#f4dcb4;
  background:var(--single-bg);
  padding:48px 0 96px;
}
.single-shell__empty{
  max-width:1200px;
  margin:0 auto;
  padding:120px 24px;
  text-align:center;
  font-size:1.1rem;
  color:var(--single-muted,#7c7065);
}
.single-plane{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}
.single-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 22px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:.95rem;
  font-weight:600;
  text-decoration:none;
  transition:background .2s ease,color .2s ease;
}
.single-chip:hover{ background:#f6b22c; color:#111; }
.single-chip--dark{
  background:#f6b22c;
  color:#111;
}
.single-breadcrumb{
  margin:0 0 24px 0;
}
.single-breadcrumb ol{
  list-style:none;
  display:flex;
  gap:8px;
  padding:0;
  margin:0;
  font-size:.75rem;
  color:#111111;
  font-weight:500;
  align-items:center;
}
.single-breadcrumb a{
  color:inherit;
  text-decoration:none;
}
.single-breadcrumb li{
  display:flex;
  align-items:center;
  gap:3px;
}
.single-breadcrumb li::after{
  content:"";
  display:inline-block;
  width:10px;
  height:14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' viewBox='0 0 18 20'%3E%3Cpath d='M12 4L6 10l6 6' stroke='%2303053D' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}
.single-breadcrumb li:last-child::after{
  content:none;
}
.single-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:32px;
}
.single-sidebar{
  display:flex;
  flex-direction:column;
  gap:24px;
  position:sticky;
  top:120px;
}
.single-card{
  background:var(--single-card);
  border:1px solid var(--single-border);
  border-radius:24px;
  padding:24px;
  box-shadow:0 30px 70px rgba(28,19,12,.07);
}
.single-card header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
.single-card h3{
  font-size:1.05rem;
  margin:0;
}
.single-card--toc .single-toc__head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:5px;
}
.single-toc__title{
  font-size:16px;
  font-weight:700;
  color:var(--single-dark);
}
.single-card--toc h3{
  font-size:1rem;
  font-weight:700;
  margin:0;
}
.single-card--toc-inline{
  display:block;
  margin:24px 0 0 0;
}
@media (max-width:1024px){
  .single-card--toc-inline{
    display:block;
    margin:24px 0 0 0;
  }
  .single-sidebar .single-card--toc{
    display:none;
  }
}
.single-toc__icon{
  width:20px;
  height:20px;
  display:inline-flex;
  color:var(--single-dark);
}
.single-toc__icon svg{
  width:100%;
  height:100%;
}
.single-toc__divider{
  display:block;
  height:1px;
  background:var(--single-border);
  margin-bottom:16px;
}
.single-toc{
  list-style:disc;
  padding-inline-start:20px;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.single-toc li{
  color:var(--single-dark);
  transition:color .2s ease;
}
.single-toc li.is-active,
.single-toc li:hover{
  color:#FA951D;
}
.single-toc a{
  text-decoration:none;
  color:inherit;
  font-size:.875rem;
  transition:color .2s ease;
}
.single-toc a:hover,
.single-toc a:focus,
.single-toc a.is-active{
  color:#FA951D;
}
.single-toc__empty{
  margin:0;
  color:var(--single-muted);
  font-size:.85rem;
}
.single-card--mini-feed .single-mini-feed{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.single-mini-feed-block{
  display:none;
  margin:32px 0;
}
.single-mini-feed__item{
  display:flex;
  flex-direction:column;
  gap:17.43px;
}
@media (max-width:640px){
  .single-mini-feed__item{
    margin-bottom:16px;
  }
  .single-mini-feed__item:last-child{
    margin-bottom:0;
  }
}
.single-mini-feed__thumb{
  width:100%;
  height:210px;
  border-radius:12px;
  background:#ddd center/cover no-repeat;
  position:relative;
  overflow:hidden;
  display:block;
}
.single-mini-feed__meta-bar{
  position:absolute;
  inset-inline-start:16px;
  inset-inline-end:16px;
  inset-block-end:16px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  pointer-events:none;
}
.single-mini-feed__meta{
  background:rgba(246,246,245,.8);
  color:var(--single-dark);
  padding:4px 8px;
  border-radius:4px;
  font-size:.75rem;
  font-weight:400;
  white-space:nowrap;
}
.single-mini-feed__body h4{
  font-size:1rem;
  font-weight:700;
  margin:0 0 8.14px 0;
}
.single-mini-feed__body a{
  color:var(--single-dark);
  text-decoration:none;
}
.single-mini-feed__body time{
  font-size:.8rem;
  color:var(--single-muted);
}
.single-mini-feed__excerpt{
  margin:0;
  font-size:.75rem;
  color:var(--single-dark);
  line-height:1.6;
}
.single-card--cta{
  background:#fef0d7;
  border-color:#f4d6a9;
}
.single-card--cta p{
  margin:0 0 12px 0;
  color:var(--single-dark);
  font-weight:600;
}
.single-article{
  background:var(--single-card);
  border-radius:32px;
  padding:40px;
  border:1px solid var(--single-border);
  box-shadow:0 40px 90px rgba(10,4,0,.05);
}
.single-hero__badge{
  display:inline-flex;
  align-items:center;
  padding:6px 16px;
  border-radius:16px;
  background:#f6b22c;
  color:#111;
  font-size:.85rem;
  text-decoration:none;
  margin-bottom:16px;
  font-weight:600;
}
.single-hero__title{
  margin:0;
  font-size:28px;
  color:var(--single-dark);
  font-weight:700;
}
.single-hero__meta{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:12px;
  margin-top:16px;
  color:#111111;
  font-size:.95rem;
}
.single-hero__meta-group{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
}
.single-hero__meta-item{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.single-hero__meta-icon{
  width:16px;
  height:16px;
  display:inline-flex;
  color:#03053D;
  font-weight:700;
}
.single-hero__meta-icon svg{
  width:100%;
  height:100%;
  stroke:currentColor;
}
.single-hero__figure{
  margin:32px 0;
  border-radius:28px;
  overflow:hidden;
  background:#eee;
}
.single-hero{
  margin-top:24px;
}
.single-hero__excerpt{
  margin:8px 0 0 0;
  font-size:16px;
  color:var(--single-dark);
  font-weight:400;
  text-align:justify;
}
.single-hero__figure img{
  display:block;
  width:100%;
  height:auto;
}
@media (max-width:640px){
  .single-breadcrumb{
    margin:0 0 16px 0;
  }
  .single-hero__figure{
    width:min(380px,100%);
    height:472px;
    margin:0 auto 16px;
    display:flex;
    justify-content:center;
  }
  .single-hero__figure img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .single-hero{
    margin-top:0;
  }
  .single-hero__title{
    font-size:24px;
    font-weight:700;
  }
  .single-hero__excerpt{
    font-size:14px;
    font-weight:400;
    margin:16px 0 0 0;
  }
  .single-hero__meta{
    margin-top:16px;
    font-size:14px;
    font-weight:400;
  }
  .single-hero__meta-icon{
    width:20px;
    height:20px;
  }
  .single-content{
    margin-top:24px;
    font-size:14px;
    font-weight:400;
  }
  .single-content p,
  .single-content li{
    font-size:14px;
    font-weight:400;
  }
}
.single-content{
  color:var(--single-dark);
  margin-top:40px;
}
.single-content p{
  line-height:1.9;
  margin-bottom:1.4em;
  font-size:16px;
  font-weight:400;
  text-align:justify;
}
.single-content h1{
  font-size:24px;
  font-weight:600;
  margin:1.5em 0 0.5em;
  color:var(--single-dark);
}
.single-content h2{
  font-size:24px;
  font-weight:600;
  margin:1.3em 0 0.6em;
  color:var(--single-dark);
}
.single-content blockquote{
  padding:32px 40px;
  border-radius:12px;
  background:#fbd3a4;
  border:none;
  font-size:18px;
  position:relative;
  color:#2b1b12;
  line-height:1.9;
  box-shadow:0 20px 50px rgba(0,0,0,0.08);
  font-family:var(--font-sans);
  font-weight:var(--fw-medium);
}
.single-content blockquote:empty{
  display:none;
}
.single-content blockquote::before,
.single-content blockquote::after{
  position:absolute;
  pointer-events:none;
  width:36px;
  height:44px;
  content:"";
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80'%3E%3Cpath d='M6 40c0-12 4-23 12-31S36 0 48 0h12v16h-9c-7 0-13 4-16 10 12 2 20 12 20 24 0 16-14 30-30 30S6 58 6 42V40Zm48 0c0-12 4-23 12-31S84 0 96 0h12v16h-9c-7 0-13 4-16 10 12 2 20 12 20 24 0 16-14 30-30 30S54 58 54 42V40Z' fill='%23d57b04'/%3E%3C/svg%3E") center/contain no-repeat;
}
.single-content blockquote::before{
  inset-inline-start:0px;
  inset-block-start:0px;
}
.single-content blockquote::after{
  inset-inline-end:0px;
  inset-block-end:0px;
  transform:scaleX(-1);
}
.single-content blockquote p{
  margin:0;
}
.single-content blockquote cite{
  display:block;
  margin-top:18px;
  font-weight:600;
  color:#8c541c;
}

/* Link card block */
.wp-block-media-text.yt-link-card{
  margin:0px 0;
  padding:0px 12px;
  border-radius:12px;
  background:#f6d0a1;
  box-shadow:0 20px 45px rgba(0,0,0,0.08);
  color:#1d130a;
  display:flex;
  flex-direction:row-reverse;
  align-items:center;
  gap:24px;
}
.wp-block-media-text.yt-link-card .wp-block-media-text__media{
  flex:0 0 28%;
  max-width:200px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.wp-block-media-text.yt-link-card .wp-block-media-text__media img{
  width:100%;
  height:auto;
  max-height:220px;
  border-radius:999px;
  object-fit:cover;
}
.wp-block-media-text.yt-link-card .wp-block-media-text__content{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin:0;
}
.wp-block-media-text.yt-link-card .yt-link-card__text{
  font-size:1rem;
  font-weight:500;
  margin:0;
  color:#1d130a;
  word-break:break-word;
}
.wp-block-media-text.yt-link-card .yt-link-card__text a{
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-decoration-color:#1d130a;
}
.wp-block-media-text.yt-link-card .wp-block-buttons{
  margin:0;
  display:flex;
  justify-content:flex-end;
}
.wp-block-media-text.yt-link-card .wp-block-button{
  margin:0;
}
.wp-block-media-text.yt-link-card .wp-block-button__link{
  background:#111;
  color:#fff;
  font-size:1rem;
  padding:12px 28px;
  border-radius:18px;
  font-weight:600;
  box-shadow:0 6px 20px rgba(0,0,0,0.2);
}
.wp-block-media-text.yt-link-card .wp-block-button__link:hover,
.wp-block-media-text.yt-link-card .wp-block-button__link:focus{
  color:#111;
  background:#f8f4ef;
  border:1px solid #111;
}
@media (max-width: 720px){
  .wp-block-media-text.yt-link-card{
    display:flex;
    flex-direction:column;
    gap:16px;
    align-items:center;
    padding:24px;
    text-align:center;
  }
  .wp-block-media-text.yt-link-card .wp-block-media-text__media{
    width:100%;
    max-width:200px;
    margin-bottom:0;
  }
  .wp-block-media-text.yt-link-card .wp-block-media-text__content{
    width:100%;
    align-items:center;
  }
  .wp-block-media-text.yt-link-card .yt-link-card__text{
    text-align:center;
  }
  .wp-block-media-text.yt-link-card .wp-block-buttons{
    justify-content:center;
    width:100%;
  }
}
.single-content img{
  border-radius:22px;
  margin:24px 0;
}
.single-source{
  display:flex;
  gap:16px;
  align-items:center;
  padding:18px 24px;
  border-radius:24px;
  background:#fef6ec;
  border:1px solid #f5d7a6;
  margin:32px 0;
}
.single-source__icon{
  width:64px;
  height:64px;
  border-radius:20px;
  background:linear-gradient(135deg,#f8b648,#ff7a7a);
}
.single-source a{
  color:#d05d24;
  word-break:break-all;
}
.single-tags-share{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin:32px 0;
}
.single-tags span{
  font-weight:600;
  margin-inline-end:8px;
}
.single-share{
  display:flex;
  align-items:center;
  gap:8px;
}
.single-share__btn{
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid var(--single-border);
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:transform .2s ease, border-color .2s ease;
}
.single-share__btn:hover{
  transform:translateY(-2px);
  border-color:#f6b22c;
}
.single-share__btn.is-copied{
  border-color:#16a34a;
  box-shadow:0 0 0 1px #16a34a inset;
}
.single-share__btn svg{
  width:18px;
  height:18px;
  color:var(--single-dark);
}
.single-related{
  margin:48px 0;
}
.single-related__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
}
.single-related__head a{
  color:#d05d24;
  text-decoration:none;
  font-weight:600;
}
.single-related__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
}
.single-related__item{
  border:1px solid var(--single-border);
  border-radius:24px;
  overflow:hidden;
  background:#fff;
}
.single-related__thumb{
  display:block;
  height:160px;
  background:#eee center/cover no-repeat;
}
.single-related__body{
  padding:16px 18px 22px;
}
.single-related__body time{
  font-size:.8rem;
  color:var(--single-muted);
}
.single-related__body h4{
  margin:8px 0 0;
  font-size:1.05rem;
}

@media (max-width:768px){
  .single-related{
    margin:0;
  }
  .single-related__head,
  .single-related__grid{
    display:none;
  }
  .single-mini-feed-block{
    display:block;
  }
  .single-card--mini-feed{
    display:none;
  }
}
.single-related__body a{
  color:var(--single-dark);
  text-decoration:none;
}
.single-comments{
  padding-top:24px;
  border-top:1px solid var(--single-border);
}
.single-comments > h3:first-of-type{
  margin-top:0;
  display:inline-block;
  position:relative;
  padding-bottom:6px;
}
.single-comments > h3:first-of-type::after{
  content:"";
  display:block;
  width:100%;
  height:2px;
  background:#FA951D;
  position:absolute;
  inset-inline-start:0;
  inset-block-end:0;
}
.comment-thread{
  display:flex;
  flex-direction:column;
  gap:32px;
}
.comment-list{
  list-style:none;
  margin:0;
  padding:0;
}
.comment-card{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding: 24px 0px 0px 0px;
  border-bottom:1px solid var(--single-border);
  margin-bottom:0px;
}
.comment.even.thread-even.depth-1.comment-card{
  margin-bottom:0;
}
.comment-card:last-child{
  border-bottom:none;
  margin-bottom:0;
}
.comment-card__body{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:0;
}
.comment-card__meta{
  display:flex;
  align-items:center;
  gap:16px;
}
.comment-card__author{
  font-size:16px;
  font-weight:500;
  color:var(--single-dark);
}
.comment-card__date{
  display:block;
  margin-top:4px;
  font-size:14px;
  color: #8f8f8f;
}
.comment-card__text{
  font-size:14px;
  color:var(--single-dark);
  line-height:1.9;
  margin-top:0;
}
.comment-card__avatar{
  width:62px;
  height:62px;
  border-radius:50%;
  background:#f2eee7;
  flex-shrink:0;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.comment-card__avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
}
.comment-empty{
  margin:0;
  font-size:.95rem;
  color:var(--single-muted);
}
.comment-pagination{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.comment-page a,
.comment-page span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:36px;
  border-radius:999px;
  border:1px solid var(--single-border);
  padding:0 14px;
  font-size:.85rem;
  color:var(--single-dark);
  text-decoration:none;
}
.comment-page .current{
  background:#111111;
  color:#fff;
  border-color:#111111;
}
.single-comments__form-title h3{
  margin:0;
  font-size:28px;
  font-weight:700;
  color:var(--single-dark);
}
.single-comments__divider {
    display: block;
    width: 70px;
    height: 2px;
    background: #FA951D;
}
.comment-notes{
  font-size:20px;
  font-weight:700;
  margin:0 0 16px 0;
  color:var(--single-dark);
}
.comment-form input,
.comment-form textarea{
  width:100%;
  border-radius:16px;
  border:1px solid var(--single-border);
  padding:12px 16px;
  font-size:20px;
  margin-bottom:12px;
  background:#faf8f4;
}
.comment-form input::placeholder,
.comment-form textarea::placeholder{
  color:var(--single-muted);
}
.comment-form-comment label{
  display:block;
  margin-bottom:8px;
  font-size:20px;
  font-weight:700;
  color:var(--single-dark);
}
.comment-placeholder{
  display:block;
  margin-top:8px;
  font-size:20px;
  font-weight:400;
  color:#D9D9D9;
}
.comment-form textarea{
  min-height:140px;
}
.comment-form input[type="submit"]{
  width:auto;
  background:#111;
  color:#fff;
  border-radius:999px;
  padding:10px 28px;
  cursor:pointer;
  transition:background .2s ease;
}
.comment-form input[type="submit"]:hover{
  background:#f6b22c;
  color:#111;
}
.comment-form input[type="checkbox"]{
  accent-color:#FA951D;
}
.comment-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  grid-auto-flow:row dense;
}
.comment-form p{
  margin:0;
}
.comment-notes,
.comment-form-comment,
.comment-form-cookies-consent,
.form-submit{
  grid-column:1 / -1;
}
.comment-form-author,
.comment-form-email{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.comment-form-author{ order:1; }
.comment-form-email{ order:2; }
.comment-form-comment{ order:3; }
.comment-form-cookies-consent{ order:4; }
.form-submit{ order:5; }

.comment-form-cookies-consent{
  display:flex;
  align-items:stretch;
  gap:16px;
  flex-direction:row-reverse;
}
.comment-form-cookies-consent input{
  margin:0;
  flex:0 0 20%;
  max-width:20%;
}
.comment-form-cookies-consent label{
  flex:1 1 80%;
  text-align:right;
}
@media (max-width:640px){
  .comment-form{
    grid-template-columns:1fr;
  }
  .comment-form input[type="text"],
  .comment-form input[type="email"],
  .comment-form textarea{
    width:90%;
  }
  .comment-form input::placeholder,
  .comment-form textarea::placeholder{
    font-size:14px;
  }
  #wp-comment-cookies-consent{
    flex:0 0 8%;
    max-width:8%;
  }
  .comment-form-cookies-consent label{
    font-size:12px;
  }
  .form-submit{
    display:flex;
    justify-content:center;
  }
  .comment-form input[type="submit"]{
    padding:8px 20px;
    font-size:.95rem;
  }
  .comment-list{
    font-size:12px;
  }
}

@media (max-width:1024px){
  .single-shell{
    grid-template-columns:1fr;
  }
  .single-sidebar{
    position:static;
  }
}
@media (max-width:640px){
  .single-article{
    padding:28px;
  }
  .single-plane{
    padding:0 16px;
  }
}
.comment-form-author input#author{
  width:90%;
}
.comment-card__header{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:0;
}

/* Witro footer */
.witro-footer {
	width: 100%;
	margin: 0;
	background: #1b140c;
	color: #ffffff;
	box-sizing: border-box;
	direction: rtl;
}

.witro-footer * {
	box-sizing: border-box;
}

.witro-footer a {
	color: #ffffff;
	text-decoration: none;
}

.witro-footer img {
	max-width: 100%;
	height: auto;
	border: 0;
	outline: 0;
}

.witro-footer__inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 28px 24px 0;
}

.witro-footer__desktop {
	display: block;
}

.witro-footer__mobile {
	display: none;
}

.witro-footer__columns {
	display: grid;
	grid-template-columns: 26fr 30fr 20fr 24fr;
	gap: 48px;
	align-items: start;
}

.witro-footer__col h3,
.witro-footer__mobile-contact h3 {
	margin: 0 0 12px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7;
}

.witro-footer__col p,
.witro-footer__mobile-contact p {
	margin: 8px 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.8;
	opacity: .95;
}

.witro-footer__logo {
	display: inline-block;
	margin: 0 0 12px;
	line-height: 0;
}

.witro-footer__action-row,
.witro-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-top: 16px;
}

.witro-footer__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 235px;
	min-height: 50px;
	padding: 8px 18px;
	border: 1px solid #ffffff;
	border-radius: 16px;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	transition: background-color .25s ease, color .25s ease;
}

.witro-footer__button:hover,
.witro-footer__button:focus {
	background: #ffffff;
	color: #111111;
}

.witro-footer__badges,
.witro-footer__socials {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	white-space: nowrap;
}

.witro-footer__badge {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 80px;
	background: #ffffff;
	border-radius: 16px;
}

.witro-footer__badge img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 70px;
	max-height: 70px;
	transform: translate(-50%, -50%);
}

.witro-footer__divider {
	border-top: 1px solid rgba(255,255,255,.15);
	margin-top: 16px;
}

.witro-footer__bottom {
	margin-top: 12px;
	padding-bottom: 28px;
}

.witro-footer__bottom p,
.witro-footer__copyright {
	margin: 0;
	font-size: 14px;
	line-height: 1.8;
	opacity: .9;
	white-space: nowrap;
}

.witro-footer__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(255,255,255,.27);
	border-radius: 10px;
	transition: background-color .25s ease, border-color .25s ease;
}

.witro-footer__icon svg {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: #ffffff;
	stroke-width: 1.6;
}

.witro-footer__icon [data-fill] {
	fill: #ffffff;
	stroke: none;
}

.witro-footer__icon:hover,
.witro-footer__icon:focus {
	background: #ffffff;
	border-color: #ffffff;
}

.witro-footer__icon:hover svg,
.witro-footer__icon:focus svg {
	stroke: #111111;
}

.witro-footer__icon:hover [data-fill],
.witro-footer__icon:focus [data-fill] {
	fill: #111111;
}

.witro-footer__mobile-links {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 4px;
}

.witro-footer__mobile-links a {
	display: block;
	font-size: 14px;
	line-height: 1.6;
}

.witro-footer__mobile-contact {
	margin: 12px 0 8px;
}

.witro-footer__mobile-contact a {
	color: #70c0ff;
}

.witro-footer__badges--mobile {
	display: flex;
	margin: 12px 0 8px;
}

.witro-footer__button--mobile {
	display: flex;
	width: min(90%, 340px);
	margin: 10px auto 0;
}

.witro-footer__newsletter {
	display: none;
}

/* Archive template */
.archive-post {
	background: #ffffff;
	border: 1px solid var(--yt-border, #e5e7eb);
	border-radius: var(--yt-radius, 12px);
	margin-bottom: 20px;
	padding: 24px;
}

.archive-post__title {
	margin: 0 0 12px;
	font-size: 1.35rem;
	line-height: 1.4;
}

.archive-post__title a {
	color: inherit;
	text-decoration: none;
}

.archive-post__title a:hover,
.archive-post__title a:focus {
	color: var(--yt-accent, #FA951D);
}

.archive-post__excerpt p {
	margin: 0;
	color: #5f6670;
}

.pagination .nav-links {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 28px;
}

.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	min-height: 38px;
	padding: 6px 12px;
	border: 1px solid var(--yt-border, #e5e7eb);
	border-radius: var(--yt-radius, 12px);
	background: #ffffff;
	color: inherit;
	text-decoration: none;
}

.pagination .page-numbers.current {
	background: var(--yt-accent, #FA951D);
	border-color: var(--yt-accent, #FA951D);
	color: #111111;
}

@media (max-width: 768px) {
	.witro-footer {
		background: #0f0c08;
	}

	.witro-footer__desktop {
		display: none;
	}

	.witro-footer__mobile {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: min(100%, 390px);
		margin: 0 auto;
		text-align: right;
	}

	.witro-footer__inner {
		padding: 24px 24px 0;
	}

	.witro-footer__logo {
		align-self: flex-end;
		margin: 0 0 14px;
	}

	.witro-footer__logo img {
		width: 96px;
		height: auto;
	}

	.witro-footer__mobile-links {
		align-items: flex-end;
		gap: 7px;
		margin: 0;
	}

	.witro-footer__mobile-links a {
		width: 100%;
		font-size: 13px;
		line-height: 1.65;
		text-align: right;
		opacity: .92;
	}

	.witro-footer__mobile-contact {
		margin: 12px 0 10px;
		text-align: right;
	}

	.witro-footer__mobile-contact h3 {
		margin-bottom: 6px;
		font-size: 13px;
		font-weight: 500;
	}

	.witro-footer__mobile-contact p {
		margin: 4px 0;
		font-size: 11px;
		line-height: 1.75;
		opacity: .78;
	}

	.witro-footer__badges--mobile {
		justify-content: center;
		gap: 10px;
		margin: 12px 0 14px;
	}

	.witro-footer__badge {
		width: 62px;
		height: 62px;
		border-radius: 10px;
	}

	.witro-footer__badge img {
		max-width: 54px;
		max-height: 54px;
	}

	.witro-footer__button--mobile {
		display: none;
	}

	.witro-footer__newsletter {
		display: block;
		margin: 0 0 12px;
	}

	.witro-footer__newsletter label {
		display: block;
		margin: 0 0 6px;
		font-size: 12px;
		line-height: 1.6;
		text-align: right;
		opacity: .86;
	}

	.witro-footer__newsletter-row {
		display: grid;
		grid-template-columns: 86px minmax(0, 1fr);
		gap: 8px;
		align-items: center;
	}

	.witro-footer__newsletter input {
		width: 100%;
		min-width: 0;
		height: 38px;
		padding: 8px 12px;
		border: 1px solid rgba(255,255,255,.16);
		border-radius: 7px;
		background: transparent;
		color: #ffffff;
		font: inherit;
		font-size: 12px;
		text-align: right;
	}

	.witro-footer__newsletter input::placeholder {
		color: rgba(255,255,255,.52);
	}

	.witro-footer__newsletter button {
		height: 38px;
		border: 0;
		border-radius: 7px;
		background: #ffffff;
		color: #111111;
		font: inherit;
		font-size: 12px;
		cursor: pointer;
	}

	.witro-footer__divider {
		margin-top: 0;
	}

	.witro-footer__socials {
		display: flex;
		justify-content: space-between;
		gap: 8px;
		margin: 12px 0 14px;
		width: 100%;
	}

	.witro-footer__icon {
		width: 33px;
		height: 33px;
		border-radius: 8px;
	}

	.witro-footer__icon svg {
		width: 18px;
		height: 18px;
	}

	.witro-footer__copyright {
		padding-bottom: 18px;
		text-align: center;
		font-size: 10px;
		line-height: 1.8;
		white-space: normal;
		opacity: .7;
	}
}

/* Witro Mag Figma alignment */
:root {
	--brand-primary: #f39a3e;
	--brand-primary-dark: #e67e22;
	--brand-primary-soft: #fce6d2;
	--brand-section-bg: #fff3e8;
	--brand-surface: #ffffff;
	--brand-page-bg: #fbfbfb;
	--brand-border: #e5e5e5;
	--brand-muted: #8a8a8a;
	--brand-heading-muted: #555555;
	--brand-black: #0f0c05;
	--yt-header-bg: #0f0c05;
	--yt-header-text: #f6f6f5;
	--yt-accent: #eb8205;
	--yt-cta-bg: #f2f1f1;
	--yt-cta-text: #0f0c05;
	--yt-border: #f2f1f1;
	--yt-radius: 10px;
	--content-w: min(calc(100% - 32px), 1200px);
	--content-max: 1200px;
	--footer-text: #a3a19c;
	--footer-heading: #d1d0ce;
}

html,
body {
	background: var(--brand-page-bg);
	color: #100f0e;
	font-family: "Dana", var(--font-sans, Tahoma, sans-serif);
	letter-spacing: 0;
}

a {
	transition: color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease, transform .2s ease;
}

.site-main {
	background: var(--brand-page-bg);
}

@media (min-width: 992px) {
	.yt-header-shell {
		position: sticky;
		top: 0;
		padding-top: 28px;
		background: linear-gradient(180deg, rgba(251,251,251,.96) 0%, rgba(251,251,251,.88) 64%, rgba(251,251,251,0) 100%);
	}

	.yt-header-shell.is-stuck {
		padding-top: 8px;
	}

	.yt-header[data-variant="desktop"] {
		width: var(--content-w);
		max-width: var(--content-max);
		height: 84px;
		margin: 0 auto;
		padding: 20px 40px;
		border: 0;
		border-radius: 15px;
		background: var(--yt-header-bg);
		box-shadow: 0 18px 36px rgba(15, 12, 5, .14);
		gap: 32px;
	}

	.yt-header__left {
		gap: 32px;
	}

	.yt-header__right {
		direction: ltr;
		gap: 12px;
	}

	.yt-header[data-variant="desktop"] img.custom-logo {
		width: auto;
		height: 30px;
	}

	.yt-header .wp-block-navigation__container,
	.yt-header .wp-block-page-list {
		gap: 20px;
	}

	.yt-header .wp-block-navigation__container > li > a,
	.yt-drawer .wp-block-navigation__container > li > a {
		padding: 8px 4px;
		border-radius: 8px;
		color: var(--yt-header-text);
		font-size: 15px;
		font-weight: 500;
		line-height: 1.7;
	}

	.yt-header .wp-block-navigation__container > li > a:hover,
	.yt-header .wp-block-navigation__container > li > a:focus,
	.yt-header .wp-block-navigation__container > li.current-menu-item > a {
		background: transparent;
		color: #ffffff;
		opacity: .78;
	}

	.yt-cta[data-variant="desktop"] {
		width: auto;
		min-width: 123px;
		height: 48px;
		padding: 12px 24px;
		border-radius: 10px;
		background: var(--yt-cta-bg);
		color: var(--yt-cta-text);
		border: 1px solid transparent;
		font-size: 14px;
		font-weight: 600;
	}

	.yt-cta[data-variant="desktop"]:hover,
	.yt-cta[data-variant="desktop"]:focus {
		background: #ffffff;
		color: #0f0c05;
		transform: translateY(-1px);
	}

	.yt-search__toggle {
		width: 48px;
		height: 48px;
		border: 1px solid rgba(209, 208, 206, .35);
		border-radius: 10px;
		color: #f6f6f5;
		background: transparent;
	}

	.yt-search__toggle:hover,
	.yt-search__toggle:focus {
		background: rgba(255, 255, 255, .08);
		border-color: rgba(209, 208, 206, .65);
	}

	.yt-searchbar {
		width: var(--content-w);
		max-width: var(--content-max);
		margin: 10px auto 0;
	}

	.yt-searchbar__inner {
		border-radius: 14px;
		border-color: #f2f1f1;
		box-shadow: 0 18px 40px rgba(15, 12, 5, .12);
	}
}

@media (max-width: 991px) {
	.yt-header-shell {
		position: sticky;
		top: 0;
		background: #fbfbfb;
	}

	.yt-header--mobile {
		width: 100%;
		height: 44px;
		padding: 0 14px;
		background: #0f0c05;
		border: 0;
		box-shadow: 0 8px 18px rgba(15, 12, 5, .14);
	}

	.yt-header--mobile img.custom-logo {
		width: auto;
		height: 24px;
		max-width: 112px;
	}

	.yt-header--mobile .yt-search__toggle,
	.yt-header--mobile .yt-burger {
		width: 40px;
		height: 40px;
		border: 0;
		border-radius: 8px;
		color: #f6f6f5;
	}

	.yt-burger span {
		height: 2px;
		margin: 4px 0;
		background: #f6f6f5;
	}

	.yt-drawer {
		inset: 56px 12px auto 12px;
		max-height: min(78vh, 560px);
		padding: 18px;
		border: 1px solid rgba(209, 208, 206, .14);
		border-radius: 14px;
		background: #0f0c05;
		box-shadow: 0 28px 64px rgba(15, 12, 5, .32);
	}

	.yt-drawer__title {
		color: #ffffff;
		font-size: 15px;
		font-weight: 700;
	}

	.yt-drawer .wp-block-navigation__container > li > a {
		padding: 11px 10px;
		color: #d1d0ce;
		font-size: 14px;
	}

	.yt-drawer .wp-block-navigation__container > li > a:hover,
	.yt-drawer .wp-block-navigation__container > li > a:focus {
		background: rgba(235, 130, 5, .14);
		color: #ffffff;
	}

	.yt-drawer__search .wp-block-search__input,
	.yt-searchbar .wp-block-search__input {
		height: 40px;
		border-color: #e5e5e5;
		border-radius: 8px;
		font-size: 13px;
	}

	.yt-drawer__search .wp-block-search__button,
	.yt-searchbar .wp-block-search__button {
		height: 40px;
		min-width: 76px;
		border-radius: 8px;
		background: #ffffff;
		color: #0f0c05;
		font-size: 13px;
	}

	.yt-cta--drawer {
		height: 40px;
		border-radius: 8px;
		background: #ffffff;
		color: #0f0c05;
	}
}

.vitro-breadcrumb {
	width: var(--content-w);
	max-width: var(--content-max);
	margin: 32px auto 16px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	direction: rtl;
	color: #837b72;
	font-size: 12px;
	line-height: 1.8;
}

.vitro-breadcrumb a {
	color: #474239;
	text-decoration: none;
}

.vitro-breadcrumb a:hover,
.vitro-breadcrumb a:focus {
	color: var(--yt-accent);
}

.vm-category-hero {
	direction: rtl;
	margin: 0 0 40px;
}

.vm-category-hero__wrap {
	width: var(--content-w);
	max-width: var(--content-max);
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, .85fr);
	gap: 16px;
	align-items: stretch;
}

.vm-featured-card,
.vm-list-card,
.hl-post,
.hs-post {
	background: #ffffff;
	border: 1px solid #f2f1f1;
	border-radius: 10px;
	box-shadow: 0 10px 28px rgba(15, 12, 5, .04);
}

.vm-featured-card {
	overflow: hidden;
}

.vm-featured-card__thumb,
.vm-list-card__thumb,
.hl-thumb,
.hs-post__thumb {
	background-color: #edeceb;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.vm-featured-card__thumb {
	display: block;
	width: 100%;
	height: 360px;
}

.vm-featured-card__body {
	padding: 16px;
}

.vm-featured-card__title {
	margin: 0 0 10px;
	color: #100f0e;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6;
}

.vm-featured-card__title a,
.vm-list-card__title a,
.hl-title a,
.hs-post__title a {
	color: inherit;
	text-decoration: none;
}

.vm-featured-card__title a:hover,
.vm-list-card__title a:hover,
.hl-title a:hover,
.hs-post__title a:hover {
	color: var(--yt-accent);
}

.vm-featured-card__excerpt {
	margin: 0 0 14px;
	color: #474239;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.9;
}

.vm-card-meta,
.hs-post__meta,
.hl-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	color: #837b72;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.8;
	opacity: 1;
}

.vm-post-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vm-list-card {
	display: flex;
	flex-direction: row-reverse;
	gap: 12px;
	align-items: stretch;
	padding: 0 0 12px;
	border-width: 0 0 1px;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
}

.vm-list-card:last-child {
	border-bottom: 0;
}

.vm-list-card__thumb {
	display: block;
	flex: 0 0 120px;
	width: 120px;
	min-height: 96px;
	border-radius: 8px;
}

.vm-list-card__body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.vm-list-card__title {
	margin: 0;
	color: #100f0e;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.8;
}

.home-listing {
	direction: rtl;
	margin: 40px 0 64px;
}

.hl-wrap {
	width: var(--content-w);
	max-width: var(--content-max);
	margin: 0 auto;
}

.hl-tabs {
	border-bottom-color: var(--yt-accent);
	margin-bottom: 20px;
}

.hl-tab {
	color: #837b72;
	border-radius: 8px;
	font-family: "Dana", var(--font-sans, Tahoma, sans-serif);
}

.hl-tab.is-active {
	background: var(--yt-accent);
	color: #ffffff;
}

.hl-posts {
	gap: 16px;
}

.hl-post {
	overflow: hidden;
}

.hl-body {
	padding: 14px 16px 18px;
}

.hl-title {
	color: #100f0e;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.7;
}

.hl-excerpt {
	color: #474239;
	font-size: 14px;
	line-height: 1.9;
}

.home-secondary {
	direction: rtl;
}

.home-secondary .hs-wrap {
	width: var(--content-w);
	max-width: var(--content-max);
}

.hs-tabs {
	border-bottom-color: var(--yt-accent);
}

.hs-tab--primary {
	background: var(--yt-accent);
	border-radius: 10px 10px 0 0;
}

.hs-post {
	overflow: hidden;
}

.hs-post__body {
	padding: 12px;
}

.hs-post__title {
	color: #100f0e;
}

.hs-post__excerpt {
	color: #474239;
	font-size: 14px;
	line-height: 1.9;
}

.witro-footer {
	background: #0f0c05;
	color: #ffffff;
}

.witro-footer__inner {
	max-width: 1200px;
}

.witro-footer__desktop {
	padding: 60px 0 39px;
}

.witro-footer__columns {
	grid-template-columns: 1fr 1fr 1fr 1.15fr;
	gap: 60px;
}

.witro-footer__col h3,
.witro-footer__mobile-contact h3,
.witro-footer__col h3 a,
.witro-footer__mobile-links a.is-heading {
	color: var(--footer-heading);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.8;
}

.witro-footer__col p,
.witro-footer__col p a,
.witro-footer__mobile-contact p,
.witro-footer__mobile-contact a,
.witro-footer__mobile-links a,
.witro-footer__bottom p,
.witro-footer__copyright {
	color: var(--footer-text);
	font-size: 14px;
	font-weight: 400;
	line-height: 2;
	opacity: 1;
}

.witro-footer a:hover,
.witro-footer a:focus {
	color: #ffffff;
}

.witro-footer__logo img {
	width: auto;
	height: 38px;
}

.witro-footer__logo {
	display: inline-flex;
	min-height: 38px;
	align-items: center;
	gap: 8px;
	color: #ffffff;
	text-decoration: none;
}

.witro-footer__logo img {
	display: none;
}

.witro-footer__logo::before {
	content: "\0648\06CC\062A\0631\0648";
	color: #ffffff;
	font-size: 28px;
	font-weight: 900;
	line-height: 1;
}

.witro-footer__logo::after {
	content: "";
	width: 26px;
	height: 26px;
	border-radius: 8px;
	background:
		radial-gradient(circle at 35% 35%, #0f0c05 0 3px, transparent 4px),
		radial-gradient(circle at 66% 35%, #0f0c05 0 3px, transparent 4px),
		#ffffff;
}

.witro-footer__action-row {
	margin-top: 48px;
}

.witro-footer__badge {
	width: 88px;
	height: 88px;
	border-radius: 10px;
	background: #ffffff;
}

.witro-footer__badge img {
	max-width: 78px;
	max-height: 78px;
}

.witro-footer__newsletter {
	display: block;
	width: 414px;
	margin: 0;
}

.witro-footer__newsletter label {
	display: block;
	margin: 0 0 8px;
	color: var(--footer-heading);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
}

.witro-footer__newsletter-row {
	display: grid;
	grid-template-columns: 87px minmax(0, 1fr);
	gap: 8px;
	align-items: center;
}

.witro-footer__newsletter input {
	width: 100%;
	min-width: 0;
	height: 44px;
	padding: 8px 14px;
	border: 1px solid #837b72;
	border-radius: 8px;
	background: transparent;
	color: #ffffff;
	font: inherit;
	font-size: 14px;
	text-align: right;
}

.witro-footer__newsletter input::placeholder {
	color: #a3a19c;
}

.witro-footer__newsletter button {
	height: 44px;
	border: 0;
	border-radius: 8px;
	background: #ffffff;
	color: #0f0c05;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.witro-footer__divider {
	margin-top: 28px;
	border-top-color: rgba(209, 208, 206, .16);
}

.witro-footer__bottom {
	margin-top: 16px;
	padding-bottom: 0;
}

.witro-footer__socials {
	gap: 12px;
}

.witro-footer__icon {
	width: 40px;
	height: 40px;
	border-color: rgba(209, 208, 206, .7);
	border-radius: 10px;
	background: transparent;
}

.witro-footer__icon img {
	width: 22px;
	height: 22px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.witro-footer__icon svg {
	width: 22px;
	height: 22px;
	fill: #ffffff;
	stroke: none;
}

.witro-footer__icon:hover,
.witro-footer__icon:focus {
	background: #ffffff;
	border-color: #ffffff;
}

.witro-footer__icon:hover img,
.witro-footer__icon:focus img {
	filter: brightness(0);
}

.witro-footer__icon:hover svg,
.witro-footer__icon:focus svg {
	fill: #0f0c05;
	stroke: none;
}

@media (max-width: 767px) {
	.vitro-breadcrumb {
		width: min(calc(100% - 32px), 328px);
		margin: 20px auto 12px;
		font-size: 12px;
	}

	.vm-category-hero {
		margin-bottom: 40px;
	}

	.vm-category-hero__wrap {
		width: min(calc(100% - 32px), 328px);
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.vm-featured-card__thumb {
		height: 213px;
	}

	.vm-featured-card__body {
		padding: 12px;
	}

	.vm-featured-card__title {
		margin-bottom: 8px;
		font-size: 16px;
		line-height: 1.8;
	}

	.vm-featured-card__excerpt {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 1.9;
	}

	.vm-card-meta,
	.hs-post__meta,
	.hl-meta {
		font-size: 10px;
		line-height: 1.8;
	}

	.vm-post-list {
		gap: 0;
	}

	.vm-list-card {
		gap: 8px;
		padding: 12px 0;
	}

	.vm-list-card__thumb {
		flex-basis: 88px;
		width: 88px;
		min-height: 88px;
		border-radius: 8px !important;
	}

	.vm-list-card__title {
		font-size: 12px;
		line-height: 2;
	}

	.home-secondary {
		margin-top: 40px;
		padding: 32px 16px;
		background: #edeceb;
	}

	.home-secondary .hs-wrap {
		width: 100%;
		max-width: none;
		display: block;
	}

	.hs-tabs {
		margin-bottom: 16px;
		border: 0;
		align-items: center;
		justify-content: space-between;
	}

	.hs-tab {
		display: none;
	}

	.hs-tab--primary,
	.hs-tab.is-active:first-child {
		display: inline-flex;
		order: 1;
		margin: 0;
		padding: 0;
		background: transparent;
		color: #100f0e;
		border-radius: 0;
		font-size: 16px;
		font-weight: 700;
	}

	.hs-tabs::before {
		content: "مشاهده بیشتر";
		order: 2;
		margin: 0;
		color: var(--yt-accent);
		font-size: 12px;
		font-weight: 500;
	}

	.hs-posts,
	.hs-posts__col {
		display: flex;
		flex-direction: row;
		gap: 16px;
	}

	.hs-posts {
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-bottom: 4px;
	}

	.hs-posts__col {
		flex: 0 0 auto;
	}

	.hs-post,
	.hs-post--featured {
		flex: 0 0 280px;
		display: block;
		scroll-snap-align: start;
		border-radius: 10px;
	}

	.hs-post__thumb,
	.hs-post--featured .hs-post__thumb {
		height: 200px;
		min-height: 200px;
		margin: 0;
		aspect-ratio: auto;
		border-radius: 10px 10px 0 0 !important;
	}

	.hs-post__body {
		padding: 12px;
	}

	.hs-post__title,
	.hs-post--featured .hs-post__title {
		font-size: 14px;
		line-height: 1.8;
	}

	.hs-post__excerpt {
		font-size: 12px;
	}

	.home-listing {
		margin: 40px 0;
	}

	.hl-wrap {
		width: min(calc(100% - 32px), 328px);
	}

	.hl-tabs {
		margin-bottom: 16px;
		border: 0;
		gap: 8px;
		overflow-x: auto;
	}

	.hl-tab {
		flex: 0 0 auto;
		padding: 8px 12px;
		font-size: 12px;
	}

	.hl-posts {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.hl-post {
		display: flex;
		flex-direction: row-reverse;
		gap: 8px;
		padding: 12px 0;
		border-width: 0 0 1px;
		border-radius: 0;
		box-shadow: none;
		background: transparent;
	}

	.hl-thumb {
		flex: 0 0 88px;
		width: 88px;
		height: 88px;
		aspect-ratio: auto;
		border-radius: 8px !important;
	}

	.hl-body {
		flex: 1 1 auto;
		min-width: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.hl-title {
		margin: 0;
		font-size: 12px;
		line-height: 2;
	}

	.hl-excerpt {
		display: none;
	}

	.witro-footer {
		background: #0f0c05;
	}

	.witro-footer__desktop {
		display: none;
	}

	.witro-footer__mobile {
		display: flex;
		width: min(100%, 360px);
		padding: 24px 16px;
	}

	.witro-footer__inner {
		padding: 0;
	}

	.witro-footer__logo {
		margin-bottom: 12px;
	}

	.witro-footer__logo img {
		height: 32px;
	}

	.witro-footer__mobile-links {
		gap: 4px;
		align-items: stretch;
	}

	.witro-footer__mobile-links a {
		width: 100%;
		color: var(--footer-text);
		font-size: 13px;
		line-height: 1.9;
		text-align: right;
	}

	.witro-footer__mobile-links a.is-heading {
		margin-top: 10px;
		color: #ffffff;
		font-size: 14px;
		font-weight: 700;
	}

	.witro-footer__mobile-links a.is-heading:first-child {
		margin-top: 0;
	}

	.witro-footer__mobile-contact {
		margin: 12px 0;
	}

	.witro-footer__mobile-contact h3 {
		color: #ffffff;
		font-size: 14px;
	}

	.witro-footer__mobile-contact p,
	.witro-footer__mobile-contact a {
		font-size: 11px;
		line-height: 1.9;
	}

	.witro-footer__badges--mobile {
		justify-content: center;
		gap: 12px;
		margin: 12px 0;
	}

	.witro-footer__badge {
		width: 80px;
		height: 80px;
		border-radius: 10px;
	}

	.witro-footer__badge img {
		max-width: 70px;
		max-height: 70px;
	}

	.witro-footer__newsletter {
		width: 100%;
		margin: 0 0 12px;
	}

	.witro-footer__newsletter label {
		font-size: 14px;
	}

	.witro-footer__newsletter-row {
		grid-template-columns: 87px minmax(0, 1fr);
	}

	.witro-footer__newsletter input,
	.witro-footer__newsletter button {
		height: 40px;
		font-size: 12px;
	}

	.witro-footer__socials {
		justify-content: center;
		gap: 8px;
		margin: 12px 0;
	}

	.witro-footer__icon {
		width: 33px;
		height: 33px;
		border-radius: 8px;
	}

	.witro-footer__icon img,
	.witro-footer__icon svg {
		width: 18px;
		height: 18px;
	}

	.witro-footer__copyright {
		padding-bottom: 0;
		color: var(--footer-text);
		font-size: 10px;
		line-height: 1.8;
		text-align: center;
	}
}

/* Full blog surfaces: home, ads, categories, single */
.vm-category-hero__wrap {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 16px;
}

.vm-featured-card {
	min-width: 0;
}

.vm-featured-card__thumb {
	height: 320px;
}

.vm-featured-card__body {
	padding: 12px;
}

.vm-featured-card__title {
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 1.85;
}

.vm-featured-card__excerpt {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 1.9;
}

.vm-post-list {
	gap: 0;
}

.vm-list-card {
	gap: 12px;
	padding: 0 0 14px;
	margin-bottom: 14px;
}

.vm-list-card:last-child {
	margin-bottom: 0;
}

.vm-list-card__thumb {
	flex-basis: 104px;
	width: 104px;
	min-height: 88px;
}

.vm-list-card__title {
	font-size: 14px;
	line-height: 1.9;
}

.vm-card-meta {
	font-size: 11px;
}

.vm-home-hero {
	margin-top: 24px;
}

.home-ad-banner {
	margin: 28px 0;
}

.home-ad-banner--after-hero {
	margin-top: 24px;
	margin-bottom: 40px;
}

.hab-banner {
	position: relative;
	min-height: 96px;
	background-color: #0f0c05;
	background-image: var(--yt-ad-banner, linear-gradient(135deg, #0f0c05 0%, #241507 52%, #eb8205 150%));
	border: 0;
	border-radius: 10px;
	box-shadow: 0 12px 28px rgba(15, 12, 5, .08);
}

.hs-aside {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.hs-ad-portrait {
	min-height: 292px;
	background-color: #0f0c05;
	background-image: linear-gradient(180deg, rgba(15, 12, 5, .1) 0%, rgba(15, 12, 5, .72) 100%), var(--yt-ad-image, linear-gradient(135deg, #0f0c05 0%, #3a230c 64%, #eb8205 140%));
	border: 0;
	border-radius: 10px;
	box-shadow: 0 12px 28px rgba(15, 12, 5, .08);
}

.hs-ad-portrait::before {
	inset: auto 18px 72px 18px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.8;
	text-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}

.hs-ad-portrait::after {
	inset: auto 18px 18px 18px;
	height: 44px;
	border: 0;
	border-radius: 8px;
	background: #ffffff;
	color: #0f0c05;
	font-size: 14px;
	font-weight: 700;
}

.hs-newsletter {
	border: 1px solid #f2f1f1;
	border-radius: 10px;
	box-shadow: 0 10px 28px rgba(15, 12, 5, .04);
}

.hs-newsletter__title {
	color: #100f0e;
}

.hs-field span {
	color: #837b72;
}

.hs-field input:focus {
	border-color: var(--yt-accent);
	box-shadow: 0 0 0 3px rgba(235, 130, 5, .14);
}

.category-ad-banner {
	margin-top: 0;
	margin-bottom: 40px;
}

.vitro-ad-media {
	display: block;
	overflow: hidden;
	background-color: #fff3e8;
}

.vitro-ad-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.category-ad-banner__link {
	border: 0;
	box-shadow: 0 12px 28px rgba(15, 12, 5, .08);
}

.category-side-ad {
	min-height: 0;
	border: 0;
	box-shadow: 0 12px 28px rgba(15, 12, 5, .08);
}

.category-side-ad::before,
.category-side-ad::after {
	content: none !important;
}

@media (min-width: 992px) {
	.category-listing__wrap {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 320px;
		gap: 24px;
		align-items: start;
	}

	.category-listing__aside {
		position: sticky;
		top: 124px;
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
}

.category-cta {
	border-radius: 10px;
	box-shadow: none;
}

.single-screen {
	--single-bg: #fbfbfb;
	--single-card: #ffffff;
	--single-border: #f2f1f1;
	--single-muted: #837b72;
	--single-dark: #100f0e;
	--single-accent: #fce6d2;
	padding: 32px 0 64px;
}

.single-plane {
	width: var(--content-w);
	max-width: var(--content-max);
	padding: 0;
}

.single-shell {
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 24px;
	align-items: start;
}

.single-sidebar {
	top: 124px;
	gap: 12px;
}

.single-article,
.single-card,
.single-related__item {
	border-color: #f2f1f1;
	border-radius: 10px;
	box-shadow: 0 10px 28px rgba(15, 12, 5, .04);
}

.single-article {
	padding: 24px;
}

.single-breadcrumb {
	margin-bottom: 16px;
}

.single-breadcrumb ol {
	color: #837b72;
	font-size: 12px;
	line-height: 1.8;
}

.single-breadcrumb a:hover,
.single-breadcrumb a:focus {
	color: var(--yt-accent);
}

.single-hero {
	margin-top: 0;
}

.single-hero__badge {
	margin-bottom: 12px;
	background: var(--yt-accent);
	color: #ffffff;
	border-radius: 8px;
	font-size: 13px;
}

.single-hero__title {
	color: #100f0e;
	font-size: 30px;
	line-height: 1.65;
}

.single-hero__excerpt {
	color: #474239;
	font-size: 15px;
	line-height: 1.9;
}

.single-hero__meta {
	color: #837b72;
	font-size: 13px;
}

.single-hero__meta-icon {
	color: var(--yt-accent);
}

.single-hero__figure {
	margin: 24px 0;
	border-radius: 10px;
}

.single-content {
	color: #100f0e;
	margin-top: 28px;
}

.single-content h1,
.single-content h2,
.single-content h3 {
	color: #100f0e;
	font-weight: 700;
	line-height: 1.7;
}

.single-content a {
	color: var(--yt-accent);
}

.single-content blockquote {
	margin: 28px 0;
	padding: 26px 44px;
	border: 0;
	border-radius: 10px;
	background: #fff3e8;
	color: #241507;
	box-shadow: none;
	font-size: 14px;
	font-weight: 600;
	line-height: 2;
	text-align: center;
}

.single-content blockquote::before,
.single-content blockquote::after {
	filter: hue-rotate(-6deg) saturate(.9);
	width: 28px;
	height: 30px;
}

.single-card--toc .single-toc__head,
.single-card header {
	margin-bottom: 12px;
}

.single-toc__title,
.single-card h3 {
	color: #100f0e;
}

.single-toc__divider {
	background: #f2f1f1;
}

.single-toc li.is-active,
.single-toc li:hover,
.single-toc a:hover,
.single-toc a:focus,
.single-toc a.is-active {
	color: var(--yt-accent);
}

.single-card--cta {
	background: #fff3e8;
	border-color: #fce6d2;
	box-sizing: border-box;
	overflow: hidden;
}

.single-card--cta p {
	color: #100f0e;
	line-height: 1.9;
	overflow-wrap: anywhere;
}

.single-chip {
	box-sizing: border-box;
	border-radius: 8px;
	background: #0f0c05;
	color: #ffffff;
}

.single-chip:hover,
.single-chip:focus,
.single-chip--dark:hover,
.single-chip--dark:focus {
	background: var(--yt-accent);
	color: #ffffff;
}

.single-chip--dark {
	background: var(--yt-accent);
	color: #ffffff;
}

.single-source {
	border-color: #fce6d2;
	border-radius: 10px;
	background: #fff3e8;
}

.single-source__icon {
	border-radius: 8px;
	background: linear-gradient(135deg, #f39a3e, #e67e22);
}

.single-source a,
.single-related__head a {
	color: var(--yt-accent);
}

.single-share__btn {
	border-radius: 8px;
	border-color: #f2f1f1;
}

.single-share__btn:hover {
	border-color: var(--yt-accent);
}

.single-content .addtoany_share_save_container,
.single-content .addtoany_content,
.single-tags-share > .single-share {
	display: none !important;
}

.single-share-block {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	margin: 28px 0 34px;
}

.single-share-block__label {
	color: #111111;
	font-size: 0;
	font-weight: 500;
	line-height: 1.8;
}

.single-share-block__label::before {
	content: "\0627\0634\062A\0631\0627\06A9\0020\06AF\0630\0627\0631\06CC";
	font-size: 14px;
}

.single-share {
	display: flex;
	align-items: center;
	gap: 8px;
}

.single-share__btn {
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 8px;
	text-decoration: none;
}

.single-share__btn svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	color: inherit;
}

.single-share__btn--telegram {
	border-color: #27a7e7;
	background: #27a7e7;
	color: #ffffff;
}

.single-share__btn--whatsapp {
	border-color: #25d366;
	background: #25d366;
	color: #ffffff;
}

.single-share__btn--linkedin {
	border-color: #0a66c2;
	background: #0a66c2;
	color: #ffffff;
}

.single-share__btn--copy {
	background: #ffffff;
	color: #111111;
}

.single-share__btn--telegram:hover,
.single-share__btn--whatsapp:hover,
.single-share__btn--linkedin:hover {
	border-color: currentColor;
	filter: brightness(.96);
}

.single-related__head h3 {
	margin: 0;
	color: #100f0e;
}

.single-related__thumb {
	height: 170px;
}

.single-related__body h4,
.single-mini-feed__body h4 {
	line-height: 1.7;
}

.single-related__body a,
.single-mini-feed__body a {
	color: #100f0e;
}

.single-related__body a:hover,
.single-mini-feed__body a:hover {
	color: var(--yt-accent);
}

.single-mini-feed__thumb {
	height: 176px;
	border-radius: 10px;
}

.single-mini-feed__meta {
	background: rgba(255, 255, 255, .86);
	color: #100f0e;
}

.single-side-ad {
	display: block;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 8 / 3;
	border-radius: 10px;
	background: #fff3e8 center/cover no-repeat;
	background-image: var(--yt-ad-single-side);
	box-shadow: 0 10px 28px rgba(15, 12, 5, .04);
}

.single-sidebar .single-card {
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
	box-shadow: none;
}

.single-sidebar .single-mini-feed {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.single-sidebar .single-mini-feed__item {
	overflow: hidden;
	gap: 0;
	border: 1px solid #f2f1f1;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 8px 22px rgba(15, 12, 5, .035);
}

.single-sidebar .single-mini-feed__thumb {
	height: 126px;
	border-radius: 8px 8px 0 0;
}

.single-sidebar .single-mini-feed__meta-bar {
	inset-inline: 8px;
	inset-block-end: 8px;
}

.single-sidebar .single-mini-feed__meta {
	padding: 3px 7px;
	border-radius: 4px;
	font-size: 9px;
	line-height: 1.5;
}

.single-sidebar .single-mini-feed__body {
	padding: 9px 10px 10px;
}

.single-sidebar .single-mini-feed__body h4 {
	margin: 0 0 6px;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.8;
}

.single-sidebar .single-mini-feed__excerpt {
	display: -webkit-box;
	overflow: hidden;
	color: #555555;
	font-size: 10px;
	line-height: 1.9;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.single-sidebar .single-card--cta {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: 14px 12px;
	border: 1px solid #fce6d2;
	background: #ffffff;
}

.single-sidebar .single-card--cta p {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.9;
	text-align: center;
}

.single-sidebar .single-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	height: 36px;
	padding: 0 12px;
	font-size: 12px;
	line-height: 1.3;
	white-space: normal;
}

.single-sidebar .single-side-ad,
.single-sidebar .single-ad-portrait {
	border-radius: 8px;
	box-shadow: none;
}

.single-side-ad img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vitro-newsletter-modal[hidden] {
	display: none;
}

body.has-newsletter-modal {
	overflow: hidden;
}

.vitro-newsletter-modal {
	position: fixed;
	inset: 0;
	z-index: 2000;
	display: grid;
	place-items: center;
	padding: 24px;
}

.vitro-newsletter-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 12, 5, .42);
	backdrop-filter: blur(1.5px);
}

.vitro-newsletter-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(520px, calc(100vw - 32px));
	padding: 34px 40px 32px;
	border: 1px solid #f2f1f1;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 24px 70px rgba(15, 12, 5, .18);
	text-align: center;
	animation: vitro-newsletter-in .22s ease both;
}

.vitro-newsletter-modal__close {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #8a8a8a;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

.vitro-newsletter-modal__close:hover,
.vitro-newsletter-modal__close:focus {
	background: #f5f5f5;
	color: #111111;
}

.vitro-newsletter-modal h2 {
	margin: 0 0 22px;
	color: #111111;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.9;
}

.vitro-newsletter-modal__form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vitro-newsletter-modal__form input {
	width: 100%;
	height: 44px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #ffffff;
	color: #111111;
	padding: 0 14px;
	font-size: 13px;
	text-align: right;
}

.vitro-newsletter-modal__form input:focus {
	outline: none;
	border-color: #f39a3e;
	box-shadow: 0 0 0 3px rgba(243, 154, 62, .14);
}

.vitro-newsletter-modal__form button {
	height: 44px;
	border: 0;
	border-radius: 8px;
	background: #0f0c05;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.vitro-newsletter-modal__form button:hover,
.vitro-newsletter-modal__form button:focus {
	background: #e67e22;
}

.vitro-newsletter-modal__status {
	min-height: 18px;
	margin: 0;
	color: #8a8a8a;
	font-size: 12px;
	line-height: 1.6;
}

@keyframes vitro-newsletter-in {
	from {
		opacity: 0;
		transform: translateY(12px) scale(.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (max-width: 1024px) {
	.single-shell {
		grid-template-columns: 1fr;
	}

	.single-sidebar {
		position: static;
	}
}

@media (max-width: 991px) {
	.category-listing__aside {
		display: flex;
		flex-direction: column;
		gap: 16px;
		margin-top: 24px;
	}
}

@media (max-width: 767px) {
	.vm-home-hero {
		margin-top: 20px;
	}

	.vm-category-hero__wrap {
		width: min(calc(100% - 32px), 328px);
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.vm-featured-card__thumb {
		height: 213px;
	}

	.vm-featured-card__body {
		padding: 12px;
	}

	.vm-featured-card__title {
		margin-bottom: 8px;
		font-size: 16px;
		line-height: 1.8;
	}

	.vm-featured-card__excerpt {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 1.9;
	}

	.vm-list-card {
		gap: 8px;
		padding: 12px 0;
		margin-bottom: 0;
	}

	.vm-list-card__thumb {
		flex-basis: 88px;
		width: 88px;
		min-height: 88px;
	}

	.vm-list-card__title {
		font-size: 12px;
		line-height: 2;
	}

	.home-ad-banner,
	.home-ad-banner--after-hero,
	.category-ad-banner {
		margin: 24px 0;
	}

	.hab-banner {
		min-height: 64px;
		aspect-ratio: 6 / 1;
	}

	.hs-ad-portrait {
		min-height: 240px;
	}

	.category-listing__aside {
		width: min(calc(100% - 32px), 328px);
		margin-right: auto;
		margin-left: auto;
	}

	.single-screen {
		padding: 20px 0 40px;
	}

	.single-plane {
		width: min(calc(100% - 32px), 328px);
	}

	.single-article {
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.single-hero__title {
		font-size: 24px;
		line-height: 1.75;
	}

	.single-hero__figure {
		width: 100%;
		height: auto;
		border-radius: 10px;
	}

	.single-hero__figure img {
		height: auto;
	}

	.single-card,
	.single-related__item {
		border-radius: 10px;
	}

	.single-side-ad {
		aspect-ratio: 2.6 / 1;
	}

	.vitro-newsletter-modal {
		align-items: start;
		padding: 104px 16px 24px;
	}

	.vitro-newsletter-modal__dialog {
		width: min(328px, calc(100vw - 32px));
		padding: 22px 12px 12px;
		border-radius: 8px;
	}

	.vitro-newsletter-modal h2 {
		margin-bottom: 14px;
		font-size: 13px;
		line-height: 1.9;
	}

	.vitro-newsletter-modal__close {
		top: 10px;
		left: 10px;
	}

	.vitro-newsletter-modal__form {
		gap: 8px;
	}

	.vitro-newsletter-modal__form input,
	.vitro-newsletter-modal__form button {
		height: 36px;
		border-radius: 6px;
		font-size: 11px;
	}
}

/* Figma landing/desktop alignment */
@media (min-width: 992px) {
	:root {
		--yt-header-bg: #0f0c05;
		--yt-header-text: #ffffff;
		--yt-cta-bg: #ffffff;
		--yt-cta-text: #0f0c05;
		--yt-accent: #f39a3e;
		--content-w: min(calc(100vw - 112px), 1200px);
		--content-max: 1200px;
	}

	body.home {
		background: #ffffff;
	}

	body.home .yt-header[data-variant="desktop"] {
		width: var(--content-w);
		max-width: var(--content-max);
		height: 84px;
		margin-top: 28px;
		padding: 0 40px;
		border: 0;
		border-radius: 15px;
		background: #0f0c05;
		box-shadow: 0 10px 24px rgba(15, 12, 5, .16);
	}

	body.home .yt-header-shell.is-stuck .yt-header[data-variant="desktop"] {
		margin-top: 8px;
	}

	body.home .yt-header__left {
		flex: 1 1 auto;
		gap: 34px;
		justify-content: flex-start;
	}

	body.home .yt-header__right {
		flex: 0 0 auto;
		gap: 14px;
	}

	body.home .yt-header .custom-logo-link {
		min-width: 84px;
		color: #ffffff;
		font-size: 21px;
		font-weight: 900;
		letter-spacing: 0;
		white-space: nowrap;
	}

	body.home .yt-header .wp-block-navigation__container {
		gap: 22px;
	}

	body.home .yt-header .wp-block-navigation__container > li > a {
		padding: 0;
		color: rgba(255, 255, 255, .78);
		background: transparent;
		border-radius: 0;
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
	}

	body.home .yt-header .wp-block-navigation__container > li > a:hover,
	body.home .yt-header .wp-block-navigation__container > li > a:focus,
	body.home .yt-header .wp-block-navigation__container > li.current-menu-item > a {
		color: #ffffff;
		background: transparent;
	}

	body.home .yt-cta[data-variant="desktop"] {
		height: 40px;
		min-width: 104px;
		padding: 0 18px;
		border-radius: 8px;
		background: #ffffff;
		color: #0f0c05;
		font-size: 13px;
		font-weight: 700;
	}

	body.home .yt-cta[data-variant="desktop"]:hover,
	body.home .yt-cta[data-variant="desktop"]:focus {
		background: #f39a3e;
		color: #ffffff;
		border-color: #f39a3e;
	}

	body.home .yt-search__toggle {
		width: 40px;
		height: 40px;
		border: 1px solid rgba(255, 255, 255, .16);
		border-radius: 8px;
		color: #ffffff;
		background: transparent;
	}

	body.home .yt-search__toggle:hover,
	body.home .yt-search__toggle:focus {
		background: rgba(255, 255, 255, .08);
	}

	body.home .yt-searchbar {
		width: var(--content-w);
		max-width: var(--content-max);
	}

	body.home .vm-home-hero {
		margin-top: 24px;
		margin-bottom: 44px;
	}

	body.home .vm-category-hero__wrap {
		width: var(--content-w);
		max-width: var(--content-max);
		grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
		gap: 16px;
		align-items: stretch;
	}

	body.home .vm-featured-card {
		display: flex;
		min-height: 458px;
		flex-direction: column;
		border: 1px solid #f2f1f1;
		border-radius: 10px;
		background: #ffffff;
		box-shadow: none;
		overflow: hidden;
	}

	body.home .vm-featured-card__thumb {
		height: 318px;
		border-radius: 10px 10px 0 0;
	}

	body.home .vm-featured-card__body {
		display: flex;
		min-height: 140px;
		flex: 1 1 auto;
		flex-direction: column;
		justify-content: space-between;
		padding: 18px 22px 16px;
	}

	body.home .vm-featured-card__title {
		margin: 0 0 8px;
		color: #111111;
		font-size: 18px;
		font-weight: 800;
		line-height: 1.85;
		text-align: right;
	}

	body.home .vm-featured-card__excerpt {
		margin: 0 0 14px;
		color: #555555;
		font-size: 13px;
		line-height: 1.9;
		text-align: right;
	}

	body.home .vm-card-meta {
		color: #8a8a8a;
		font-size: 11px;
		line-height: 1.8;
	}

	body.home .vm-post-list {
		min-height: 458px;
		justify-content: space-between;
		gap: 0;
	}

	body.home .vm-list-card {
		display: flex;
		flex: 0 0 calc((458px - 54px) / 4);
		flex-direction: row;
		gap: 16px;
		align-items: center;
		padding: 0 0 18px;
		margin: 0 0 18px;
		border: 0;
		border-bottom: 1px solid #f2f1f1;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	body.home .vm-list-card:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: 0;
	}

	body.home .vm-list-card__thumb {
		flex: 0 0 96px;
		width: 96px;
		height: 82px;
		min-height: 82px;
		border-radius: 8px;
		order: 0;
	}

	body.home .vm-list-card__body {
		min-height: 82px;
		justify-content: space-between;
		text-align: right;
	}

	body.home .vm-list-card__title {
		color: #111111;
		font-size: 14px;
		font-weight: 800;
		line-height: 1.9;
	}

	body.home .home-ad-banner--after-hero {
		margin-top: 0;
	}

	body.home .home-ad-banner .hab-wrap,
	body.home .home-secondary .hs-wrap,
	body.home .hl-wrap {
		width: var(--content-w);
		max-width: var(--content-max);
	}
}

.vm-mag-archive__title {
	display: none;
}

.yt-mobile-menu-glyph {
	display: none;
}

/* Witro Mag landing mobile alignment */
@media (max-width: 767px) {
	body.home {
		background: #ffffff;
	}

	body.home,
	body.home .yt-header-shell,
	body.home .vm-mag-home {
		--vm-mobile-shell: min(100vw, 360px);
		--vm-mobile-inner: min(calc(100vw - 32px), 328px);
		--vm-mobile-gutter: calc((100vw - var(--vm-mobile-shell)) / 2);
	}

	html,
	body.home,
	body.home .site-main,
	body.home .vm-mag-home {
		width: 100%;
		max-width: 100%;
		overflow-x: clip;
	}

	@supports not (overflow-x: clip) {
		html,
		body.home,
		body.home .site-main,
		body.home .vm-mag-home {
			overflow-x: hidden;
		}
	}

	body.home .yt-header-shell {
		width: 100vw;
		max-width: 100vw;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
		overflow: visible;
		background: #0f0c05;
		box-shadow: 0 6px 16px rgba(15, 12, 5, .18);
	}

	body.home .yt-header--mobile {
		position: relative;
		width: var(--vm-mobile-shell);
		max-width: var(--vm-mobile-shell);
		margin-right: auto;
		margin-left: auto;
		height: 44px;
		padding: 0 12px;
		background: #0f0c05;
		box-shadow: none;
		justify-content: center;
	}

	body.home .yt-header--mobile::after {
		content: "";
		position: absolute;
		top: 15px;
		right: auto;
		left: auto;
		inset-inline-end: 14px;
		z-index: 1003;
		width: 18px;
		height: 14px;
		pointer-events: none;
		background: linear-gradient(
			to bottom,
			#ffffff 0 2px,
			transparent 2px 6px,
			#ffffff 6px 8px,
			transparent 8px 12px,
			#ffffff 12px 14px
		);
	}

	body.home .yt-mobile-menu-glyph {
		position: absolute;
		top: 15px;
		right: auto;
		left: auto;
		inset-inline-end: 14px;
		z-index: 1004;
		display: flex;
		width: 18px;
		height: 14px;
		flex-direction: column;
		justify-content: space-between;
		pointer-events: none;
	}

	body.home .yt-mobile-menu-glyph span {
		display: block;
		width: 100%;
		height: 2px;
		border-radius: 2px;
		background: #ffffff;
	}

	body.home .yt-header--mobile img.custom-logo {
		height: 24px;
		max-width: 98px;
	}

	body.home .yt-header--mobile .wp-block-site-logo {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 1002;
		transform: translate(-50%, -50%);
	}

	body.home .yt-header--mobile .yt-install,
	body.home .yt-header--mobile .yt-burger,
	body.home .yt-header--mobile .yt-search__toggle {
		width: 36px;
		height: 36px;
		border: 0;
		color: #ffffff;
		background: transparent;
	}

	body.home .yt-header--mobile .yt-burger {
		position: absolute;
		top: 4px;
		right: auto;
		left: auto;
		inset-inline-end: 6px;
		z-index: 1002;
		display: grid !important;
		place-items: center;
		gap: 4px;
		opacity: 1;
		visibility: visible;
	}

	body.home .yt-header--mobile .yt-burger::before {
		content: "";
		display: block;
		width: 18px;
		height: 14px;
		background: linear-gradient(
			to bottom,
			#ffffff 0 2px,
			transparent 2px 6px,
			#ffffff 6px 8px,
			transparent 8px 12px,
			#ffffff 12px 14px
		);
		border-radius: 2px;
	}

	body.home .yt-header--mobile .yt-search {
		position: absolute;
		top: 4px;
		left: 8px;
		z-index: 1002;
		margin: 0;
	}

	.yt-drawer {
		inset: 44px auto auto 50%;
		z-index: 1010;
		width: min(288px, calc(100vw - 96px));
		max-width: calc(100vw - 96px);
		height: auto;
		max-height: calc(100dvh - 62px);
		padding: 18px 20px 22px;
		border: 0;
		border-radius: 0;
		background: #201d1a;
		color: #ffffff;
		overflow-x: hidden;
		overflow-y: auto;
		transform: translateX(calc(-50% + 48px)) translateY(-10px);
		opacity: 0;
		visibility: hidden;
		box-shadow: -24px 0 0 rgba(0, 0, 0, .32), 0 18px 42px rgba(0, 0, 0, .22);
		pointer-events: none;
	}

	.yt-drawer.is-open {
		transform: translateX(calc(-50% + 48px)) translateY(0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.yt-drawer__head,
	.yt-drawer__search,
	.yt-drawer__actions {
		display: none;
	}

	.yt-drawer__nav .wp-block-navigation__container {
		gap: 0;
		align-items: stretch;
		width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	.yt-drawer .wp-block-navigation__container > li > a {
		width: 100%;
		box-sizing: border-box;
		justify-content: flex-start;
		min-height: 48px;
		padding: 0 18px;
		border-bottom: 1px solid rgba(243, 154, 62, .12);
		color: #ffffff;
		background: transparent;
		font-size: 16px;
		font-weight: 600;
		text-align: right;
	}

	.yt-overlay {
		background: rgba(0, 0, 0, .34);
	}

	body.home .yt-searchbar {
		position: fixed;
		top: 44px;
		right: auto !important;
		left: 50% !important;
		z-index: 1005;
		width: min(328px, calc(100vw - 32px)) !important;
		max-width: min(328px, calc(100vw - 32px)) !important;
		box-sizing: border-box;
		margin: 0;
		transform: translateX(-50%) translateY(-8px) !important;
	}

	body.home .yt-header-shell.is-search-open .yt-searchbar {
		max-height: 88px;
		opacity: 1;
		transform: translateX(-50%) translateY(0) !important;
	}

	body.home .yt-searchbar__inner {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
		border: 1px solid rgba(255, 255, 255, .72);
		border-radius: 8px;
		background: #0f0c05;
		box-shadow: 0 10px 26px rgba(15, 12, 5, .22);
	}

	body.home .yt-searchbar .wp-block-search__inside-wrapper {
		width: 100%;
		box-sizing: border-box;
		flex-direction: row-reverse;
		gap: 8px;
	}

	body.home .yt-searchbar .wp-block-search__input {
		height: 34px;
		border: 0;
		background: transparent;
		color: #ffffff;
		font-size: 13px;
		text-align: right;
	}

	body.home .yt-searchbar .wp-block-search__input::placeholder {
		color: rgba(255, 255, 255, .72);
	}

	body.home .yt-searchbar .wp-block-search__button {
		width: 34px;
		min-width: 34px;
		height: 34px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #ffffff;
		font-size: 0;
	}

	body.home .vm-mag-container {
		box-sizing: border-box;
		width: var(--vm-mobile-inner);
		max-width: none;
		margin-right: auto;
		margin-left: auto;
		direction: rtl;
		transform: none;
	}

	body.home .vm-mag-home {
		display: flex;
		flex-direction: column;
		background: #ffffff;
	}

	body.home .vm-mag-home > section {
		direction: ltr;
	}

	body.home .vm-mag-hero {
		order: 1;
		padding: 14px 0 28px;
		background: #ffffff;
	}

	body.home .vm-mag-strip--sales {
		order: 2;
	}

	body.home .vm-mag-strip--education {
		order: 3;
	}

	body.home .vm-mag-categories {
		order: 4;
	}

	body.home .vm-mag-ad-row {
		order: 5;
	}

	body.home .vm-mag-strip--featured-latest {
		order: 6;
	}

	body.home .vm-mag-latest {
		order: 7;
	}

	body.home .vm-mag-hero__grid {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	body.home .vm-mag-card {
		border-color: #ececec;
		border-radius: 8px;
		box-shadow: none;
	}

	body.home .vm-mag-card--featured {
		min-height: 0;
	}

	body.home .vm-mag-card--featured .vm-mag-card__media {
		height: 184px;
		border-radius: 8px 8px 0 0;
	}

	body.home .vm-mag-card--featured .vm-mag-card__body {
		min-height: 0;
		gap: 7px;
		padding: 10px 12px 11px;
	}

	body.home .vm-mag-card--featured .vm-mag-card__title {
		font-size: 12px;
		line-height: 1.85;
	}

	body.home .vm-mag-card--featured .vm-mag-card__excerpt {
		display: -webkit-box;
		overflow: hidden;
		color: #666666;
		font-size: 11px;
		line-height: 1.85;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	body.home .vm-mag-card__badge {
		top: 8px;
		right: 8px;
		padding: 3px 7px;
		border-radius: 5px;
		font-size: 9px;
	}

	body.home .vm-mag-hero-list {
		min-height: 0;
		gap: 0;
	}

	body.home .vm-mag-card--list {
		display: grid;
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 9px;
		align-items: center;
		padding: 9px 0;
		border: 0;
		border-bottom: 1px solid #eeeeee;
		border-radius: 0;
		background: transparent;
		direction: rtl;
	}

	body.home .vm-mag-card--list:last-child {
		border-bottom: 0;
	}

	body.home .vm-mag-card--list .vm-mag-card__media {
		width: 72px;
		height: 58px;
		border-radius: 6px;
		grid-column: 1;
	}

	body.home .vm-mag-card--list .vm-mag-card__body {
		min-height: 58px;
		gap: 5px;
		padding: 0;
		grid-column: 2;
	}

	body.home .vm-mag-card--list .vm-mag-card__title {
		display: -webkit-box;
		overflow: hidden;
		font-size: 11px;
		line-height: 1.9;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	body.home .vm-mag-meta {
		gap: 8px;
		color: #a0a0a0;
		font-size: 9px;
		line-height: 1.7;
	}

	body.home .vm-mag-meta__author::before,
	body.home .vm-mag-meta__date::before {
		width: 10px;
		height: 10px;
	}

	body.home .vm-mag-strip,
	body.home .vm-mag-categories {
		padding: 32px 0 34px;
	}

	body.home .vm-mag-strip--soft,
	body.home .vm-mag-categories {
		background: #f5f5f5;
	}

	body.home .vm-mag-strip--white {
		background: #ffffff;
	}

	body.home .vm-mag-section-head {
		margin-bottom: 14px;
	}

	body.home .vm-mag-section-head h2 {
		font-size: 14px;
		line-height: 1.8;
	}

	body.home .vm-mag-section-head a {
		color: #e67e22;
		font-size: 10px;
		font-weight: 600;
	}

	body.home .vm-mag-section-head a::before {
		width: 6px;
		height: 6px;
	}

	body.home .vm-mag-card-grid {
		display: flex;
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
		padding-inline: 16px;
		gap: 12px;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
		scroll-snap-type: x mandatory;
		direction: rtl;
		box-sizing: border-box;
	}

	body.home .vm-mag-card-grid::-webkit-scrollbar {
		display: none;
	}

	body.home .vm-mag-card--grid {
		flex: 0 0 236px;
		scroll-snap-align: start;
	}

	body.home .vm-mag-card--grid .vm-mag-card__media {
		height: 136px;
		border-radius: 8px 8px 0 0;
	}

	body.home .vm-mag-card--grid .vm-mag-card__body {
		min-height: 132px;
		gap: 7px;
		padding: 10px 11px 11px;
	}

	body.home .vm-mag-card--grid .vm-mag-card__title {
		display: -webkit-box;
		overflow: hidden;
		font-size: 12px;
		line-height: 1.85;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	body.home .vm-mag-card--grid .vm-mag-card__excerpt {
		display: -webkit-box;
		overflow: hidden;
		font-size: 11px;
		line-height: 1.85;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	body.home .vm-mag-category-grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px;
	}

	body.home .vm-mag-category {
		min-height: 82px;
		gap: 5px;
		border-radius: 8px;
		font-size: 10px;
		line-height: 1.5;
	}

	body.home .vm-mag-category__image,
	body.home .vm-mag-category__icon {
		width: 44px;
		height: 44px;
	}

	body.home .vm-mag-ad-row {
		padding: 24px 0 0;
		background: #ffffff;
	}

	body.home .vm-mag-wide-ad {
		min-height: 60px;
		aspect-ratio: 5.45 / 1;
		padding: 0;
		border-radius: 8px;
		box-shadow: none;
	}

	body.home .vm-mag-wide-ad__visual,
	body.home .vm-mag-wide-ad__copy {
		display: none;
	}

	body.home .vm-mag-wide-ad > img {
		object-fit: cover;
	}

	body.home .vm-mag-strip--featured-latest {
		padding-top: 28px;
	}

	body.home .vm-mag-latest {
		padding: 30px 0 0;
		background: #ffffff;
	}

	body.home .vm-mag-latest__layout {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	body.home .vm-mag-archive {
		order: 1;
	}

	body.home .vm-mag-sidebar {
		order: 2;
		margin-top: 24px;
		gap: 14px;
	}

	body.home .vm-mag-archive__title {
		display: block;
		margin: 0 0 12px;
		color: #111111;
		font-size: 14px;
		font-weight: 800;
		line-height: 1.8;
		text-align: right;
	}

	body.home .vm-mag-archive__grid {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	body.home .vm-mag-card--archive {
		display: grid;
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 9px;
		align-items: center;
		padding: 9px 0;
		border: 0;
		border-bottom: 1px solid #eeeeee;
		border-radius: 0;
		background: transparent;
		direction: rtl;
	}

	body.home .vm-mag-card--archive .vm-mag-card__media {
		width: 72px;
		height: 58px;
		border-radius: 6px;
		grid-column: 1;
	}

	body.home .vm-mag-card--archive .vm-mag-card__body {
		min-height: 58px;
		gap: 5px;
		padding: 0;
		grid-column: 2;
	}

	body.home .vm-mag-card--archive .vm-mag-card__title {
		display: -webkit-box;
		overflow: hidden;
		font-size: 11px;
		line-height: 1.9;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	body.home .vm-mag-card--archive .vm-mag-card__excerpt {
		display: none;
	}

	body.home .vm-mag-inline-ad {
		display: none;
	}

	body.home .vm-mag-more {
		width: fit-content;
		height: 34px;
		margin-top: 20px;
		padding: 0 16px;
		border-radius: 7px;
		font-size: 11px;
	}

	body.home .vm-mag-sidebar-ad {
		min-height: 0;
		aspect-ratio: 1 / 1;
		padding: 0;
		border: 0;
		border-radius: 10px;
		box-shadow: none;
	}

	body.home .vm-mag-sidebar-ad > img {
		object-fit: cover;
	}

	body.home .vm-mag-sidebar-ad strong,
	body.home .vm-mag-sidebar-ad span {
		display: none;
	}

	body.home .vm-mag-newsletter {
		margin-top: 0;
		padding: 0;
	}

	body.home .vm-mag-newsletter h2 {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 1.9;
	}

	body.home .vm-mag-newsletter input {
		height: 36px;
		border-radius: 6px;
		font-size: 11px;
	}

	body.home .vm-mag-newsletter button {
		height: 36px;
		border-radius: 6px;
		font-size: 11px;
	}

	body.home .witro-footer__mobile {
		width: min(100vw, 360px);
		margin-right: auto;
		margin-left: auto;
		transform: none;
	}
}

/* Jobs board */
.vitro-jobs-page,
.vitro-job-single {
	background: #f5f5f5;
	color: #111111;
}

.vitro-jobs-container {
	width: var(--content-w);
	max-width: var(--content-max);
	margin-right: auto;
	margin-left: auto;
}

.vitro-jobs-hero {
	padding: 28px 0 16px;
}

.vitro-jobs-titlebar {
	margin-bottom: 16px;
	text-align: center;
}

.vitro-jobs-titlebar p,
.vitro-job-detail__head p {
	margin: 0 0 6px;
	color: #e67e22;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.7;
}

.vitro-jobs-titlebar h1 {
	margin: 0;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.7;
}

.vitro-jobs-filter {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 170px 128px;
	gap: 10px;
	width: min(100%, 760px);
	margin: 0 auto;
	padding: 8px;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(15, 12, 5, .04);
}

.vitro-jobs-filter input,
.vitro-jobs-filter select,
.vitro-jobs-filter button,
.vitro-job-form input,
.vitro-job-form textarea {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	font-family: inherit;
	font-size: 13px;
	line-height: 1.6;
}

.vitro-jobs-filter input,
.vitro-jobs-filter select {
	height: 42px;
	padding: 0 12px;
	background: #fbfbfb;
	color: #111111;
}

.vitro-jobs-filter button,
.vitro-job-form button,
.vitro-job-detail__apply {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 42px;
	border: 0;
	border-radius: 8px;
	background: #111111;
	color: #ffffff;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s ease, transform .2s ease;
}

.vitro-jobs-filter button:hover,
.vitro-jobs-filter button:focus,
.vitro-job-form button:hover,
.vitro-job-form button:focus,
.vitro-job-detail__apply:hover,
.vitro-job-detail__apply:focus {
	background: #e67e22;
	color: #ffffff;
	transform: translateY(-1px);
}

.vitro-jobs-listing {
	min-height: 420px;
	padding: 16px 0 72px;
}

.vitro-jobs-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	width: min(100%, 760px);
	margin: 0 auto;
}

.vitro-job-card {
	position: relative;
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	min-height: 58px;
	padding: 10px 14px;
	border: 1px solid #f2f1f1;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 8px 22px rgba(15, 12, 5, .025);
}

.vitro-job-card__arrow {
	display: inline-grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #f5f5f5;
	color: #8a8a8a;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}

.vitro-job-card:hover .vitro-job-card__arrow,
.vitro-job-card__arrow:focus {
	background: #f39a3e;
	color: #ffffff;
}

.vitro-job-card__arrow svg {
	width: 18px;
	height: 18px;
}

.vitro-job-card h2 {
	margin: 0;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.8;
}

.vitro-job-card h2 a {
	color: #111111;
	text-decoration: none;
}

.vitro-job-card p {
	display: -webkit-box;
	overflow: hidden;
	margin: 4px 0 0;
	color: #555555;
	font-size: 11px;
	line-height: 1.8;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.vitro-job-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 7px;
}

.vitro-job-card__meta span {
	padding: 3px 7px;
	border-radius: 6px;
	background: #fff3e8;
	color: #555555;
	font-size: 10px;
	line-height: 1.5;
}

.vitro-jobs-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 30px;
}

.vitro-jobs-pagination a,
.vitro-jobs-pagination .current {
	display: inline-grid;
	place-items: center;
	min-width: 30px;
	height: 30px;
	padding: 0 8px;
	border-radius: 8px;
	background: #ffffff;
	color: #555555;
	text-decoration: none;
}

.vitro-jobs-pagination .current {
	background: #f39a3e;
	color: #ffffff;
}

.vitro-jobs-empty {
	width: min(100%, 760px);
	margin: 0 auto;
	padding: 34px 20px;
	border: 1px solid #f2f1f1;
	border-radius: 10px;
	background: #ffffff;
	text-align: center;
}

.vitro-jobs-empty h2 {
	margin: 0 0 8px;
	font-size: 18px;
	line-height: 1.8;
}

.vitro-jobs-empty p {
	margin: 0;
	color: #8a8a8a;
	font-size: 13px;
	line-height: 1.9;
}

.vitro-job-single {
	padding: 28px 0 72px;
}

.vitro-job-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	margin-bottom: 16px;
	color: #8a8a8a;
	font-size: 11px;
	line-height: 1.8;
}

.vitro-job-breadcrumb a {
	color: #555555;
	text-decoration: none;
}

.vitro-job-detail-card,
.vitro-job-apply-card {
	width: min(100%, 920px);
	margin: 0 auto 18px;
	padding: 20px;
	border: 1px solid #f2f1f1;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 12px 32px rgba(15, 12, 5, .04);
}

.vitro-job-detail__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 18px;
	padding-bottom: 16px;
	border-bottom: 1px solid #f2f1f1;
}

.vitro-job-detail__head h1 {
	margin: 0;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.8;
}

.vitro-job-detail__apply {
	min-width: 132px;
	padding: 0 18px;
	font-size: 13px;
}

.vitro-job-detail__meta {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 22px;
}

.vitro-job-detail__meta div {
	padding: 12px;
	border-radius: 8px;
	background: #fff3e8;
}

.vitro-job-detail__meta span {
	display: block;
	margin-bottom: 4px;
	color: #8a8a8a;
	font-size: 11px;
	line-height: 1.6;
}

.vitro-job-detail__meta strong {
	display: block;
	color: #111111;
	font-size: 13px;
	line-height: 1.7;
}

.vitro-job-detail__content {
	color: #111111;
	font-size: 14px;
	line-height: 2.15;
}

.vitro-job-detail__content h2,
.vitro-job-detail__content h3 {
	margin: 28px 0 10px;
	font-size: 17px;
	line-height: 1.9;
}

.vitro-job-detail__content p,
.vitro-job-detail__content ul,
.vitro-job-detail__content ol {
	margin-top: 0;
	margin-bottom: 14px;
}

.vitro-job-card-head {
	margin-bottom: 16px;
	padding: 13px 16px;
	border-radius: 8px;
	background: #fff3e8;
	text-align: center;
}

.vitro-job-card-head h2 {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.8;
}

.vitro-job-card-head p {
	margin: 0;
	color: #8a8a8a;
	font-size: 12px;
	line-height: 1.8;
}

.vitro-job-notice {
	margin-bottom: 14px;
	padding: 11px 14px;
	border-radius: 8px;
	font-size: 13px;
	line-height: 1.9;
}

.vitro-job-notice--success {
	background: #edf9f0;
	color: #166534;
}

.vitro-job-notice--error {
	background: #fff3e8;
	color: #9a3412;
}

.vitro-job-form {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vitro-job-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.vitro-job-form label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	color: #555555;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.7;
}

.vitro-job-form input,
.vitro-job-form textarea {
	background: #ffffff;
	color: #111111;
}

.vitro-job-form input {
	height: 42px;
	padding: 0 12px;
}

.vitro-job-form input[type="file"] {
	height: auto;
	padding: 10px 12px;
	background: #fbfbfb;
}

.vitro-job-form textarea {
	min-height: 132px;
	padding: 11px 12px;
	resize: vertical;
}

.vitro-job-form input:focus,
.vitro-job-form textarea:focus,
.vitro-jobs-filter input:focus,
.vitro-jobs-filter select:focus {
	outline: none;
	border-color: #f39a3e;
	box-shadow: 0 0 0 3px rgba(243, 154, 62, .14);
}

.vitro-job-form small {
	color: #8a8a8a;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.7;
}

.vitro-job-form__captcha {
	width: min(100%, 320px);
}

.vitro-job-form button {
	width: 160px;
	margin-top: 4px;
	font-size: 13px;
}

.vitro-job-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 991px) {
	.vitro-job-detail__meta {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.vitro-jobs-container {
		width: min(calc(100% - 32px), 328px);
	}

	.vitro-jobs-hero {
		padding: 18px 0 12px;
	}

	.vitro-jobs-titlebar {
		margin-bottom: 12px;
		text-align: right;
	}

	.vitro-jobs-titlebar h1 {
		font-size: 18px;
		line-height: 1.8;
	}

	.vitro-jobs-filter {
		grid-template-columns: 1fr;
		width: 100%;
		padding: 10px;
	}

	.vitro-jobs-listing {
		min-height: 320px;
		padding-bottom: 42px;
	}

	.vitro-jobs-grid {
		grid-template-columns: 1fr;
		width: 100%;
		gap: 10px;
	}

	.vitro-job-card {
		grid-template-columns: 36px minmax(0, 1fr);
		min-height: 54px;
		padding: 10px 12px;
	}

	.vitro-job-card h2 {
		font-size: 12px;
		line-height: 1.9;
	}

	.vitro-job-card p {
		font-size: 10px;
	}

	.vitro-job-single {
		padding: 18px 0 42px;
	}

	.vitro-job-breadcrumb {
		margin-bottom: 10px;
		font-size: 10px;
	}

	.vitro-job-detail-card,
	.vitro-job-apply-card {
		width: 100%;
		margin-bottom: 14px;
		padding: 12px;
		border-radius: 8px;
	}

	.vitro-job-detail__head {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.vitro-job-detail__head h1 {
		font-size: 17px;
		line-height: 1.9;
	}

	.vitro-job-detail__apply {
		width: 100%;
		min-width: 0;
	}

	.vitro-job-detail__meta {
		grid-template-columns: 1fr;
		gap: 8px;
		margin-bottom: 16px;
	}

	.vitro-job-detail__content {
		font-size: 12px;
		line-height: 2.05;
	}

	.vitro-job-detail__content h2,
	.vitro-job-detail__content h3 {
		font-size: 14px;
	}

	.vitro-job-card-head {
		padding: 10px;
	}

	.vitro-job-card-head h2 {
		font-size: 14px;
	}

	.vitro-job-form__grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.vitro-job-form input {
		height: 40px;
	}

	.vitro-job-form textarea {
		min-height: 118px;
	}

	.vitro-job-form__captcha,
	.vitro-job-form button {
		width: 100%;
	}
}

/* Readability and mobile spacing audit fixes */
@media (max-width: 767px) {
	:root {
		--content-w: min(calc(100vw - 20px), 430px);
	}

	body.home,
	body.home .yt-header-shell,
	body.home .vm-mag-home {
		--vm-mobile-shell: min(100vw, 430px);
		--vm-mobile-inner: min(calc(100vw - 20px), 430px);
	}

	body.home .vm-mag-container,
	body.home .home-ad-banner .hab-wrap,
	body.home .home-secondary .hs-wrap,
	body.home .hl-wrap,
	.hl-wrap,
	.vm-category-hero__wrap,
	.category-listing__aside,
	.single-plane,
	.vitro-jobs-container {
		box-sizing: border-box;
		width: min(calc(100vw - 20px), 430px) !important;
		max-width: min(calc(100vw - 20px), 430px) !important;
	}

	body.home .yt-header--mobile {
		width: min(100vw, 430px);
		max-width: min(100vw, 430px);
		padding: 0 10px;
	}

	body.home .yt-header--mobile::after,
	body.home .yt-mobile-menu-glyph,
	body.home .yt-header--mobile .yt-burger::before {
		display: none !important;
		content: none !important;
	}

	body.home .yt-header--mobile .yt-burger {
		top: 4px;
		right: 8px;
		left: auto;
		inset-inline-start: auto;
		inset-inline-end: auto;
		display: inline-flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
	}

	body.home .yt-header--mobile .yt-burger span {
		display: block;
		width: 18px;
		height: 2px;
		margin: 0;
		border-radius: 2px;
		background: #ffffff;
	}

	body.home .yt-header--mobile .yt-search {
		top: 4px;
		right: auto;
		left: 8px;
		inset-inline-start: auto;
		inset-inline-end: auto;
	}

	body.home .yt-searchbar {
		width: min(calc(100vw - 20px), 430px) !important;
		max-width: min(calc(100vw - 20px), 430px) !important;
	}

	.yt-drawer {
		width: min(340px, calc(100vw - 52px));
		max-width: calc(100vw - 52px);
		transform: translateX(calc(-50% + 34px)) translateY(-10px);
	}

	.yt-drawer.is-open {
		transform: translateX(calc(-50% + 34px)) translateY(0);
	}

	body.home .vm-mag-card--archive .vm-mag-card__title,
	body.home .vm-mag-card--grid .vm-mag-card__title,
	.hl-title,
	.hs-post__title,
	.hs-post--featured .hs-post__title,
	.vm-list-card__title,
	.vm-featured-card__title,
	.vitro-job-card h2 {
		font-size: 14px !important;
		font-weight: 800;
		line-height: 1.9;
	}

	body.home .vm-mag-card--archive .vm-mag-meta,
	.hl-meta,
	.vm-card-meta,
	.vitro-job-card__meta span {
		font-size: 11px !important;
		line-height: 1.7;
	}

	.hl-excerpt,
	body.home .vm-mag-card--grid .vm-mag-card__excerpt,
	.vitro-job-card p {
		font-size: 12px !important;
		line-height: 1.85;
	}
}

.hl-tabs {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 8px 22px rgba(15, 12, 5, .03);
}

.hl-tab {
	min-height: 40px;
	padding: 0 14px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: #f5f5f5;
	color: #555555;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.4;
	white-space: nowrap;
	transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.hl-tab:hover,
.hl-tab:focus {
	border-color: #f39a3e;
	background: #fff3e8;
	color: #111111;
	box-shadow: 0 0 0 3px rgba(243, 154, 62, .14);
	outline: none;
}

.hl-tab.is-active,
.hl-tab.is-active:hover,
.hl-tab.is-active:focus {
	border-color: #111111;
	background: #111111;
	color: #ffffff;
	box-shadow: none;
}

.hl-posts.is-loading {
	position: relative;
	opacity: .58;
	pointer-events: none;
}

@media (max-width: 767px) {
	.hl-tabs {
		gap: 6px;
		margin-bottom: 14px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.hl-tab {
		flex: 1 0 auto;
		min-height: 38px;
		padding: 0 10px;
		font-size: 13px;
	}
}

@media (max-width: 767px) {
	body.home .yt-header-shell {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-right: calc(50% - 50vw) !important;
		margin-left: calc(50% - 50vw) !important;
		background: #0f0c05;
	}

	body.home .yt-header--mobile {
		position: relative;
		width: 100vw !important;
		max-width: 100vw !important;
		height: 44px;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding: 0 10px;
		justify-content: center;
	}

	body.home .yt-header--mobile .wp-block-site-logo {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	body.home .yt-header--mobile .yt-burger {
		position: fixed !important;
		top: 4px;
		right: 8px !important;
		left: auto !important;
		inset-inline-start: auto !important;
		inset-inline-end: auto !important;
		z-index: 1004;
		display: inline-flex !important;
		width: 36px;
		height: 36px;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
		padding: 0;
		opacity: 1;
		visibility: visible;
		background-color: transparent !important;
		background-image: linear-gradient(
			to bottom,
			#ffffff 0 2px,
			transparent 2px 6px,
			#ffffff 6px 8px,
			transparent 8px 12px,
			#ffffff 12px 14px
		) !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: 18px 14px !important;
	}

	body.home .yt-header--mobile .yt-burger::before,
	body.home .yt-header--mobile .yt-burger::after,
	body.home .yt-mobile-menu-glyph {
		display: none !important;
		content: none !important;
	}

	body.home .yt-header--mobile .yt-burger span {
		display: block !important;
		width: 18px;
		height: 2px;
		margin: 0;
		border-radius: 2px;
		background: #ffffff !important;
		opacity: 0;
	}

	body.home .yt-header--mobile .yt-search {
		position: fixed !important;
		top: 4px;
		right: auto !important;
		left: 8px !important;
		inset-inline-start: auto !important;
		inset-inline-end: auto !important;
		z-index: 1004;
		margin: 0;
	}

	body.home .yt-mobile-menu-glyph {
		position: fixed !important;
		top: 15px !important;
		right: 18px !important;
		left: auto !important;
		z-index: 1007;
		display: flex !important;
		width: 18px;
		height: 14px;
		flex-direction: column;
		justify-content: space-between;
		pointer-events: none;
	}

	body.home .yt-mobile-menu-glyph span {
		display: block !important;
		width: 18px;
		height: 2px;
		border-radius: 2px;
		background: #ffffff !important;
	}

	body.home .yt-header--mobile .yt-search__toggle {
		display: inline-grid !important;
		width: 36px;
		height: 36px;
		padding: 0;
		color: #ffffff;
	}

	body.home .vm-mag-container,
	body.home .home-ad-banner .hab-wrap,
	body.home .home-secondary .hs-wrap,
	body.home .hl-wrap,
	.hl-wrap,
	.vm-category-hero__wrap,
	.category-listing__aside,
	.single-plane,
	.vitro-jobs-container {
		margin-right: auto !important;
		margin-left: auto !important;
	}
}

@media (max-width: 767px) {
	body.home .yt-header--mobile::before {
		content: "" !important;
		position: absolute;
		top: 13px;
		left: 18px;
		z-index: 1006;
		display: block !important;
		width: 20px;
		height: 20px;
		pointer-events: none;
		background: center / contain no-repeat url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 21l-4.3-4.3' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='11' cy='11' r='7' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
	}

	body.home .yt-header--mobile::after {
		content: "" !important;
		position: absolute;
		top: 15px;
		right: auto !important;
		left: calc(100% - 40px) !important;
		inset-inline-start: auto !important;
		inset-inline-end: auto !important;
		z-index: 1006;
		display: block !important;
		width: 18px;
		height: 14px;
		pointer-events: none;
		background: linear-gradient(
			to bottom,
			#ffffff 0 2px,
			transparent 2px 6px,
			#ffffff 6px 8px,
			transparent 8px 12px,
			#ffffff 12px 14px
		);
	}

	body.home .yt-header--mobile .yt-search__toggle svg {
		opacity: 0;
	}
}

@media (max-width: 767px) {
	body.home .yt-header[data-variant="desktop"] {
		display: none !important;
	}

	body.home .yt-header--mobile {
		display: grid !important;
		direction: ltr !important;
		box-sizing: border-box !important;
		width: 100vw !important;
		max-width: 100vw !important;
		grid-template-columns: 44px minmax(0, 1fr) 44px;
		align-items: center;
		justify-content: stretch;
		column-gap: 0;
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	body.home .yt-header--mobile .wp-block-site-logo {
		position: static !important;
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
		transform: none !important;
	}

	body.home .yt-header--mobile .yt-search {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		inset-inline: auto !important;
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
	}

	body.home .yt-header--mobile .yt-burger {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		inset-inline: auto !important;
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
		background-image: none !important;
	}

	body.home .yt-header--mobile .yt-burger > svg,
	body.home .yt-header--mobile::before,
	body.home .yt-header--mobile::after,
	body.home .yt-mobile-menu-glyph {
		display: none !important;
		content: none !important;
	}

	body.home .yt-header--mobile .yt-burger span {
		opacity: 1 !important;
	}

	body.home .yt-header--mobile .yt-search__toggle svg {
		opacity: 1 !important;
	}
}

/* Figma typography alignment: desktop and mobile readable scale. */
@media (min-width: 768px) {
	.vm-mag-section-head h2 {
		font-size: 16px;
		line-height: 1.7;
	}

	.vm-mag-section-head a {
		font-size: 11px;
		line-height: 1.7;
	}

	.vm-mag-card__title,
	.vm-mag-card--grid .vm-mag-card__title,
	.vm-mag-card--archive .vm-mag-card__title,
	.hs-post__title,
	.single-mini-feed__body h4,
	.single-related__body h4 {
		font-size: 13px;
		line-height: 1.85;
	}

	.vm-mag-card--featured .vm-mag-card__title,
	.hs-post--featured .hs-post__title {
		font-size: 16px;
		line-height: 1.8;
	}

	.vm-mag-card--list .vm-mag-card__title,
	.single-sidebar .single-mini-feed__body h4 {
		font-size: 12px;
		line-height: 1.85;
	}

	.vm-mag-card__excerpt,
	.hs-post__excerpt,
	.hl-excerpt,
	.single-mini-feed__excerpt,
	.single-card--cta p {
		font-size: 12px;
		line-height: 1.9;
	}

	.vm-mag-meta,
	.hs-post__meta,
	.hl-meta,
	.single-hero__meta,
	.single-mini-feed__meta,
	.single-sidebar .single-mini-feed__meta {
		font-size: 10px;
		line-height: 1.7;
	}

	.hl-title {
		font-size: 16px;
		line-height: 1.75;
	}

	.single-hero__title {
		font-size: 22px;
		line-height: 1.75;
	}

	.single-hero__excerpt {
		font-size: 13px;
		line-height: 1.9;
	}

	.single-content,
	.single-content p,
	.single-content li {
		font-size: 13px;
		line-height: 2.08;
	}

	.single-content h1,
	.single-content h2 {
		font-size: 19px;
		line-height: 1.85;
	}

	.single-content h3 {
		font-size: 16px;
		line-height: 1.9;
	}

	.single-content blockquote {
		font-size: 14px;
		line-height: 2;
	}

	.vitro-jobs-titlebar h1,
	.vitro-job-detail__head h1 {
		font-size: 20px;
		line-height: 1.8;
	}

	.vitro-job-card h2,
	.vitro-job-card-head h2 {
		font-size: 13px;
		line-height: 1.85;
	}
}

@media (max-width: 767px) {
	body.home .vm-mag-section-head h2,
	.vm-mag-section-head h2 {
		font-size: 15px !important;
		line-height: 1.75;
	}

	body.home .vm-mag-section-head a,
	.vm-mag-section-head a {
		font-size: 11px !important;
		line-height: 1.7;
	}

	body.home .vm-mag-card--featured .vm-mag-card__title {
		font-size: 16px !important;
		line-height: 1.8;
	}

	body.home .vm-mag-card--list .vm-mag-card__title,
	body.home .vm-mag-card--archive .vm-mag-card__title,
	body.home .vm-mag-card--grid .vm-mag-card__title,
	.hs-post__title,
	.vm-list-card__title,
	.vm-featured-card__title,
	.vitro-job-card h2 {
		font-size: 13px !important;
		line-height: 1.85;
	}

	.hs-post--featured .hs-post__title,
	.hl-title {
		font-size: 14px !important;
		line-height: 1.85;
	}

	body.home .vm-mag-card__excerpt,
	body.home .vm-mag-card--grid .vm-mag-card__excerpt,
	.hl-excerpt,
	.hs-post__excerpt,
	.vitro-job-card p {
		font-size: 12px !important;
		line-height: 1.9;
	}

	body.home .vm-mag-meta,
	.hl-meta,
	.hs-post__meta,
	.vm-card-meta,
	.vitro-job-card__meta span {
		font-size: 10px !important;
		line-height: 1.75;
	}

	.single-hero__title {
		font-size: 17px !important;
		line-height: 1.85;
	}

	.single-hero__excerpt {
		font-size: 12px !important;
		line-height: 1.95;
	}

	.single-hero__meta,
	.single-mini-feed__meta,
	.single-sidebar .single-mini-feed__meta {
		font-size: 10px !important;
		line-height: 1.7;
	}

	.single-content,
	.single-content p,
	.single-content li {
		font-size: 13px !important;
		line-height: 2.05;
	}

	.single-content h1,
	.single-content h2 {
		font-size: 17px !important;
		line-height: 1.85;
	}

	.single-content h3 {
		font-size: 15px !important;
		line-height: 1.9;
	}

	.single-content blockquote {
		font-size: 13px !important;
		line-height: 2;
	}

	.single-mini-feed__body h4,
	.single-related__body h4,
	.single-card h3 {
		font-size: 13px !important;
		line-height: 1.85;
	}

	.single-mini-feed__excerpt,
	.single-card--cta p {
		font-size: 11px !important;
		line-height: 1.9;
	}

	.vitro-jobs-titlebar h1,
	.vitro-job-detail__head h1 {
		font-size: 18px !important;
		line-height: 1.85;
	}

	.vitro-job-detail__content,
	.vitro-job-detail__content p,
	.vitro-job-detail__content li {
		font-size: 13px !important;
		line-height: 2;
	}
}

/* Search results */
.vitro-search-page {
	background: #f5f5f5;
	color: #111111;
}

.vitro-search-hero,
.vitro-search-results {
	width: var(--content-w);
	max-width: var(--content-max);
	margin-right: auto;
	margin-left: auto;
}

.vitro-search-hero {
	padding: 28px 0 18px;
}

.vitro-search-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 460px);
	gap: 16px;
	align-items: end;
	padding: 18px;
	border: 1px solid #f2e5d9;
	border-radius: 12px;
	background: linear-gradient(135deg, #ffffff 0%, #fff3e8 100%);
	box-shadow: 0 14px 34px rgba(15, 12, 5, .045);
}

.vitro-search-kicker {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	margin-bottom: 8px;
	padding: 0 10px;
	border-radius: 999px;
	background: #fce6d2;
	color: #e67e22;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.6;
}

.vitro-search-hero h1 {
	margin: 0;
	color: #111111;
	font-size: 24px;
	font-weight: 900;
	line-height: 1.75;
}

.vitro-search-hero p {
	margin: 6px 0 0;
	color: #555555;
	font-size: 13px;
	line-height: 1.9;
}

.vitro-search-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 104px;
	gap: 8px;
	padding: 8px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 8px 22px rgba(15, 12, 5, .035);
}

.vitro-search-form__field {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 12px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #fbfbfb;
	color: #8a8a8a;
}

.vitro-search-form__field svg {
	width: 19px;
	height: 19px;
	flex: 0 0 auto;
}

.vitro-search-form input {
	width: 100%;
	min-width: 0;
	border: 0;
	background: transparent;
	color: #111111;
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	outline: none;
}

.vitro-search-form input::placeholder {
	color: #8a8a8a;
}

.vitro-search-form button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	border: 0;
	border-radius: 8px;
	background: #111111;
	color: #ffffff;
	font-family: inherit;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
	transition: background-color .2s ease, transform .2s ease;
}

.vitro-search-form button:hover,
.vitro-search-form button:focus {
	background: #e67e22;
	transform: translateY(-1px);
}

.vitro-search-results {
	padding: 10px 0 72px;
}

.vitro-search-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.vitro-search-card {
	overflow: hidden;
	display: flex;
	min-height: 100%;
	flex-direction: column;
	border: 1px solid #f2f1f1;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(15, 12, 5, .04);
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.vitro-search-card:hover {
	border-color: rgba(243, 154, 62, .45);
	box-shadow: 0 16px 38px rgba(15, 12, 5, .075);
	transform: translateY(-2px);
}

.vitro-search-card__thumb {
	position: relative;
	display: block;
	aspect-ratio: 1.45 / 1;
	overflow: hidden;
	background: #fce6d2;
}

.vitro-search-card__thumb img,
.vitro-search-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vitro-search-card__placeholder {
	background:
		linear-gradient(135deg, rgba(243, 154, 62, .2), rgba(255, 243, 232, .95)),
		radial-gradient(circle at 28% 34%, rgba(243, 154, 62, .42), transparent 28%),
		#fff3e8;
}

.vitro-search-card__badge {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	max-width: calc(100% - 20px);
	padding: 0 9px;
	border-radius: 999px;
	background: #f39a3e;
	color: #ffffff;
	font-size: 10px;
	font-weight: 800;
	line-height: 1.5;
	white-space: nowrap;
}

.vitro-search-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 8px;
	padding: 13px;
}

.vitro-search-card__title {
	margin: 0;
	color: #111111;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.85;
}

.vitro-search-card__title a {
	color: inherit;
	text-decoration: none;
}

.vitro-search-card__title a:hover,
.vitro-search-card__title a:focus {
	color: #e67e22;
}

.vitro-search-card__excerpt {
	margin: 0;
	color: #555555;
	font-size: 12px;
	line-height: 1.9;
}

.vitro-search-card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
	padding-top: 4px;
	color: #8a8a8a;
	font-size: 10px;
	line-height: 1.7;
}

.vitro-search-empty {
	display: grid;
	place-items: center;
	min-height: 320px;
	padding: 32px;
	border: 1px solid #f2f1f1;
	border-radius: 12px;
	background: #ffffff;
	text-align: center;
	box-shadow: 0 10px 28px rgba(15, 12, 5, .035);
}

.vitro-search-empty__icon {
	display: inline-grid;
	place-items: center;
	width: 54px;
	height: 54px;
	margin-bottom: 12px;
	border-radius: 50%;
	background: #fff3e8;
	color: #f39a3e;
}

.vitro-search-empty__icon svg {
	width: 26px;
	height: 26px;
}

.vitro-search-empty h2 {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.7;
}

.vitro-search-empty p {
	max-width: 420px;
	margin: 0;
	color: #555555;
	font-size: 13px;
	line-height: 1.9;
}

@media (max-width: 991px) {
	.vitro-search-hero__inner {
		grid-template-columns: 1fr;
	}

	.vitro-search-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.vitro-search-hero,
	.vitro-search-results {
		box-sizing: border-box;
		width: min(calc(100vw - 20px), 430px);
		max-width: min(calc(100vw - 20px), 430px);
	}

	.vitro-search-hero {
		padding: 16px 0 10px;
	}

	.vitro-search-hero__inner {
		gap: 12px;
		padding: 12px;
		border-radius: 10px;
	}

	.vitro-search-kicker {
		min-height: 24px;
		font-size: 10px;
	}

	.vitro-search-hero h1 {
		font-size: 17px;
		line-height: 1.85;
	}

	.vitro-search-hero p {
		font-size: 11px;
		line-height: 1.9;
	}

	.vitro-search-form {
		grid-template-columns: 1fr;
		padding: 7px;
	}

	.vitro-search-form__field,
	.vitro-search-form button {
		height: 40px;
	}

	.vitro-search-grid {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.vitro-search-card {
		display: grid;
		grid-template-columns: 92px minmax(0, 1fr);
		gap: 10px;
		align-items: center;
		padding: 10px 0;
		border-width: 0 0 1px;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.vitro-search-card:hover {
		border-color: #eeeeee;
		box-shadow: none;
		transform: none;
	}

	.vitro-search-card__thumb {
		width: 92px;
		aspect-ratio: 1.24 / 1;
		border-radius: 8px;
		grid-column: 1;
	}

	.vitro-search-card__badge {
		top: 6px;
		right: 6px;
		min-height: 20px;
		padding: 0 7px;
		font-size: 9px;
	}

	.vitro-search-card__body {
		min-width: 0;
		gap: 5px;
		padding: 0;
		grid-column: 2;
	}

	.vitro-search-card__title {
		display: -webkit-box;
		overflow: hidden;
		font-size: 13px;
		line-height: 1.85;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.vitro-search-card__excerpt {
		display: none;
	}

	.vitro-search-card__meta {
		font-size: 10px;
		line-height: 1.7;
	}

	.vitro-search-empty {
		min-height: 240px;
		padding: 24px 16px;
	}
}

/* Footer logo and newsletter order */
.witro-footer__logo::before,
.witro-footer__logo::after {
	display: none !important;
	content: none !important;
}

.witro-footer__logo {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	color: #ffffff;
	text-decoration: none;
}

.witro-footer__logo img,
.witro-footer__logo-img {
	display: block !important;
	width: auto;
	height: 38px;
	max-width: 160px;
	object-fit: contain;
}

.witro-footer__logo-svg {
	display: block;
	width: 114px;
	height: auto;
	color: #ffffff;
}

.witro-footer__logo--mobile img,
.witro-footer__logo--mobile .witro-footer__logo-img {
	height: 34px;
	max-width: 150px;
}

.witro-footer__logo--mobile .witro-footer__logo-svg {
	width: 104px;
}

.witro-footer__logo-mark {
	flex: 0 0 auto;
	width: 26px;
	height: 26px;
	border-radius: 8px;
	background:
		radial-gradient(circle at 35% 35%, #0f0c05 0 3px, transparent 4px),
		radial-gradient(circle at 66% 35%, #0f0c05 0 3px, transparent 4px),
		#ffffff;
}

.witro-footer__logo-text {
	color: #ffffff;
	font-size: 28px;
	font-weight: 900;
	line-height: 1;
	white-space: nowrap;
}

.witro-footer__newsletter-row button {
	grid-column: 1;
	grid-row: 1;
}

.witro-footer__newsletter-row input {
	grid-column: 2;
	grid-row: 1;
}

@media (max-width: 767px) {
	.witro-footer__mobile .witro-footer__logo {
		align-self: flex-start;
		margin-right: 0;
		margin-left: auto;
	}

	.witro-footer__logo-text {
		font-size: 24px;
	}

	.witro-footer__logo-mark {
		width: 24px;
		height: 24px;
		border-radius: 7px;
	}
}

/* Dana typography tuning: render bold weights with the 500 face. */
b,
strong,
.has-bold-font-weight {
	font-weight: 500;
}

/* Mobile typography proportion: keep Dana bold text on the 500 face. */
@media (max-width: 767px) {
	h1,
	h2,
	h3,
	b,
	strong,
	.has-bold-font-weight,
	.yt-cta,
	.hl-tab,
	.hs-tab,
	.vm-mag-section-head h2,
	.vm-mag-card__title,
	.vm-featured-card__title,
	.vm-list-card__title,
	.hl-title,
	.hs-post__title,
	.hs-post--featured .hs-post__title,
	.single-hero__title,
	.single-content h1,
	.single-content h2,
	.single-content h3,
	.single-content blockquote,
	.single-card--cta h3,
	.single-related__head h3,
	.single-mini-feed__body h4,
	.single-share-block__label,
	.single-share__btn,
	.vitro-search-kicker,
	.vitro-search-hero h1,
	.vitro-search-form button,
	.vitro-search-card__badge,
	.vitro-search-card__title,
	.vitro-jobs-titlebar h1,
	.vitro-job-detail__head h1,
	.vitro-job-card h2,
	.vitro-job-card-head h2,
	.vitro-job-form button,
	.witro-footer__logo-text,
	.witro-footer__mobile-links a.is-heading,
	.witro-footer__mobile-contact h3,
	.witro-footer__newsletter-row button {
		font-weight: 500 !important;
	}

	.single-hero__title {
		font-size: 19px !important;
		line-height: 1.9;
	}

	.single-content h1,
	.single-content h2 {
		font-size: 18px !important;
		line-height: 1.95;
	}

	.single-content h3 {
		font-size: 16px !important;
		line-height: 1.95;
	}

	.vitro-search-hero h1,
	.vitro-jobs-titlebar h1,
	.vitro-job-detail__head h1 {
		font-size: 18px !important;
		line-height: 1.85;
	}

	body.home .vm-mag-card--featured .vm-mag-card__title {
		font-size: 15px !important;
		line-height: 1.85;
	}

	body.home .vm-mag-card--list .vm-mag-card__title,
	body.home .vm-mag-card--archive .vm-mag-card__title,
	body.home .vm-mag-card--grid .vm-mag-card__title,
	.hs-post__title,
	.hl-title,
	.vm-list-card__title,
	.vm-featured-card__title,
	.vitro-search-card__title,
	.vitro-job-card h2 {
		font-size: 13px !important;
		line-height: 1.9;
	}

	.hl-tab,
	.hs-tab,
	.vitro-search-form button,
	.vitro-job-form button,
	.witro-footer__newsletter-row button {
		font-size: 12px !important;
	}
}

/* Home mobile ad block: keep the sidebar banner visible and away from footer. */
@media (max-width: 767px) {
	body.home .vm-mag-latest {
		padding-bottom: 32px !important;
	}

	body.home .vm-mag-sidebar {
		width: min(328px, 100%) !important;
		max-width: 100% !important;
		margin: 24px auto 0 !important;
		gap: 12px !important;
		box-sizing: border-box;
	}

	body.home .vm-mag-sidebar-ad {
		width: 100% !important;
		min-height: 0 !important;
		aspect-ratio: 328 / 281 !important;
		border-radius: 10px !important;
		background: #fff3e8;
	}

	body.home .vm-mag-sidebar-ad > img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: contain !important;
		background: #fff3e8;
	}

body.home .vm-mag-newsletter {
		width: min(328px, 100%) !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		box-sizing: border-box;
	}
}

/* Issue list fixes: desktop inline ads, pagination, and newsletter modal. */
@media (min-width: 768px) {
	body.home .vm-mag-archive__grid .vm-mag-inline-ad {
		grid-column: 1 / -1;
		min-height: 0;
		aspect-ratio: 1200 / 141;
		border: 0;
		border-radius: 10px;
		background: #fff3e8;
		box-shadow: 0 12px 28px rgba(15, 12, 5, .08);
	}

	body.home .vm-mag-archive__grid .vm-mag-inline-ad > img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
		background: #fff3e8;
	}
}

.hl-pagination,
.pagination .nav-links,
.vitro-search-results .pagination .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 32px auto 0;
	direction: rtl;
}

.hl-pagination .hl-page {
	display: inline-flex;
	margin: 0;
}

.hl-pagination .page-numbers,
.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 11px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #ffffff;
	color: #555555;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(15, 12, 5, .035);
	transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.hl-pagination a.page-numbers:hover,
.hl-pagination a.page-numbers:focus,
.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus {
	border-color: #f39a3e;
	background: #fff3e8;
	color: #111111;
	outline: none;
	box-shadow: 0 0 0 3px rgba(243, 154, 62, .14);
}

.hl-pagination .page-numbers.current,
.pagination .page-numbers.current {
	border-color: #111111;
	background: #111111;
	color: #ffffff;
	box-shadow: none;
}

.hl-pagination .page-numbers.dots,
.pagination .page-numbers.dots {
	border-color: transparent;
	background: transparent;
	box-shadow: none;
	color: #8a8a8a;
}

.vitro-newsletter-modal__dialog {
	max-height: calc(100dvh - 48px);
	overflow-y: auto;
}

.vitro-newsletter-modal h2,
.vitro-newsletter-modal__form button {
	font-weight: 500;
}

@media (max-width: 767px) {
	.hl-pagination,
	.pagination .nav-links,
	.vitro-search-results .pagination .nav-links {
		gap: 6px;
		margin-top: 24px;
	}

	.hl-pagination .page-numbers,
	.pagination .page-numbers {
		min-width: 32px;
		height: 32px;
		padding: 0 9px;
		border-radius: 7px;
		font-size: 12px;
	}

	.vitro-newsletter-modal {
		align-items: center;
		padding: 18px 12px;
	}

	.vitro-newsletter-modal__dialog {
		width: min(340px, calc(100vw - 24px));
		padding: 26px 14px 14px;
	}
}

/* Generic archive pages */
.vitro-archive-page {
	width: var(--content-w);
	max-width: var(--content-max);
	margin: 0 auto;
	padding: 28px 0 72px;
}

.vitro-archive-header {
	margin: 0 0 22px;
	text-align: right;
}

.vitro-archive-header .page-title {
	margin: 0;
	color: #111111;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.7;
}

.vitro-archive-header .archive-description {
	margin-top: 8px;
	color: #555555;
	font-size: 13px;
	line-height: 1.9;
}

.vitro-archive-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.vitro-archive-card {
	overflow: hidden;
	display: flex;
	min-height: 100%;
	flex-direction: column;
	margin: 0;
	padding: 0;
	border: 1px solid #f2f1f1;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(15, 12, 5, .04);
}

.vitro-archive-card__media {
	display: block;
	overflow: hidden;
	aspect-ratio: 1.42 / 1;
	background: #fff3e8;
}

.vitro-archive-card__media img,
.vitro-archive-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vitro-archive-card__placeholder {
	background:
		linear-gradient(135deg, rgba(243, 154, 62, .2), rgba(255, 243, 232, .95)),
		radial-gradient(circle at 30% 34%, rgba(243, 154, 62, .42), transparent 30%),
		#fff3e8;
}

.vitro-archive-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 9px;
	padding: 14px;
}

.vitro-archive-card__title {
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.85;
}

.vitro-archive-card__excerpt {
	margin: 0;
	color: #555555;
	font-size: 12px;
	line-height: 1.9;
}

.vitro-archive-card__excerpt p {
	margin: 0;
}

.vitro-archive-card__meta {
	margin-top: auto;
	padding-top: 6px;
}

@media (max-width: 991px) {
	.vitro-archive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.vitro-archive-page {
		width: min(calc(100vw - 20px), 430px);
		padding: 18px 0 40px;
	}

	.vitro-archive-header .page-title {
		font-size: 18px;
		line-height: 1.85;
	}

	.vitro-archive-grid {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.vitro-archive-card {
		display: grid;
		grid-template-columns: 92px minmax(0, 1fr);
		gap: 10px;
		align-items: center;
		padding: 10px 0;
		border-width: 0 0 1px;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.vitro-archive-card__media {
		width: 92px;
		aspect-ratio: 1.24 / 1;
		border-radius: 8px;
	}

	.vitro-archive-card__body {
		min-width: 0;
		gap: 5px;
		padding: 0;
	}

	.vitro-archive-card__title {
		display: -webkit-box;
		overflow: hidden;
		font-size: 13px;
		line-height: 1.9;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.vitro-archive-card__excerpt {
		display: none;
	}
}

/* Title typography test: 18px Dana medium across post/list cards. */
.vm-mag-card__title,
body.home .vm-mag-card--featured .vm-mag-card__title,
body.home .vm-mag-card--list .vm-mag-card__title,
body.home .vm-mag-card--archive .vm-mag-card__title,
body.home .vm-mag-card--grid .vm-mag-card__title,
.vm-mag-card--featured .vm-mag-card__title,
.vm-mag-card--list .vm-mag-card__title,
.vm-mag-card--archive .vm-mag-card__title,
.vm-mag-card--grid .vm-mag-card__title,
.vm-featured-card__title,
.vm-list-card__title,
.hl-title,
.hs-post__title,
.hs-post--featured .hs-post__title,
.vitro-search-card__title,
.vitro-archive-card__title,
.archive-post__title,
.vitro-job-card h2,
.single-mini-feed__body h4,
.single-related__body h4 {
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 1.8;
}

@media (max-width: 767px) {
	.vm-mag-card__title,
	body.home .vm-mag-card--featured .vm-mag-card__title,
	body.home .vm-mag-card--list .vm-mag-card__title,
	body.home .vm-mag-card--archive .vm-mag-card__title,
	body.home .vm-mag-card--grid .vm-mag-card__title,
	.vm-mag-card--featured .vm-mag-card__title,
	.vm-mag-card--list .vm-mag-card__title,
	.vm-mag-card--archive .vm-mag-card__title,
	.vm-mag-card--grid .vm-mag-card__title,
	.vm-featured-card__title,
	.vm-list-card__title,
	.hl-title,
	.hs-post__title,
	.hs-post--featured .hs-post__title,
	.vitro-search-card__title,
	.vitro-archive-card__title,
	.archive-post__title,
	.vitro-job-card h2,
	.single-mini-feed__body h4,
	.single-related__body h4 {
		font-size: 18px !important;
		font-weight: 500 !important;
		line-height: 1.8;
	}
}

/* Handwritten review fixes: softer page surface, cleaner cards, category media, and action arrows. */
body,
body.home,
.vm-mag-home,
.vitro-search-page,
.vitro-archive-page,
.category-layout,
.single-layout,
.vitro-jobs-page {
	background: #f5f5f5;
}

.vm-mag-strip--white,
.vm-mag-strip--soft,
.vm-mag-categories,
.vm-mag-ad-row,
.vm-mag-latest {
	background: #f5f5f5 !important;
}

.vm-mag-card,
.vm-featured-card,
.vm-list-card,
.vitro-search-card,
.vitro-archive-card,
.single-related__item,
.single-mini-feed__item,
.single-card,
.vitro-job-card {
	background: #ffffff;
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.vm-mag-card:hover,
.vm-mag-card:focus-within,
.vm-featured-card:hover,
.vm-featured-card:focus-within,
.vm-list-card:hover,
.vm-list-card:focus-within,
.vitro-search-card:hover,
.vitro-archive-card:hover,
.single-related__item:hover,
.single-mini-feed__item:hover,
.vitro-job-card:hover {
	border-color: rgba(243, 154, 62, .45);
	box-shadow: 0 18px 42px rgba(15, 12, 5, .08);
	transform: translateY(-2px);
}

.vm-mag-category {
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(15, 12, 5, .04);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.vm-mag-category:hover,
.vm-mag-category:focus {
	border-color: rgba(243, 154, 62, .35);
	box-shadow: 0 16px 34px rgba(15, 12, 5, .08);
	transform: translateY(-2px);
}

.vm-mag-category__image {
	width: 76px;
	height: 64px;
	object-fit: contain;
}

.vm-mag-category__image--website {
	width: 94px;
	height: 58px;
}

.vm-mag-category__image--sales,
.vm-mag-category__image--marketing {
	width: 82px;
	height: 66px;
}

.vm-mag-section-head a::before {
	content: none !important;
}

.vm-mag-section-head a,
.single-related__head a,
.vm-mag-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.vm-mag-section-head a::after,
.single-related__head a::after,
.vm-mag-more::after {
	content: "";
	flex: 0 0 auto;
	width: 7px;
	height: 7px;
	border-top: 1.6px solid currentColor;
	border-left: 1.6px solid currentColor;
	transform: rotate(-45deg);
}

.vm-mag-more::after {
	width: 8px;
	height: 8px;
}

.vm-mag-more.is-loading::after {
	width: 14px;
	height: 14px;
	border: 2px solid currentColor;
	border-left-color: transparent;
	border-radius: 50%;
	transform: none;
}

.single-share-block {
	align-items: center;
}

.single-share-block__label {
	color: #111111;
	font-size: 0;
	font-weight: 500;
}

.single-share-block__label::before {
	content: "\0627\0634\062A\0631\0627\06A9\0020\06AF\0630\0627\0631\06CC";
	font-size: 14px;
}

.single-share {
	gap: 8px;
}

.single-share__btn {
	display: inline-grid;
	width: 38px;
	height: 38px;
	min-width: 38px;
	place-items: center;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	background: #ffffff;
	color: #111111;
	font-size: 0;
}

.single-share__btn svg {
	width: 20px;
	height: 20px;
}

.single-share__btn:hover,
.single-share__btn:focus {
	border-color: #f39a3e;
	color: #e67e22;
	box-shadow: 0 0 0 3px rgba(243, 154, 62, .14);
}

@media (max-width: 767px) {
	body,
	body.home,
	.vm-mag-home,
	.vitro-search-page,
	.vitro-archive-page,
	.category-layout,
	.single-layout,
	.vitro-jobs-page {
		background: #f5f5f5;
	}

	.vm-mag-card:hover,
	.vm-mag-card:focus-within,
	.vm-featured-card:hover,
	.vm-featured-card:focus-within,
	.vm-list-card:hover,
	.vm-list-card:focus-within,
	.vitro-search-card:hover,
	.vitro-archive-card:hover,
	.single-related__item:hover,
	.single-mini-feed__item:hover,
	.vitro-job-card:hover,
	.vm-mag-category:hover,
	.vm-mag-category:focus {
		transform: none;
	}

	.vm-mag-category__image {
		width: 68px;
		height: 58px;
	}

	.vm-mag-category__image--website {
		width: 84px;
		height: 52px;
	}

	.single-share__btn {
		width: 34px;
		height: 34px;
		min-width: 34px;
		border-radius: 9px;
	}
}

/* Category cards: unique icons and a light premium hover motion. */
.vm-mag-category {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	border-color: rgba(17, 17, 17, .06);
	box-shadow: 0 12px 30px rgba(17, 17, 17, .045);
	transition: transform .28s cubic-bezier(.2, .8, .2, 1), border-color .28s ease, box-shadow .28s ease, background .28s ease;
}

.vm-mag-category::after {
	content: "";
	position: absolute;
	inset: auto 18px 0;
	z-index: -1;
	height: 3px;
	border-radius: 999px 999px 0 0;
	background: linear-gradient(90deg, transparent, #f39a3e, transparent);
	opacity: 0;
	transform: translateY(4px) scaleX(.35);
	transition: opacity .28s ease, transform .28s cubic-bezier(.2, .8, .2, 1);
}

.vm-mag-category__image,
.vm-mag-category__icon {
	transition: transform .32s cubic-bezier(.2, .8, .2, 1), filter .28s ease;
}

.vm-mag-category:hover,
.vm-mag-category:focus-visible {
	border-color: rgba(243, 154, 62, .5);
	background: linear-gradient(180deg, #ffffff 0%, #fffaf5 100%);
	box-shadow: 0 20px 44px rgba(17, 17, 17, .08), 0 8px 20px rgba(243, 154, 62, .12);
	transform: translateY(-6px);
}

.vm-mag-category:hover::after,
.vm-mag-category:focus-visible::after {
	opacity: 1;
	transform: translateY(0) scaleX(1);
}

.vm-mag-category:hover .vm-mag-category__image,
.vm-mag-category:focus-visible .vm-mag-category__image,
.vm-mag-category:hover .vm-mag-category__icon,
.vm-mag-category:focus-visible .vm-mag-category__icon {
	filter: drop-shadow(0 10px 14px rgba(243, 154, 62, .22));
	transform: translateY(-4px) scale(1.06) rotate(-2deg);
}

.vm-mag-category__icon--marketing {
	background: radial-gradient(circle at 35% 30%, #fff8ef 0 34%, #fce6d2 35% 100%);
}

.vm-mag-category__icon--news {
	background: radial-gradient(circle at 65% 25%, #fff8ef 0 32%, #fce6d2 33% 100%);
}

@media (max-width: 767px) {
	.vm-mag-category:hover,
	.vm-mag-category:focus-visible {
		box-shadow: 0 14px 30px rgba(17, 17, 17, .07), 0 6px 16px rgba(243, 154, 62, .1);
		transform: translateY(-3px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.vm-mag-category,
	.vm-mag-category::after,
	.vm-mag-category__image,
	.vm-mag-category__icon {
		transition: none;
	}
}

/* Footer bottom alignment: badges/socials on the left, newsletter/copyright on the right. */
@media (min-width: 768px) {
	.witro-footer__desktop {
		padding-top: 52px;
		padding-bottom: 34px;
	}

	.witro-footer__columns {
		align-items: start;
		margin-bottom: 46px;
	}

	.witro-footer__action-row,
	.witro-footer__bottom {
		display: grid;
		grid-template-columns: minmax(260px, 360px) minmax(340px, 1fr);
		column-gap: 72px;
		align-items: end;
		margin-top: 0;
	}

	.witro-footer__badges,
	.witro-footer__socials {
		grid-column: 2;
		justify-content: flex-start;
		justify-self: end;
	}

	.witro-footer__newsletter,
	.witro-footer__bottom p,
	.witro-footer__copyright {
		grid-column: 1;
		justify-self: start;
	}

	.witro-footer__newsletter {
		width: min(100%, 386px);
	}

	.witro-footer__newsletter label {
		margin-bottom: 9px;
		text-align: right;
	}

	.witro-footer__newsletter-row {
		grid-template-columns: 86px minmax(0, 1fr);
	}

	.witro-footer__badge {
		width: 76px;
		height: 76px;
		border-radius: 12px;
	}

	.witro-footer__badge img {
		max-width: 66px;
		max-height: 66px;
	}

	.witro-footer__divider {
		margin-top: 16px;
		margin-bottom: 14px;
	}

	.witro-footer__bottom {
		align-items: center;
	}

	.witro-footer__bottom p,
	.witro-footer__copyright {
		text-align: right;
		white-space: normal;
	}

	.witro-footer__socials {
		gap: 10px;
	}

	.witro-footer__icon {
		width: 36px;
		height: 36px;
		border-radius: 9px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.witro-footer__action-row,
	.witro-footer__bottom {
		grid-template-columns: minmax(220px, 300px) minmax(320px, 1fr);
		column-gap: 36px;
	}
}

/* Comments section matching Witro single-post design. */
.single-comments {
	border-top: 0;
	padding-top: 18px;
}

.comment-thread {
	gap: 44px;
}

.comment-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.comment-card {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e5e5e5;
}

.comment-card:last-child {
	border-bottom: 1px solid #e5e5e5;
}

.comment-card__body {
	display: grid;
	grid-template-columns: 1fr 54px;
	column-gap: 16px;
	row-gap: 8px;
	padding: 22px 0 24px;
}

.comment-card__meta {
	display: contents;
}

.comment-card__avatar {
	grid-column: 2;
	grid-row: 1 / span 2;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: #d9d9d9;
}

.comment-card__avatar img {
	display: none;
}

.comment-card__header {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 1px;
	min-width: 0;
}

.comment-card__author {
	color: #111111;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
}

.comment-card__date {
	margin: 0;
	color: #b2b2b2;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.6;
}

.comment-card__text {
	grid-column: 1;
	grid-row: 2;
	margin: 0;
	color: #111111;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.9;
	text-align: right;
}

.comment-card__text p {
	margin: 0;
}

.single-comments__form-title {
	display: flex;
	justify-content: flex-end;
	margin-top: 4px;
}

.single-comments__form-title h3 {
	position: relative;
	display: inline-block;
	margin: 0 0 8px;
	padding-bottom: 4px;
	color: #111111;
	font-size: 0;
	font-weight: 500;
	line-height: 1.7;
}

.single-comments__form-title h3::before {
	content: "\062B\0628\062A\0020\062F\06CC\062F\06AF\0627\0647";
	font-size: 20px;
}

.single-comments__form-title h3::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #f39a3e;
}

.single-comments__divider,
.comment-notes {
	display: none;
}

.comment-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 18px;
}

.comment-form p {
	margin: 0;
}

.comment-form-author {
	grid-column: 2;
	order: 1;
}

.comment-form-email {
	grid-column: 1;
	order: 2;
}

.comment-form-comment {
	grid-column: 1 / -1;
	order: 3;
}

.comment-form-cookies-consent {
	grid-column: 1 / -1;
	order: 4;
}

.form-submit {
	grid-column: 1 / -1;
	order: 5;
	display: flex;
	justify-content: flex-start;
}

.comment-form input,
.comment-form textarea {
	width: 100%;
	margin: 0;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #ffffff;
	color: #111111;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.8;
	box-shadow: none;
}

.comment-form input {
	height: 40px;
	padding: 8px 14px;
}

.comment-form textarea {
	min-height: 216px;
	padding: 12px 14px;
	resize: vertical;
}

.comment-form input::placeholder,
.comment-form textarea::placeholder {
	color: #9b9b9b;
	font-size: 13px;
}

.comment-form input[type="submit"] {
	width: auto;
	min-width: 98px;
	height: 44px;
	padding: 0 24px;
	border: 0;
	border-radius: 8px;
	background: #0f0c05;
	color: #ffffff;
	font-size: 0;
	font-weight: 500;
	line-height: 1;
}

.comment-form input[type="submit"]::before {
	content: "\062B\0628\062A\0020\0646\0638\0631";
	font-size: 13px;
}

.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:focus {
	background: #f39a3e;
	color: #111111;
}

.comment-form-cookies-consent {
	display: none;
}

@media (max-width: 767px) {
	.single-comments {
		padding-top: 12px;
	}

	.comment-thread {
		gap: 28px;
	}

	.comment-card__body {
		grid-template-columns: 1fr 44px;
		column-gap: 12px;
		padding: 18px 0 20px;
	}

	.comment-card__avatar {
		width: 42px;
		height: 42px;
	}

	.comment-card__author {
		font-size: 14px;
		line-height: 1.7;
	}

	.comment-card__date {
		font-size: 11px;
	}

	.comment-card__text {
		font-size: 11px;
		line-height: 2;
	}

	.single-comments__form-title {
		margin-top: 0;
	}

	.single-comments__form-title h3::before {
		content: "\0646\0638\0631\0020\0634\0645\0627";
		font-size: 15px;
	}

	.comment-form {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.comment-form-email {
		order: 1;
	}

	.comment-form-author {
		order: 2;
	}

	.comment-form-comment {
		order: 3;
	}

	.form-submit {
		order: 4;
		display: block;
	}

	.comment-form input,
	.comment-form textarea,
	.comment-form input[type="text"],
	.comment-form input[type="email"] {
		width: 100%;
	}

	.comment-form input {
		height: 32px;
		border-radius: 6px;
		font-size: 11px;
	}

	.comment-form textarea {
		min-height: 164px;
		border-radius: 8px;
		font-size: 11px;
	}

	.comment-form input::placeholder,
	.comment-form textarea::placeholder {
		font-size: 11px;
	}

	.comment-form input[type="submit"] {
		width: 100%;
		height: 38px;
		border-radius: 6px;
	}

	.comment-form input[type="submit"]::before {
		content: "\0627\0631\0633\0627\0644\0020\0646\0638\0631";
		font-size: 12px;
	}
}

/* Comments layout correction v2: match compact Witro reference. */
.single-plane.single-comments {
	width: min(100% - 32px, 980px);
	max-width: 980px;
	margin: 0 auto 72px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.single-comments .comment-thread {
	display: block;
	width: 100%;
}

.single-comments .comment-list {
	display: block;
	width: 100%;
	margin: 0 0 56px;
	padding: 0;
	list-style: none;
}

.single-comments .comment-card {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	background: transparent;
	box-shadow: none;
}

.single-comments .comment-card__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 56px;
	gap: 5px 16px;
	align-items: start;
	width: 100%;
	padding: 22px 0 23px;
}

.single-comments .comment-card__meta {
	display: contents;
}

.single-comments .comment-card__avatar {
	grid-column: 2;
	grid-row: 1 / span 2;
	width: 48px;
	height: 48px;
	margin: 0;
	border-radius: 50%;
	background: #d9d9d9;
	overflow: hidden;
}

.single-comments .comment-card__avatar img {
	display: none;
}

.single-comments .comment-card__header {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 0;
	min-width: 0;
	text-align: right;
}

.single-comments .comment-card__author {
	color: #111111;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.55;
}

.single-comments .comment-card__date {
	margin: 0;
	color: #b5b5b5;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.55;
}

.single-comments .comment-card__text {
	grid-column: 1;
	grid-row: 2;
	margin: 0;
	color: #111111;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.9;
	text-align: right;
}

.single-comments .comment-card__text p {
	margin: 0;
}

.single-comments .comment-empty {
	margin: 0 0 32px;
	color: #8a8a8a;
	font-size: 13px;
	text-align: right;
}

.single-comments .single-comments__form-title {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 22px;
}

.single-comments .single-comments__form-title h3 {
	position: relative;
	display: inline-flex;
	margin: 0;
	padding: 0 0 4px;
	color: #111111;
	font-size: 0;
	font-weight: 500;
	line-height: 1.45;
}

.single-comments .single-comments__form-title h3::before {
	content: "\062B\0628\062A\0020\062F\06CC\062F\06AF\0627\0647";
	font-size: 20px;
}

.single-comments .single-comments__form-title h3::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #f39a3e;
}

.single-comments .single-comments__divider,
.single-comments .comment-notes,
.single-comments .comment-form-cookies-consent {
	display: none !important;
}

.single-comments .comment-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 16px 20px;
	width: 100%;
	margin: 0;
}

.single-comments .comment-form p {
	margin: 0;
}

.single-comments .comment-form-author {
	grid-column: 2;
	order: 1;
}

.single-comments .comment-form-email {
	grid-column: 1;
	order: 2;
}

.single-comments .comment-form-comment {
	grid-column: 1 / -1;
	order: 3;
}

.single-comments .form-submit {
	grid-column: 1 / -1;
	order: 4;
	display: flex;
	justify-content: flex-start;
}

.single-comments .comment-form input:not([type="submit"]),
.single-comments .comment-form textarea {
	display: block;
	width: 100%;
	margin: 0;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #ffffff;
	color: #111111;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.8;
	box-shadow: none;
	outline: none;
}

.single-comments .comment-form input:not([type="submit"]) {
	height: 40px;
	padding: 7px 14px;
}

.single-comments .comment-form textarea {
	min-height: 218px;
	padding: 12px 14px;
	resize: vertical;
}

.single-comments .comment-form input::placeholder,
.single-comments .comment-form textarea::placeholder {
	color: #9b9b9b;
	font-size: 13px;
}

.single-comments .comment-form input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 96px;
	height: 44px;
	margin: 0;
	padding: 0 23px;
	border: 0;
	border-radius: 8px;
	background: #0f0c05;
	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	cursor: pointer;
}

.single-comments .comment-form input[type="submit"]:hover,
.single-comments .comment-form input[type="submit"]:focus {
	background: #f39a3e;
	color: #111111;
}

@media (max-width: 767px) {
	.single-plane.single-comments {
		width: calc(100% - 24px);
		max-width: 360px;
		margin: 0 auto 42px;
		padding: 0 !important;
	}

	.single-comments .comment-list {
		margin-bottom: 30px;
	}

	.single-comments .comment-card__body {
		grid-template-columns: minmax(0, 1fr) 44px;
		gap: 4px 10px;
		padding: 17px 0 18px;
	}

	.single-comments .comment-card__avatar {
		width: 40px;
		height: 40px;
	}

	.single-comments .comment-card__author {
		font-size: 14px;
		line-height: 1.55;
	}

	.single-comments .comment-card__date {
		font-size: 11px;
	}

	.single-comments .comment-card__text {
		font-size: 11px;
		line-height: 1.95;
	}

	.single-comments .single-comments__form-title {
		margin-bottom: 14px;
	}

	.single-comments .single-comments__form-title h3::before {
		content: "\0646\0638\0631\0627\062A";
		font-size: 15px;
	}

	.single-comments .comment-form {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.single-comments .comment-form-email {
		order: 1;
	}

	.single-comments .comment-form-author {
		order: 2;
	}

	.single-comments .comment-form-comment {
		order: 3;
	}

	.single-comments .form-submit {
		order: 4;
		display: block;
	}

	.single-comments .comment-form input:not([type="submit"]) {
		height: 34px;
		padding: 6px 12px;
		border-radius: 7px;
		font-size: 12px;
	}

	.single-comments .comment-form textarea {
		min-height: 166px;
		padding: 10px 12px;
		border-radius: 8px;
		font-size: 12px;
	}

	.single-comments .comment-form input::placeholder,
	.single-comments .comment-form textarea::placeholder {
		font-size: 12px;
	}

	.single-comments .comment-form input[type="submit"] {
		width: 100%;
		min-width: 0;
		height: 38px;
		border-radius: 6px;
		font-size: 12px;
	}
}

/* Single placement fix: comments live inside article column, sidebar stays sticky. */
.single-article > .single-comments {
	width: 100%;
	max-width: none;
	margin: 52px 0 0;
	padding: 30px 0 0;
	border-top: 1px solid #e5e5e5;
	background: transparent;
	box-shadow: none;
}

.single-article > .single-comments .comment-list {
	margin-bottom: 44px;
}

@media (min-width: 1025px) {
	.single-shell {
		align-items: start;
	}

	.single-sidebar {
		position: sticky !important;
		top: 104px;
		align-self: start;
		height: max-content;
	}
}

@media (max-width: 767px) {
	.single-article > .single-comments {
		margin-top: 34px;
		padding-top: 22px;
	}
}

/* Final scoped comment design for single posts. */
.single-article > .single-comments {
	direction: rtl;
	width: 100%;
	margin: 52px 0 0;
	padding: 30px 0 0;
	border-top: 1px solid #e5e5e5;
	background: transparent;
	box-shadow: none;
}

.single-article > .single-comments .comment-thread,
.single-article > .single-comments .comment-respond {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

.single-article > .single-comments .comment-list {
	display: block;
	width: 100%;
	margin: 0 0 48px;
	padding: 0;
	list-style: none;
}

.single-article > .single-comments .comment-card {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	background: transparent;
	box-shadow: none;
}

.single-article > .single-comments .comment-card:last-child {
	border-bottom: 1px solid #e5e5e5;
}

.single-article > .single-comments .comment-card__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 56px;
	gap: 4px 16px;
	align-items: start;
	padding: 22px 0 24px;
}

.single-article > .single-comments .comment-card__meta {
	display: contents;
}

.single-article > .single-comments .comment-card__avatar {
	grid-column: 2;
	grid-row: 1 / span 2;
	width: 48px;
	height: 48px;
	margin: 0;
	border-radius: 50%;
	background: #d9d9d9;
	overflow: hidden;
}

.single-article > .single-comments .comment-card__avatar img {
	display: none;
}

.single-article > .single-comments .comment-card__header {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0;
	min-width: 0;
	margin: 0;
	text-align: right;
}

.single-article > .single-comments .comment-card__author {
	color: #111111;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.55;
}

.single-article > .single-comments .comment-card__date {
	display: block;
	margin: 0;
	color: #b5b5b5;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.55;
}

.single-article > .single-comments .comment-card__text {
	grid-column: 1;
	grid-row: 2;
	margin: 0;
	color: #111111;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.9;
	text-align: right;
}

.single-article > .single-comments .comment-card__text p {
	margin: 0;
}

.single-article > .single-comments .comment-empty {
	margin: 0 0 34px;
	color: #8a8a8a;
	font-size: 13px;
	line-height: 1.9;
	text-align: right;
}

.single-article > .single-comments .comment-pagination {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin: -24px 0 42px;
}

.single-article > .single-comments .single-comments__list-title,
.single-article > .single-comments .single-comments__form-title {
	display: flex;
	justify-content: flex-start;
	margin: 0 0 22px;
	text-align: right;
}

.single-article > .single-comments .single-comments__list-title h3,
.single-article > .single-comments .single-comments__form-title h3 {
	position: relative;
	display: inline-flex;
	margin: 0;
	padding: 0 0 4px;
	color: #111111;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.45;
}

.single-article > .single-comments .single-comments__list-title h3::before,
.single-article > .single-comments .single-comments__list-title h3::after,
.single-article > .single-comments .single-comments__form-title h3::before,
.single-article > .single-comments .single-comments__form-title h3::after {
	content: none;
}

.single-article > .single-comments .single-comments__list-title h3::after,
.single-article > .single-comments .single-comments__form-title h3::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #f39a3e;
}

.single-article > .single-comments .single-comments__divider,
.single-article > .single-comments .comment-notes,
.single-article > .single-comments .comment-form-cookies-consent {
	display: none !important;
}

.single-article > .single-comments .comment-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 16px 20px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.single-comments .comment-form,
.single-comments .comment-form *,
.single-article > .single-comments .comment-form,
.single-article > .single-comments .comment-form * {
	box-sizing: border-box;
}

.single-article > .single-comments .comment-form p {
	margin: 0;
	min-width: 0;
	max-width: 100%;
}

.single-article > .single-comments .comment-form-author {
	grid-column: 2;
	order: 1;
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.single-article > .single-comments .comment-form-email {
	grid-column: 1;
	order: 2;
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.single-article > .single-comments .comment-form-comment {
	grid-column: 1 / -1;
	order: 3;
	min-width: 0;
	max-width: 100%;
}

.single-article > .single-comments .form-submit {
	grid-column: 1 / -1;
	order: 4;
	display: flex;
	justify-content: flex-start;
	margin: 0;
}

.single-article > .single-comments .comment-form input:not([type="submit"]),
.single-article > .single-comments .comment-form textarea {
	display: block;
	width: 100% !important;
	margin: 0;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	background: #ffffff;
	color: #111111;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.8;
	box-shadow: none;
	outline: none;
}

.single-article > .single-comments .comment-form input:not([type="submit"]) {
	height: 40px;
	min-height: 0;
	padding: 7px 14px;
}

.single-article > .single-comments .comment-form textarea {
	height: 132px;
	min-height: 132px;
	max-height: 220px;
	padding: 12px 14px;
	resize: vertical;
}

.single-article > .single-comments .comment-form input::placeholder,
.single-article > .single-comments .comment-form textarea::placeholder {
	color: #9b9b9b;
	font-size: 13px;
}

.single-article > .single-comments .comment-form input[type="submit"],
.single-article > .single-comments .comment-form button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 96px;
	height: 44px;
	margin: 0;
	padding: 0 23px;
	border: 0;
	border-radius: 8px;
	background: #0f0c05;
	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	cursor: pointer;
	box-shadow: none;
	transition: background .2s ease, color .2s ease;
}

.single-article > .single-comments .comment-form input[type="submit"]:hover,
.single-article > .single-comments .comment-form input[type="submit"]:focus,
.single-article > .single-comments .comment-form button[type="submit"]:hover,
.single-article > .single-comments .comment-form button[type="submit"]:focus {
	background: #f39a3e;
	color: #111111;
}

@media (max-width: 767px) {
	.single-article > .single-comments {
		margin-top: 34px;
		padding-top: 22px;
	}

	.single-article > .single-comments .comment-list {
		margin-bottom: 32px;
	}

	.single-article > .single-comments .comment-card__body {
		grid-template-columns: minmax(0, 1fr) 44px;
		gap: 4px 10px;
		padding: 17px 0 18px;
	}

	.single-article > .single-comments .comment-card__avatar {
		width: 40px;
		height: 40px;
	}

	.single-article > .single-comments .comment-card__author {
		font-size: 14px;
	}

	.single-article > .single-comments .comment-card__date,
	.single-article > .single-comments .comment-card__text {
		font-size: 11px;
	}

	.single-article > .single-comments .single-comments__form-title {
		margin-bottom: 14px;
	}

	.single-article > .single-comments .single-comments__list-title h3,
	.single-article > .single-comments .single-comments__form-title h3 {
		font-size: 15px;
	}

	.single-article > .single-comments .comment-form {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.single-article > .single-comments .comment-form-email {
		order: 1;
	}

	.single-article > .single-comments .comment-form-author {
		order: 2;
	}

	.single-article > .single-comments .comment-form-comment {
		order: 3;
	}

	.single-article > .single-comments .form-submit {
		order: 4;
		display: block;
	}

	.single-article > .single-comments .comment-form input:not([type="submit"]) {
		height: 34px;
		padding: 6px 12px;
		border-radius: 7px;
		font-size: 12px;
	}

	.single-article > .single-comments .comment-form textarea {
		height: 140px;
		min-height: 140px;
		max-height: 220px;
		padding: 10px 12px;
		border-radius: 8px;
		font-size: 12px;
	}

	.single-article > .single-comments .comment-form input::placeholder,
	.single-article > .single-comments .comment-form textarea::placeholder {
		font-size: 12px;
	}

	.single-article > .single-comments .comment-form input[type="submit"],
	.single-article > .single-comments .comment-form button[type="submit"] {
		width: 100%;
		min-width: 0;
		height: 38px;
		border-radius: 6px;
		font-size: 12px;
	}
}

/* List card visual reset: compact, readable, and closer to the Figma article rows. */
.hl-posts {
	gap: 14px;
}

.hl-post,
.vm-list-card,
.single-mini-feed-block .single-mini-feed__item {
	position: relative;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 132px;
	gap: 16px;
	align-items: stretch;
	min-height: 128px;
	padding: 12px;
	margin: 0;
	border: 1px solid #eeeeee;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(17, 17, 17, .035);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.hl-post:hover,
.hl-post:focus-within,
.vm-list-card:hover,
.vm-list-card:focus-within,
.single-mini-feed-block .single-mini-feed__item:hover,
.single-mini-feed-block .single-mini-feed__item:focus-within {
	transform: translateY(-2px);
	border-color: #fce6d2;
	box-shadow: 0 16px 36px rgba(17, 17, 17, .07);
}

.hl-thumb,
.vm-list-card__thumb,
.single-mini-feed-block .single-mini-feed__thumb {
	grid-column: 2;
	width: 100%;
	height: 104px;
	min-height: 104px;
	aspect-ratio: auto;
	border-radius: 8px;
	background-color: #f5f5f5;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.hl-body,
.vm-list-card__body,
.single-mini-feed-block .single-mini-feed__body {
	grid-column: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 8px;
	padding: 2px 0;
	text-align: right;
}

.hl-title,
.vm-list-card__title,
.single-mini-feed-block .single-mini-feed__body h4 {
	margin: 0;
	color: #111111;
	font-size: 18px !important;
	font-weight: 500 !important;
	line-height: 1.75;
	text-align: right;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.hl-title a,
.vm-list-card__title a,
.single-mini-feed-block .single-mini-feed__body a {
	color: inherit;
	text-decoration: none;
}

.hl-title a:hover,
.hl-title a:focus,
.vm-list-card__title a:hover,
.vm-list-card__title a:focus,
.single-mini-feed-block .single-mini-feed__body a:hover,
.single-mini-feed-block .single-mini-feed__body a:focus {
	color: #e67e22;
}

.hl-meta,
.vm-card-meta,
.single-mini-feed-block .single-mini-feed__body time {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0;
	color: #8a8a8a;
	font-size: 11px !important;
	font-weight: 400;
	line-height: 1.8;
	opacity: 1;
}

.hl-excerpt,
.single-mini-feed-block .single-mini-feed__excerpt {
	display: -webkit-box;
	margin: 0;
	color: #555555;
	font-size: 12px !important;
	font-weight: 400;
	line-height: 1.9;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.single-mini-feed-block .single-mini-feed {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.single-mini-feed-block .single-mini-feed__meta-bar {
	inset-inline: 8px;
	inset-block-end: 8px;
}

.single-mini-feed-block .single-mini-feed__meta {
	padding: 3px 7px;
	border-radius: 4px;
	background: rgba(255, 255, 255, .86);
	color: #555555;
	font-size: 9px;
	line-height: 1.6;
}

@media (max-width: 767px) {
	.hl-posts {
		gap: 10px;
	}

	.hl-post,
	.vm-list-card,
	.single-mini-feed-block .single-mini-feed__item {
		grid-template-columns: minmax(0, 1fr) 96px;
		gap: 10px;
		min-height: 96px;
		padding: 9px;
		border-radius: 8px;
		box-shadow: 0 8px 20px rgba(17, 17, 17, .035);
	}

	.hl-thumb,
	.vm-list-card__thumb,
	.single-mini-feed-block .single-mini-feed__thumb {
		height: 78px;
		min-height: 78px;
		border-radius: 7px;
	}

	.hl-title,
	.vm-list-card__title,
	.single-mini-feed-block .single-mini-feed__body h4 {
		font-size: 14px !important;
		line-height: 1.75;
	}

	.hl-meta,
	.vm-card-meta,
	.single-mini-feed-block .single-mini-feed__body time {
		gap: 6px;
		font-size: 10px !important;
		line-height: 1.7;
	}

	.hl-excerpt,
	.single-mini-feed-block .single-mini-feed__excerpt {
		display: none;
	}
}

/* List card image scale tune. */
.hl-post,
.vm-list-card,
.single-mini-feed-block .single-mini-feed__item {
	grid-template-columns: minmax(0, 1fr) 152px;
	min-height: 140px;
}

.hl-thumb,
.vm-list-card__thumb,
.single-mini-feed-block .single-mini-feed__thumb {
	height: 118px;
	min-height: 118px;
	background-size: cover;
	background-position: center;
}

@media (max-width: 767px) {
	.hl-post,
	.vm-list-card,
	.single-mini-feed-block .single-mini-feed__item {
		grid-template-columns: minmax(0, 1fr) 108px;
		min-height: 104px;
	}

	.hl-thumb,
	.vm-list-card__thumb,
	.single-mini-feed-block .single-mini-feed__thumb {
		height: 88px;
		min-height: 88px;
	}
}

/* List card image bottom gap fix: stretch thumbnail to the card height. */
.hl-thumb,
.vm-list-card__thumb,
.single-mini-feed-block .single-mini-feed__thumb {
	align-self: stretch;
	height: auto;
	min-height: 118px;
}

@media (max-width: 767px) {
	.hl-thumb,
	.vm-list-card__thumb,
	.single-mini-feed-block .single-mini-feed__thumb {
		min-height: 88px;
	}
}

/* Home spacing audit: restore a consistent vertical rhythm across landing sections. */
body.home {
	--vm-home-gutter: clamp(20px, 4vw, 52px);
	--vm-home-section-y: 48px;
	--vm-home-section-y-lg: 56px;
	--vm-home-head-gap: 20px;
	background: #ffffff;
}

body.home .vm-mag-home {
	background: #ffffff;
}

body.home .vm-mag-container,
body.home .vm-mag-latest__layout {
	width: min(calc(100vw - 48px), var(--content-max, 1180px));
	max-width: var(--content-max, 1180px);
	margin-right: auto;
	margin-left: auto;
}

body.home .vm-mag-hero,
body.home .vm-mag-strip--white,
body.home .vm-mag-ad-row,
body.home .vm-mag-latest {
	background: #ffffff !important;
}

body.home .vm-mag-strip--soft,
body.home .vm-mag-categories {
	background: #f5f5f5 !important;
}

body.home .vm-mag-hero {
	padding: 24px 0 44px;
}

body.home .vm-mag-strip {
	padding: var(--vm-home-section-y) 0;
}

body.home .vm-mag-categories {
	padding: 46px 0 48px;
}

body.home .vm-mag-strip--featured-latest {
	padding: 48px 0 30px;
}

body.home .vm-mag-ad-row {
	padding: 0 0 46px;
}

body.home .vm-mag-latest {
	padding: 0 0 76px;
}

body.home .vm-mag-section-head {
	margin: 0 0 var(--vm-home-head-gap);
}

body.home .vm-mag-card-grid {
	gap: 20px;
}

body.home .vm-mag-category-grid {
	gap: 18px;
}

body.home .vm-mag-latest__layout {
	gap: 24px;
}

body.home .vm-mag-sidebar {
	gap: 16px;
}

body.home .vm-mag-archive__title {
	margin: 0 0 18px;
}

body.home .vm-mag-archive__grid {
	gap: 18px;
}

body.home .vm-mag-more {
	margin-top: 26px;
}

body.home .vm-mag-wide-ad {
	margin: 0;
}

@media (max-width: 767px) {
	body.home {
		--vm-home-section-y: 28px;
		--vm-home-head-gap: 12px;
	}

	body.home .vm-mag-container,
	body.home .vm-mag-latest__layout {
		width: min(calc(100vw - 20px), 430px);
		max-width: min(calc(100vw - 20px), 430px);
	}

	body.home .vm-mag-hero {
		padding: 10px 0 24px;
	}

	body.home .vm-mag-strip,
	body.home .vm-mag-categories {
		padding: 28px 0 30px;
	}

	body.home .vm-mag-strip--featured-latest {
		padding: 28px 0 20px;
	}

	body.home .vm-mag-ad-row {
		padding: 2px 0 30px;
	}

	body.home .vm-mag-latest {
		padding: 28px 0 0;
	}

	body.home .vm-mag-card-grid {
		width: 100%;
		padding-inline: 0;
		gap: 10px;
	}

	body.home .vm-mag-category-grid {
		gap: 9px;
	}

	body.home .vm-mag-latest__layout {
		gap: 0;
	}

	body.home .vm-mag-sidebar {
		margin-top: 24px;
		gap: 12px;
	}

	body.home .vm-mag-archive__grid {
		gap: 0;
	}

	body.home .vm-mag-more {
		margin-top: 18px;
	}
}

/* Home design review: spacing and color only, aligned to the exported landing design. */
body.home {
	--vm-home-design-width: 1200px;
	--vm-home-design-inset: 96px;
	--vm-home-bg: #ffffff;
	--vm-home-band: #f5f5f5;
	--vm-home-card: #ffffff;
	--vm-home-border: #e5e5e5;
	--vm-home-muted: #8a8a8a;
	background: var(--vm-home-bg);
}

@media (min-width: 768px) {
	body.home .yt-header[data-variant="desktop"],
	body.home .yt-searchbar,
	body.home .vm-mag-container,
	body.home .vm-mag-latest__layout {
		width: min(calc(100vw - var(--vm-home-design-inset)), var(--vm-home-design-width));
		max-width: var(--vm-home-design-width);
		margin-right: auto;
		margin-left: auto;
	}
}

body.home .vm-mag-home,
body.home .vm-mag-hero,
body.home .vm-mag-strip--white,
body.home .vm-mag-ad-row,
body.home .vm-mag-latest {
	background: var(--vm-home-bg) !important;
}

body.home .vm-mag-strip--soft,
body.home .vm-mag-categories {
	background: var(--vm-home-band) !important;
}

body.home .vm-mag-card,
body.home .vm-mag-category,
body.home .vm-mag-newsletter {
	background: var(--vm-home-card);
	border-color: var(--vm-home-border);
}

body.home .vm-mag-meta,
body.home .vm-mag-card__excerpt {
	color: var(--vm-home-muted);
}

@media (min-width: 768px) {
	body.home .vm-mag-hero {
		padding-top: 24px;
		padding-bottom: 46px;
	}

	body.home .vm-mag-strip {
		padding-top: 46px;
		padding-bottom: 52px;
	}

	body.home .vm-mag-categories {
		padding-top: 44px;
		padding-bottom: 46px;
	}

	body.home .vm-mag-strip--featured-latest {
		padding-top: 46px;
		padding-bottom: 30px;
	}

	body.home .vm-mag-ad-row {
		padding-top: 0;
		padding-bottom: 44px;
	}

	body.home .vm-mag-latest {
		padding-top: 0;
		padding-bottom: 72px;
	}

	body.home .vm-mag-section-head {
		margin-bottom: 22px;
	}

	body.home .vm-mag-card-grid,
	body.home .vm-mag-category-grid {
		gap: 20px;
	}

	body.home .vm-mag-latest__layout {
		gap: 24px;
	}

	body.home .vm-mag-archive__grid {
		gap: 18px;
	}
}

@media (max-width: 767px) {
	body.home {
		--vm-home-design-inset: 20px;
	}

	body.home .vm-mag-home,
	body.home .vm-mag-hero,
	body.home .vm-mag-strip--white,
	body.home .vm-mag-ad-row,
	body.home .vm-mag-latest {
		background: var(--vm-home-bg) !important;
	}

	body.home .vm-mag-strip--soft,
	body.home .vm-mag-categories {
		background: var(--vm-home-band) !important;
	}

	body.home .vm-mag-hero {
		padding-top: 10px;
		padding-bottom: 26px;
	}

	body.home .vm-mag-strip,
	body.home .vm-mag-categories {
		padding-top: 28px;
		padding-bottom: 30px;
	}

	body.home .vm-mag-strip--featured-latest {
		padding-top: 28px;
		padding-bottom: 20px;
	}

	body.home .vm-mag-ad-row {
		padding-top: 2px;
		padding-bottom: 28px;
	}

	body.home .vm-mag-latest {
		padding-top: 28px;
		padding-bottom: 0;
	}

	body.home .vm-mag-section-head {
		margin-bottom: 12px;
	}
}

/* Global design review: spacing and color only. Prevent non-home mobile width drift. */
@media (max-width: 767px) {
	html,
	body {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	body:not(.home) .yt-header-shell,
	body:not(.home) .yt-header--mobile,
	body:not(.home) .single-screen,
	body:not(.home) .vitro-search-page,
	body:not(.home) .vitro-jobs-page,
	body:not(.home) .vitro-archive-page,
	body:not(.home) .category-layout {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	body:not(.home) .single-plane,
	body:not(.home) .vitro-search-hero,
	body:not(.home) .vitro-search-results,
	body:not(.home) .vitro-jobs-container,
	body:not(.home) .vitro-archive-page {
		box-sizing: border-box;
		width: min(calc(100vw - 24px), 430px) !important;
		max-width: min(calc(100vw - 24px), 430px) !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
}

/* Standard 404 page design. */
.vitro-error-page {
	background: #f5f5f5;
	padding: 48px 0 84px;
}

.vitro-error-hero,
.vitro-error-latest {
	box-sizing: border-box;
	width: min(calc(100vw - 96px), 1200px);
	margin: 0 auto;
}

.vitro-error-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 420px;
	gap: 28px;
	align-items: center;
	padding: 36px;
	border: 1px solid #f4ddc6;
	border-radius: 18px;
	background: linear-gradient(135deg, #fff3e8 0%, #ffffff 58%, #fce6d2 100%);
	box-shadow: 0 18px 50px rgba(15, 12, 5, .06);
}

.vitro-error-kicker {
	display: inline-flex;
	margin-bottom: 12px;
	color: #e67e22;
	font-size: 13px;
	font-weight: 500;
}

.vitro-error-hero h1 {
	margin: 0;
	color: #111111;
	font-size: clamp(28px, 3vw, 44px);
	font-weight: 500;
	line-height: 1.55;
}

.vitro-error-hero p {
	max-width: 650px;
	margin: 14px 0 0;
	color: #555555;
	font-size: 16px;
	line-height: 2;
}

.vitro-error-search {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 112px;
	gap: 10px;
	padding: 12px;
	border: 1px solid #e5e5e5;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 12px 32px rgba(15, 12, 5, .05);
}

.vitro-error-search__field {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 48px;
	padding: 0 14px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	background: #ffffff;
	color: #8a8a8a;
}

.vitro-error-search__field svg {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
}

.vitro-error-search input {
	width: 100%;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: #111111;
	font-family: var(--font-sans);
	font-size: 14px;
}

.vitro-error-search button,
.vitro-error-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	font-family: var(--font-sans);
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.vitro-error-search button {
	height: 48px;
	border: 1px solid #111111;
	background: #111111;
	color: #ffffff;
	font-size: 14px;
}

.vitro-error-search button:hover,
.vitro-error-search button:focus,
.vitro-error-action--primary:hover,
.vitro-error-action--primary:focus {
	background: #e67e22;
	border-color: #e67e22;
	color: #ffffff;
}

.vitro-error-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	grid-column: 1 / -1;
}

.vitro-error-action {
	min-height: 42px;
	padding: 0 18px;
	border: 1px solid #e5e5e5;
	background: #ffffff;
	color: #111111;
	font-size: 14px;
}

.vitro-error-action--primary {
	border-color: #111111;
	background: #111111;
	color: #ffffff;
}

.vitro-error-action:hover,
.vitro-error-action:focus {
	transform: translateY(-1px);
}

.vitro-error-latest {
	margin-top: 36px;
}

.vitro-error-section-head {
	margin-bottom: 18px;
}

.vitro-error-section-head h2 {
	margin: 0;
	color: #111111;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
}

.vitro-error-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.vitro-error-card {
	overflow: hidden;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 14px 36px rgba(15, 12, 5, .045);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.vitro-error-card:hover,
.vitro-error-card:focus-within {
	border-color: rgba(243, 154, 62, .45);
	box-shadow: 0 18px 42px rgba(15, 12, 5, .08);
	transform: translateY(-2px);
}

.vitro-error-card__thumb {
	display: block;
	aspect-ratio: 16 / 9;
	background: #fce6d2;
}

.vitro-error-card__thumb img,
.vitro-error-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vitro-error-card__body {
	padding: 14px 14px 16px;
}

.vitro-error-card__title {
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8;
}

.vitro-error-card__title a {
	color: #111111;
	text-decoration: none;
}

.vitro-error-card__title a:hover,
.vitro-error-card__title a:focus {
	color: #e67e22;
}

.vitro-error-card__meta {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-top: 12px;
	color: #8a8a8a;
	font-size: 12px;
	line-height: 1.6;
}

@media (max-width: 991px) {
	.vitro-error-hero {
		grid-template-columns: 1fr;
	}

	.vitro-error-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.vitro-error-page {
		padding: 18px 0 48px;
	}

	.vitro-error-hero,
	.vitro-error-latest {
		width: min(calc(100vw - 24px), 430px);
	}

	.vitro-error-hero {
		gap: 18px;
		padding: 20px 14px 16px;
		border-radius: 14px;
	}

	.vitro-error-kicker {
		margin-bottom: 8px;
		font-size: 12px;
	}

	.vitro-error-hero h1 {
		font-size: 24px;
		line-height: 1.65;
	}

	.vitro-error-hero p {
		margin-top: 10px;
		font-size: 13px;
		line-height: 1.9;
	}

	.vitro-error-search {
		grid-template-columns: 1fr;
		gap: 8px;
		padding: 8px;
	}

	.vitro-error-search__field,
	.vitro-error-search button {
		height: 44px;
	}

	.vitro-error-actions {
		gap: 8px;
	}

	.vitro-error-action {
		flex: 1 1 150px;
		min-height: 40px;
		padding: 0 12px;
		font-size: 13px;
	}

	.vitro-error-latest {
		margin-top: 26px;
	}

	.vitro-error-section-head {
		margin-bottom: 12px;
	}

	.vitro-error-grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.vitro-error-card {
		display: grid;
		grid-template-columns: 108px minmax(0, 1fr);
		min-height: 96px;
	}

	.vitro-error-card__thumb {
		aspect-ratio: auto;
		height: 100%;
	}

	.vitro-error-card__body {
		padding: 10px 12px;
	}

	.vitro-error-card__title {
		font-size: 18px;
		line-height: 1.75;
	}
}