/**
 * DROIX Blog — single article: header, entry prose, TOC, verdict, sidebar,
 * tags/author/prevnext, comments, vote strip, related.
 */

.dxb-article__head { padding-top: 26px; }
.dxb-article__pills { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 20px; }
.dxb-updated-chip {
	display: inline-flex;
	align-items: center;
	padding: 5px 12px;
	border-radius: 9999px;
	background: var(--dxb-green-tint);
	color: var(--dxb-green-deep);
	font-size: 11.5px;
	font-weight: 600;
}
.dxb-article__title { margin: 14px 0 0; font-weight: 700; font-size: 42px; line-height: 1.12; max-width: 1000px; text-wrap: pretty; }
.dxb-article__meta { display: flex; align-items: center; gap: 11px; margin-top: 18px; flex-wrap: wrap; }
.dxb-article__avatar { border-radius: 50%; }
.dxb-article__author { display: flex; flex-direction: column; line-height: 1.3; }
.dxb-article__author b { font-family: var(--dxb-font-head); font-weight: 700; font-size: 14px; color: var(--dxb-fg-2); }
.dxb-article__author span { font-size: 12px; color: var(--dxb-fg-5); }
.dxb-article__dot { width: 4px; height: 4px; border-radius: 50%; background: #D1D5DB; }
.dxb-article__meta > time, .dxb-article__meta > span:not(.dxb-article__dot):not(.dxb-article__author):not(.dxb-article__meta-spacer) { font-size: 13px; font-weight: 500; color: var(--dxb-fg-4); }
.dxb-article__comments { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; }
.dxb-article__meta-spacer { flex: 1; }
.dxb-bookmark {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 38px;
	padding: 0 14px;
	border-radius: 12px;
	border: 1px solid var(--dxb-stroke);
	background: #fff;
	font-family: var(--dxb-font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--dxb-fg-3);
	cursor: pointer;
}
.dxb-bookmark:hover { background: var(--dxb-bg-3); }
.dxb-bookmark.is-saved { background: var(--dxb-green-tint); border-color: var(--dxb-green); color: var(--dxb-green-deep); }
.dxb-article__featured { margin: 26px 0 0; border-radius: 24px; overflow: hidden; }
.dxb-article__featured img { width: 100%; display: block; aspect-ratio: 16/9; object-fit: cover; }

/* layout: content + sidebar */
.dxb-article__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 48px;
	padding-top: 38px;
	align-items: start;
}
.dxb-article__content { min-width: 0; }

/* entry prose */
.dxb-entry { font-size: 16px; line-height: 1.7; color: var(--dxb-fg-3); max-width: 860px; }
.dxb-entry > p:first-child { font-size: 18px; }
.dxb-entry h2 { margin: 40px 0 12px; font-weight: 700; font-size: 27px; scroll-margin-top: 100px; }
.dxb-entry h3 { margin: 28px 0 10px; font-weight: 700; font-size: 20px; }
.dxb-entry img { border-radius: 14px; }
.dxb-entry figure { margin: 20px 0; }
.dxb-entry figcaption { margin-top: 8px; text-align: center; font-size: 12px; color: var(--dxb-fg-5); }
.dxb-entry blockquote { margin: 20px 0; padding: 14px 22px; border-left: 4px solid var(--dxb-green); background: var(--dxb-bg-3); border-radius: 0 14px 14px 0; }
/* tables — spec (2-col, no header) and comparison (header row) variants,
   auto-detected via :has(). Scoped to .wp-block-table so the droix-guide-blocks
   .dxg-* comparison grids (div-based, injected at the_content@25) are never
   touched. Classic-era bare <table> posts are wrapped in div.wp-block-table
   at render — dxb_wrap_classic_tables() in inc/setup.php. */
.dxb-entry .wp-block-table {
	margin: 22px 0;
	border: 1px solid var(--dxb-stroke);
	border-radius: var(--dxb-r-lg);
	overflow-x: auto;
	background: #fff;
}
.dxb-entry .wp-block-table table { width: 100%; border-collapse: collapse; border: none; margin: 0; }
.dxb-entry .wp-block-table table:has(thead) { min-width: 640px; }
.dxb-entry .wp-block-table thead th {
	text-align: start;
	padding: 13px 18px;
	background: var(--dxb-bg-3);
	border: none;
	border-bottom: 1px solid #E5E7EB;
	font-weight: 600;
	font-size: 13.5px;
	color: var(--dxb-fg-3);
	white-space: nowrap;
}
.dxb-entry .wp-block-table tbody td,
.dxb-entry .wp-block-table tbody th {
	padding: 12px 18px;
	border: none;
	border-bottom: 1px solid var(--dxb-stroke);
	font-size: 14px;
	line-height: 1.55;
	color: #333;
	vertical-align: top;
}
.dxb-entry .wp-block-table tbody tr > *:first-child { font-weight: 600; color: var(--dxb-fg-2); }
.dxb-entry .wp-block-table table:not(:has(td:nth-child(3))) tbody tr > *:first-child {
	width: 230px;
	background: var(--dxb-bg-3);
	font-size: 13.5px;
	color: var(--dxb-fg-3);
}
.dxb-entry .wp-block-table tbody tr:last-child > * { border-bottom: none; }
.dxb-entry .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: transparent; }
.dxb-entry .wp-block-table figcaption { margin-top: 9px; text-align: center; font-size: 12.5px; color: var(--dxb-fg-5); }
.dxb-entry .wp-block-details, .dxb-entry details {
	border: 1px solid var(--dxb-stroke);
	border-radius: var(--dxb-r-lg);
	padding: 0 20px;
	background: #fff;
	margin: 0 0 10px;
}
.dxb-entry details summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 0;
	font-family: var(--dxb-font-head);
	font-weight: 500;
	font-size: 15.5px;
	color: var(--dxb-fg-2);
}
.dxb-entry details summary::before {
	content: "";
	width: 16px; height: 16px;
	flex: 0 0 auto;
	background: var(--dxb-green-dark);
	-webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>') center / contain no-repeat;
	mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>') center / contain no-repeat;
	transition: transform .15s ease;
}
.dxb-entry details[open] summary::before { transform: rotate(180deg); }
.dxb-entry details > p, .dxb-entry details > div { padding: 0 0 18px 28px; margin: 0; font-size: 14px; }

/* TOC */
.dxb-toc--mobile { display: none; background: var(--dxb-bg-3); border-radius: var(--dxb-r-lg); padding: 0 16px; margin-bottom: 20px; border: 0; }
.dxb-toc--mobile summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 9px; padding: 15px 0; font-family: var(--dxb-font-head); font-weight: 700; font-size: 13.5px; color: var(--dxb-fg-2); }
.dxb-toc--mobile summary .dxb-i { color: var(--dxb-green-dark); }
.dxb-toc--sidebar { background: var(--dxb-bg-3); border-radius: var(--dxb-r-xl); padding: 20px 22px; }
.dxb-toc__head { display: flex; align-items: center; gap: 8px; font-family: var(--dxb-font-head); font-weight: 700; font-size: 14px; color: var(--dxb-fg-2); margin-bottom: 10px; }
.dxb-toc__head .dxb-i { color: var(--dxb-green-dark); }
.dxb-toc__list { margin: 0; padding: 0 0 12px; list-style: none; display: flex; flex-direction: column; gap: 2px; counter-reset: none; }
.dxb-toc--sidebar .dxb-toc__list { padding: 0; }
.dxb-toc__list a { display: block; padding: 6px 10px; border-radius: 9px; font-size: 13px; font-weight: 500; color: var(--dxb-fg-3); }
.dxb-toc__list a:hover { color: var(--dxb-green-deep); }
.dxb-toc__list a.is-active { background: var(--dxb-green-tint); color: var(--dxb-green-deep); font-weight: 700; }

/* verdict */
.dxb-verdict { background: var(--dxb-green-tint); border-radius: var(--dxb-r-2xl); padding: 28px 30px; margin: 36px 0 0; max-width: 860px; scroll-margin-top: 100px; }
.dxb-verdict__top { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.dxb-verdict__ring-wrap { display: flex; align-items: baseline; gap: 6px; }
.dxb-verdict__of { font-size: 10.5px; color: var(--dxb-fg-5); }
.dxb-verdict__title { flex: 1; min-width: 200px; }
.dxb-verdict__title h3 { margin: 5px 0 0; font-weight: 700; font-size: 21px; line-height: 1.25; }
.dxb-verdict__subs { display: grid; grid-template-columns: 1fr; gap: 8px; min-width: 260px; }
.dxb-verdict__sub { display: grid; grid-template-columns: 110px 1fr 30px; align-items: center; gap: 10px; }
.dxb-verdict__sub-label { font-size: 12.5px; font-weight: 600; color: var(--dxb-fg-3); }
.dxb-verdict__sub-bar { height: 6px; border-radius: 9999px; background: #E5E7EB; overflow: hidden; display: block; }
.dxb-verdict__sub-bar i { display: block; height: 100%; border-radius: 9999px; background: var(--dxb-green); }
.dxb-verdict__sub-val { font-size: 12.5px; font-weight: 700; color: var(--dxb-fg-2); text-align: right; }
.dxb-verdict__summary { margin: 20px 0 0; font-size: 15px; line-height: 1.7; color: var(--dxb-fg-3); }
.dxb-verdict__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px; }
.dxb-verdict__col { background: #fff; border-radius: var(--dxb-r-lg); padding: 18px 20px; }
.dxb-verdict__col-title { margin: 0 0 10px; display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 14.5px; }
.dxb-verdict__col-title--pro { color: var(--dxb-green-deep); }
.dxb-verdict__col-title--con { color: var(--dxb-fg-4); }
.dxb-verdict__col ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px; }
.dxb-verdict__col li { display: flex; gap: 9px; font-size: 13.5px; line-height: 1.5; color: #333; }
.dxb-verdict__col li .dxb-i { margin-top: 3px; }
.dxb-verdict__col-title--pro .dxb-i, .dxb-verdict__col li .dxb-i--check { color: var(--dxb-green-dark); }
.dxb-verdict__col li .dxb-i--minus { color: var(--dxb-fg-5); }

/* vote strip */
.dxb-vote {
	margin-top: 34px;
	max-width: 860px;
	background: var(--dxb-green-tint);
	border-radius: var(--dxb-r-lg);
	padding: 16px 22px;
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.dxb-vote b { font-family: var(--dxb-font-head); font-weight: 500; font-size: 14.5px; color: var(--dxb-fg-2); }
.dxb-vote__buttons { display: flex; gap: 8px; }
.dxb-vote__btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 38px;
	padding: 0 16px;
	border-radius: 12px;
	border: 1px solid var(--dxb-stroke-3);
	background: #fff;
	font-family: var(--dxb-font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--dxb-fg-3);
	cursor: pointer;
}
.dxb-vote__btn:hover { border-color: var(--dxb-green); background: var(--dxb-green-tint); }
.dxb-vote__done { font-size: 13.5px; font-weight: 600; color: var(--dxb-green-deep); }

/* tags / author / prevnext */
.dxb-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 26px; max-width: 860px; }
.dxb-tag { display: inline-flex; padding: 7px 14px; border-radius: 9999px; background: var(--dxb-bg-3); color: var(--dxb-fg-3); font-weight: 600; font-size: 12.5px; }
.dxb-tag:hover { background: var(--dxb-green-tint); color: var(--dxb-green-deep); }
.dxb-authorbox { display: flex; gap: 18px; margin-top: 30px; border: 1px solid var(--dxb-stroke); border-radius: var(--dxb-r-xl); padding: 22px 24px; max-width: 860px; }
.dxb-authorbox img { border-radius: 50%; flex: 0 0 auto; width: 64px; height: 64px; }
.dxb-authorbox b { display: block; margin-top: 3px; font-family: var(--dxb-font-head); font-weight: 700; font-size: 16px; color: var(--dxb-fg-2); }
.dxb-authorbox p { margin: 7px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--dxb-fg-4); }
.dxb-prevnext { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 26px; max-width: 860px; }
.dxb-prevnext__item { display: flex; flex-direction: column; gap: 6px; border: 1px solid var(--dxb-stroke); border-radius: var(--dxb-r-lg); padding: 16px 18px; }
.dxb-prevnext__item:hover { background: var(--dxb-bg-3); }
.dxb-prevnext__item > span { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--dxb-fg-5); }
.dxb-prevnext__item b { font-family: var(--dxb-font-head); font-weight: 700; font-size: 14px; line-height: 1.35; color: var(--dxb-fg-2); }
.dxb-prevnext__item--next { align-items: flex-end; text-align: right; }

/* ── "Questions & comments" widget ── */
.dxb-qc { margin-top: 44px; max-width: 860px; scroll-margin-top: 100px; }
.dxb-qc__anchor { display: block; position: relative; top: -100px; }
.dxb-qc__head { display: flex; align-items: center; gap: 12px; }
.dxb-qc__head h2 { margin: 0; font-weight: 700; font-size: 26px; }
.dxb-qc__count {
	display: inline-flex;
	align-items: center;
	padding: 3px 12px;
	border-radius: 9999px;
	background: var(--dxb-green-tint);
	color: var(--dxb-green-deep);
	font-family: var(--dxb-font-head);
	font-weight: 700;
	font-size: 13.5px;
}
.dxb-qc__intro { display: flex; align-items: center; gap: 13px; margin-top: 14px; }
.dxb-qc__intro-avatar { border-radius: 50%; flex: 0 0 auto; }
.dxb-qc__intro p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--dxb-fg-4); }

/* composer */
.dxb-qc__composer {
	margin-top: 18px;
	border: 1px solid var(--dxb-stroke);
	border-radius: var(--dxb-r-xl);
	padding: 18px 20px;
	background: #fff;
	box-shadow: var(--dxb-shadow-sm);
}
.dxb-qc__tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.dxb-qc__tab {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 40px;
	padding: 0 16px;
	border-radius: 9999px;
	border: 1px solid #E5E7EB;
	background: #fff;
	color: var(--dxb-fg-3);
	font-family: var(--dxb-font-head);
	font-weight: 500;
	font-size: 13.5px;
	cursor: pointer;
}
.dxb-qc__tab .dxb-i { width: 15px; height: 15px; }
.dxb-qc__tab.is-active { background: var(--dxb-green); border-color: var(--dxb-green); color: #fff; }
.dxb-qc__chips { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.dxb-qc__chip {
	height: 34px;
	padding: 0 14px;
	border: 0;
	border-radius: 9999px;
	background: var(--dxb-bg-3);
	color: var(--dxb-fg-3);
	font-family: var(--dxb-font-body);
	font-size: 12.5px;
	font-weight: 500;
	cursor: pointer;
}
.dxb-qc__chip:hover { background: var(--dxb-green-tint); color: var(--dxb-green-deep); }
.dxb-qc [hidden] { display: none; }
.dxb-qc__replying {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 12px;
	padding: 8px 14px;
	border-radius: 12px;
	background: var(--dxb-green-tint);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--dxb-green-deep);
}
.dxb-qc__replying button { border: 0; background: none; color: var(--dxb-fg-5); font-size: 12.5px; font-weight: 600; cursor: pointer; margin-left: auto; }
.dxb-qc__composer textarea {
	width: 100%;
	min-height: 96px;
	margin-top: 14px;
	padding: 13px 15px;
	border: 1px solid #E5E7EB;
	border-radius: 14px;
	resize: vertical;
	font-family: var(--dxb-font-body);
	font-size: 14px;
	line-height: 1.6;
	color: var(--dxb-fg-1);
	outline: none;
}
.dxb-qc__fields { display: grid; grid-template-columns: 1fr 1.6fr; gap: 10px; margin-top: 10px; }
.dxb-qc__fields input {
	height: 44px;
	padding: 0 14px;
	border: 1px solid #E5E7EB;
	border-radius: 14px;
	font-family: var(--dxb-font-body);
	font-size: 13px;
	outline: none;
	min-width: 0;
}
.dxb-qc__composer textarea:focus,
.dxb-qc__fields input:focus {
	border-color: var(--dxb-green);
	box-shadow: 0 0 0 3px rgba(176, 203, 31, 0.18);
}
.dxb-qc__composer .cf-turnstile { display: block; margin-top: 12px; max-width: 100%; overflow: hidden; }
.dxb-qc__composer .cf-turnstile iframe { max-width: 100%; }
.dxb-qc__foot { display: flex; align-items: center; gap: 12px; margin-top: 12px; border-top: 1px solid var(--dxb-stroke); padding-top: 12px; flex-wrap: wrap; }
.dxb-qc__note { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; color: var(--dxb-fg-5); flex: 1; min-width: 220px; }
.dxb-qc__note .dxb-i { width: 14px; height: 14px; flex: 0 0 auto; color: var(--dxb-green-dark); }
.dxb-qc__submit {
	height: 44px;
	padding: 0 22px;
	border: 0;
	border-radius: var(--dxb-r-lg);
	background: var(--dxb-green);
	color: #fff;
	font-family: var(--dxb-font-head);
	font-weight: 500;
	font-size: 14.5px;
	cursor: pointer;
}
.dxb-qc__submit:hover:not(:disabled) { background: var(--dxb-green-dark); box-shadow: var(--dxb-shadow-cta); }
.dxb-qc__submit:disabled { background: #CFCFCF; cursor: not-allowed; }

/* list */
.dxb-qc__list { margin-top: 10px; }
.dxb-qc-item { display: flex; gap: 14px; padding: 20px 0; border-bottom: 1px solid var(--dxb-stroke); }
.dxb-qc-avatar {
	width: 40px; height: 40px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--dxb-font-head);
	font-weight: 700;
	font-size: 15px;
	flex: 0 0 auto;
}
.dxb-qc-avatar--img { border-radius: 50%; }
.dxb-qc-avatar--sm { width: 34px; height: 34px; font-size: 13px; }
.dxb-qc-item__body { flex: 1; min-width: 0; }
.dxb-qc-item__meta { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.dxb-qc-item__meta b { font-size: 14px; color: var(--dxb-fg-2); }
.dxb-qc-item__meta time { font-size: 12px; color: var(--dxb-fg-5); }
.dxb-qc-item__spacer { flex: 1; }
.dxb-qc-qmark {
	width: 19px; height: 19px;
	border-radius: 6px;
	background: var(--dxb-green-tint);
	color: var(--dxb-green-deep);
	font-family: var(--dxb-font-head);
	font-weight: 700;
	font-size: 11px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}
.dxb-qc-answered { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; color: var(--dxb-green-dark); }
.dxb-qc-answered .dxb-i { width: 13px; height: 13px; }
.dxb-qc-item__text { margin-top: 6px; font-size: 14px; line-height: 1.65; color: #333; }
.dxb-qc-item__text p { margin: 0 0 8px; }
.dxb-qc-item__text p:last-child { margin: 0; }
.dxb-qc-reply { background: var(--dxb-bg-2); border-radius: var(--dxb-r-lg); padding: 16px 18px; margin-top: 14px; }
.dxb-qc-reply__head { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.dxb-qc-reply__head b { font-size: 13.5px; color: var(--dxb-fg-2); }
.dxb-qc-reply__head time { font-size: 12px; color: var(--dxb-fg-5); }
.dxb-qc-reply__text { margin-top: 6px; font-size: 13.5px; line-height: 1.6; color: #333; }
.dxb-qc-reply__text p { margin: 0 0 8px; }
.dxb-qc-reply__text p:last-child { margin: 0; }
.dxb-team-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 9px;
	border-radius: 9999px;
	background: var(--dxb-green);
	color: #fff;
	font-family: var(--dxb-font-head);
	font-weight: 700;
	font-size: 10px;
	letter-spacing: 0.06em;
}
.dxb-team-pill .dxb-i { width: 10px; height: 10px; }
.dxb-mod-chip { display: inline-flex; padding: 2px 9px; border-radius: 9999px; background: #FFF6D6; color: #8A6D00; font-size: 11px; font-weight: 600; }
.dxb-qc-actions { display: flex; gap: 14px; margin-top: 10px; }
.dxb-qc-action {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 0;
	background: none;
	padding: 0;
	min-height: 40px;
	font-family: var(--dxb-font-body);
	font-size: 12.5px;
	font-weight: 600;
	cursor: pointer;
}
.dxb-qc-action--reply { color: var(--dxb-green-dark); }
.dxb-qc-action--reply:hover { color: var(--dxb-green-deep); }
.dxb-qc-action--helpful { color: var(--dxb-fg-5); }
.dxb-qc-action--helpful:hover, .dxb-qc-action--helpful.is-voted { color: var(--dxb-green-deep); }
.dxb-qc-action--helpful.is-voted { cursor: default; }
.dxb-qc__more {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 18px;
	margin-top: 16px;
	border-radius: 9999px;
	border: 1px solid #E5E7EB;
	background: #fff;
	color: var(--dxb-fg-3);
	font-family: var(--dxb-font-head);
	font-weight: 500;
	font-size: 13.5px;
	cursor: pointer;
}
.dxb-qc__more:hover { background: var(--dxb-bg-3); }

/* sidebar */
.dxb-sidebar { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 18px; }
.dxb-widget, .dxb-side-latest {
	border: 1px solid var(--dxb-stroke);
	border-radius: var(--dxb-r-xl);
	padding: 18px 20px;
	background: #fff;
	box-shadow: var(--dxb-shadow-sm);
}
.dxb-widget__title { display: block; font-family: var(--dxb-font-head); font-weight: 700; font-size: 14.5px; color: var(--dxb-fg-2); margin-bottom: 13px; }
.dxb-widget .dxg-featured { border: 0; box-shadow: none; margin: 0; }
.dxb-widget:has(.dxg-featured) { padding: 0; overflow: hidden; }
.dxb-side-latest__list { display: flex; flex-direction: column; gap: 12px; }
.dxb-side-latest__item { display: flex; gap: 12px; align-items: flex-start; }
.dxb-side-latest__item:hover { opacity: 0.8; }
.dxb-side-latest__item img { width: 74px; height: 50px; object-fit: cover; border-radius: 9px; flex: 0 0 auto; background: var(--dxb-bg-3); }
.dxb-side-latest__item b {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-weight: 600;
	font-size: 12.5px;
	line-height: 1.4;
	color: var(--dxb-fg-2);
}
.dxb-side-latest__meta { display: block; margin-top: 3px; font-size: 11.5px; color: var(--dxb-fg-5); }
.dxb-side-news { background: var(--dxb-green-tint); border-radius: var(--dxb-r-xl); padding: 18px 20px; display: flex; flex-direction: column; gap: 10px; }
.dxb-side-news > b { font-family: var(--dxb-font-head); font-weight: 700; font-size: 14.5px; color: var(--dxb-fg-2); }
.dxb-side-news > span { font-size: 12.5px; line-height: 1.5; color: var(--dxb-fg-3); }
.dxb-side-news__form { display: flex; flex-direction: column; gap: 8px; }
.dxb-side-news__form input[type="email"] {
	height: 42px;
	padding: 0 14px;
	background: #fff;
	border: 1px solid var(--dxb-stroke-3);
	border-radius: 13px;
	font-family: var(--dxb-font-body);
	font-size: 13px;
	outline: none;
}
.dxb-side-news__form button {
	height: 42px;
	border: 0;
	border-radius: 13px;
	background: var(--dxb-green);
	color: #fff;
	font-family: var(--dxb-font-head);
	font-weight: 500;
	font-size: 13.5px;
	cursor: pointer;
}
.dxb-side-news__form button:hover { background: var(--dxb-green-dark); }

/* related */
.dxb-related { padding-top: 56px; }

/* responsive */
@media (max-width: 1024px) {
	.dxb-article__layout { grid-template-columns: 1fr; gap: 28px; }
	.dxb-sidebar { position: static; }
	.dxb-toc--sidebar { display: none; }
	.dxb-toc--mobile { display: block; }
	.dxb-article__title { font-size: 32px; }
}
@media (max-width: 640px) {
	.dxb-article__title { font-size: 26px; line-height: 1.2; }
	.dxb-article__featured { border-radius: 18px; margin-top: 16px; }
	.dxb-verdict { padding: 20px 16px; border-radius: 22px; }
	.dxb-verdict__cols { grid-template-columns: 1fr; }
	.dxb-prevnext { grid-template-columns: 1fr; }
	.dxb-entry { font-size: 14.5px; }
	.dxb-entry > p:first-child { font-size: 16px; }
	.dxb-entry h2 { font-size: 20px; margin: 30px 0 10px; }
	.dxb-bookmark__label { display: none; }
	/* Questions & comments: single-column fields, wrapping badges (spec §7) */
	.dxb-qc__fields { grid-template-columns: 1fr; }
	.dxb-qc__composer { padding: 14px; }
	.dxb-qc-item__spacer { display: none; }
	.dxb-qc-answered { flex-basis: 100%; }
	.dxb-entry .wp-block-table { margin: 16px 0; border-radius: 14px; }
	.dxb-entry .wp-block-table table:has(thead) { min-width: 520px; }
	.dxb-entry .wp-block-table thead th { padding: 10px 12px; font-size: 12px; }
	.dxb-entry .wp-block-table tbody td,
	.dxb-entry .wp-block-table tbody th { padding: 10px 12px; font-size: 12.5px; }
	.dxb-entry .wp-block-table table:not(:has(td:nth-child(3))) tbody tr > *:first-child { width: 38%; }
}