/**
 * CarBike Insight — Astra magazine (reference layout, CarBike brand).
 * Reference: full-width blue header, 3-col cards, category / title / meta / excerpt.
 */

.cbi-astra-magazine {
	--cbi-a-header: #243a8f;
	--cbi-a-header-accent: #ff6b00;
	--cbi-a-page: #f0f2f5;
	--cbi-a-card: #ffffff;
	--cbi-a-title: #0f172a;
	--cbi-a-category: #243a8f;
	--cbi-a-meta: #243a8f;
	--cbi-a-excerpt: #5a6270;
	--cbi-a-max: 1140px;
	--cbi-a-gap: 2rem;
	--cbi-a-gutter: clamp(1rem, 4vw, 1.5rem);
	--cbi-a-touch: 44px;
	--cbi-a-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--cbi-bp-sm: 544px;
	--cbi-bp-md: 921px;
	--cbi-bp-lg: 1200px;
	font-family: Roboto, "Segoe UI", system-ui, sans-serif;
}

.cbi-astra-magazine #page {
	overflow-x: clip;
}

.cbi-astra-magazine .site-content .ast-container,
.cbi-astra-magazine #primary {
	padding-left: var(--cbi-a-gutter);
	padding-right: var(--cbi-a-gutter);
}

.cbi-astra-magazine .entry-title,
.cbi-astra-magazine .wp-block-post-title,
.cbi-astra-magazine h1,
.cbi-astra-magazine h2,
.cbi-astra-magazine h3 {
	font-family: Rajdhani, Roboto, sans-serif;
}

/* ========== Header (full width) ========== */
.cbi-astra-magazine .site-header,
.cbi-astra-magazine #masthead,
.cbi-astra-magazine .main-header-bar,
.cbi-astra-magazine .ast-primary-header-bar,
.cbi-astra-magazine .site-primary-header-wrap {
	background-color: var(--cbi-a-header) !important;
	border-bottom: none;
}

.cbi-astra-magazine .site-header {
	position: relative;
}

.cbi-astra-magazine .site-header::after,
.cbi-astra-magazine #masthead::after {
	content: "";
	display: block;
	height: 3px;
	background: var(--cbi-a-header-accent);
}

.cbi-astra-magazine .main-header-bar,
.cbi-astra-magazine .ast-primary-header-bar {
	padding: 0.75rem 1.25rem;
	padding-right: clamp(1.25rem, 8vw, 10rem);
	position: relative;
	overflow: visible;
}

.cbi-astra-magazine .main-header-menu,
.cbi-astra-magazine .ast-nav-menu,
.cbi-astra-magazine .main-header-bar-navigation .main-header-menu {
	position: static;
}

.cbi-astra-magazine .ast-primary-header-bar .site-primary-header-wrap,
.cbi-astra-magazine .main-header-bar .ast-flex.main-header-container {
	max-width: var(--cbi-a-max);
	margin: 0 auto;
}

/* Logo left | menu center | social right — desktop HFB bar only (not #ast-mobile-header). */
@media (min-width: 922px) {
	.cbi-astra-magazine #ast-desktop-header .ast-primary-header-bar .ast-builder-grid-row,
	.cbi-astra-magazine #ast-desktop-header .main-header-bar .ast-flex.main-header-container {
		display: grid !important;
		grid-template-columns: 1fr auto 1fr;
		align-items: center;
		gap: 1rem;
		width: 100%;
	}

	.cbi-astra-magazine #ast-desktop-header .site-branding,
	.cbi-astra-magazine #ast-desktop-header .ast-site-identity,
	.cbi-astra-magazine #ast-desktop-header .site-header-primary-section-left,
	.cbi-astra-magazine #ast-desktop-header .ast-builder-layout-element[data-section="title"] {
		grid-column: 1;
		justify-self: start;
		position: relative;
		z-index: 1;
		max-width: min(38vw, 280px);
	}

	.cbi-astra-magazine #ast-desktop-header .main-header-bar-navigation,
	.cbi-astra-magazine #ast-desktop-header .ast-builder-menu-1,
	.cbi-astra-magazine #ast-desktop-header .site-header-primary-section-center,
	.cbi-astra-magazine #ast-desktop-header .ast-builder-layout-element[data-section="section-hb-menu-1"],
	.cbi-astra-magazine #ast-desktop-header .ast-builder-layout-element[data-section="section-primary-menu"],
	.cbi-astra-magazine #ast-desktop-header .ast-header-menu-1 {
		grid-column: 2;
		justify-self: center;
		position: static;
		z-index: 25;
		pointer-events: auto;
	}
}

.cbi-astra-magazine .site-primary-header-wrap,
.cbi-astra-magazine .ast-builder-grid-row {
	position: relative;
}

/* Social pinned to top-right of desktop header bar (via primary menu slot). */
@media (min-width: 922px) {
	.cbi-astra-magazine #ast-desktop-header .cbi-astra-nav-social-slot {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
		border: none;
		background: transparent;
		z-index: 40;
		pointer-events: auto;
	}
}

.cbi-astra-magazine .cbi-astra-nav-social-slot::before {
	display: none;
}

.cbi-astra-magazine .cbi-astra-nav-social-slot > a {
	display: none;
}

.cbi-astra-magazine .cbi-astra-header-social-wrap {
	display: block;
}

@media (min-width: 922px) {
	.cbi-astra-magazine .ast-primary-header-bar .cbi-astra-nav-social-slot,
	.cbi-astra-magazine .main-header-bar .cbi-astra-nav-social-slot {
		right: 1.25rem;
	}
}

.cbi-astra-magazine .main-header-menu > .menu-item > a,
.cbi-astra-magazine .main-header-bar-navigation a,
.cbi-astra-magazine .ast-nav-menu > .menu-item > a {
	color: #fff !important;
	font-size: 0.9375rem;
	font-weight: 500;
	text-decoration: none !important;
	padding: 0.35rem 0.65rem;
	cursor: pointer;
	pointer-events: auto;
	display: inline-block;
}

.cbi-astra-magazine .main-header-menu > .menu-item > a:hover,
.cbi-astra-magazine .ast-nav-menu > .menu-item > a:hover,
.cbi-astra-magazine .main-header-menu .current-menu-item > a,
.cbi-astra-magazine .main-header-menu .current-menu-ancestor > a,
.cbi-astra-magazine .ast-nav-menu .current-menu-item > a,
.cbi-astra-magazine .main-header-bar-navigation .current-menu-item > a {
	color: var(--cbi-a-header-accent) !important;
}

.cbi-astra-magazine .main-header-menu .current-menu-item > a,
.cbi-astra-magazine .ast-nav-menu .current-menu-item > a {
	text-decoration: underline !important;
	text-underline-offset: 4px;
}

.cbi-astra-magazine .main-header-menu .menu-item a:focus-visible,
.cbi-astra-magazine .ast-nav-menu .menu-item a:focus-visible {
	outline: 2px solid var(--cbi-a-header-accent);
	outline-offset: 3px;
}

.cbi-astra-magazine .cbi-astra-logo-img {
	max-height: 44px;
	width: auto;
}

/* Header wordmark (mark + CarBike / Insight) */
@keyframes cbi-astra-brand-slide-big {
	0% {
		opacity: 0;
		transform: translateX(-2.75rem) scale(0.68);
	}
	55% {
		opacity: 1;
		transform: translateX(0.35rem) scale(1.14);
	}
	78% {
		transform: translateX(-0.08rem) scale(1.06);
	}
	100% {
		opacity: 1;
		transform: translateX(0) scale(1.1);
	}
}

@keyframes cbi-astra-brand-bar-grow {
	from {
		opacity: 0;
		transform: scaleX(0);
	}
	to {
		opacity: 1;
		transform: scaleX(1);
	}
}

.cbi-astra-magazine .cbi-astra-brand-wrap {
	display: inline-flex;
	line-height: 1;
	overflow: visible;
}

.cbi-astra-magazine .cbi-astra-brand {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	text-decoration: none !important;
	color: #fff;
	filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.35));
	transform: translateX(0) scale(1.1);
	transform-origin: left center;
	animation: cbi-astra-brand-slide-big 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;
	transition: filter 0.25s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform, opacity;
}

.cbi-astra-magazine .cbi-astra-brand:hover {
	filter: drop-shadow(0 4px 18px rgba(255, 107, 0, 0.5));
	transform: translateY(-2px) scale(1.14);
}

.cbi-astra-magazine .cbi-astra-brand__mark {
	flex-shrink: 0;
	display: flex;
	line-height: 0;
}

.cbi-astra-magazine .cbi-astra-brand__svg {
	display: block;
	width: 48px;
	height: 48px;
}

.cbi-astra-magazine .cbi-astra-brand__lockup {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.05rem;
	min-width: 0;
}

.cbi-astra-magazine .cbi-astra-brand__line1 {
	font-family: Rajdhani, Roboto, sans-serif;
	font-size: clamp(1.28rem, 3.2vw, 1.65rem);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.cbi-astra-magazine .cbi-astra-brand__car {
	color: #ffffff;
}

.cbi-astra-magazine .cbi-astra-brand__bike {
	background: linear-gradient(90deg, #ff2d2d 0%, #ff6b00 55%, #ffc400 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.cbi-astra-magazine .cbi-astra-brand__line2 {
	font-family: Rajdhani, Roboto, sans-serif;
	font-size: clamp(0.68rem, 1.75vw, 0.86rem);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.42em;
	text-transform: uppercase;
	color: #c8cdd6;
	margin-left: 0.08em;
}

.cbi-astra-magazine .cbi-astra-brand__bar {
	display: block;
	width: min(8.75rem, 48vw);
	height: 3px;
	margin-top: 0.25rem;
	border-radius: 2px;
	background: linear-gradient(90deg, #ff2d2d 0%, #ff6b00 50%, #ffc400 100%);
	box-shadow: 0 0 12px rgba(255, 107, 0, 0.45);
	transform-origin: left center;
	animation: cbi-astra-brand-bar-grow 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.42s both;
}

@media (prefers-reduced-motion: reduce) {
	.cbi-astra-magazine .cbi-astra-brand {
		animation: none;
		transform: none;
	}

	.cbi-astra-magazine .cbi-astra-brand__bar {
		animation: none;
	}
}

@media (max-width: 480px) {
	.cbi-astra-magazine .cbi-astra-brand__svg {
		width: 40px;
		height: 40px;
	}

	.cbi-astra-magazine .cbi-astra-brand {
		animation: none;
		transform: none;
		will-change: auto;
		gap: 0.5rem;
	}

	.cbi-astra-magazine .cbi-astra-brand__bar {
		animation: none;
	}

	.cbi-astra-magazine .cbi-astra-brand__line2 {
		letter-spacing: 0.28em;
	}
}

@media (max-width: 921px) {
	.cbi-astra-magazine .cbi-astra-brand {
		animation: none;
		transform: none;
		will-change: auto;
	}

	.cbi-astra-magazine .cbi-astra-brand__bar {
		animation: none;
	}
}

/* Below-fold homepage cards: faster initial paint, content unchanged. */
@media (max-width: 921px) {
	.cbi-astra-magazine.home .wp-block-post-template > .wp-block-post:not(:first-child),
	.cbi-astra-magazine.home .wp-block-post-template > li:not(:first-child) {
		content-visibility: auto;
		contain-intrinsic-size: auto 420px;
	}
}

.cbi-astra-header-social__list {
	display: flex;
	gap: 0.65rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.cbi-astra-header-social__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--cbi-a-touch);
	min-height: var(--cbi-a-touch);
	color: #fff;
	opacity: 0.92;
	transition: color 0.15s ease, opacity 0.15s ease;
}

.cbi-astra-header-social__link:hover {
	color: var(--cbi-a-header-accent);
	opacity: 1;
}

.cbi-astra-header-social__link svg {
	display: block;
}

/* Always-visible mobile nav (below header) — does not need hamburger toggle. */
.cbi-astra-magazine .cbi-astra-mobile-quicknav-wrap {
	display: none;
}

@media (max-width: 921px) {
	.cbi-astra-magazine .cbi-astra-mobile-quicknav-wrap {
		display: block;
		position: sticky;
		top: 0;
		z-index: 89;
		background: var(--cbi-a-header);
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
		box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
		margin: 0 calc(-1 * var(--cbi-a-gutter));
		width: calc(100% + 2 * var(--cbi-a-gutter));
		max-width: 100vw;
	}

	.cbi-astra-magazine .cbi-astra-mobile-quicknav-nav {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.cbi-astra-magazine .cbi-astra-mobile-quicknav-nav::-webkit-scrollbar {
		display: none;
	}

	.cbi-astra-magazine .cbi-astra-mobile-quicknav {
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: 0;
		margin: 0;
		padding: 0 0.35rem;
		list-style: none;
		min-width: min-content;
	}

	.cbi-astra-magazine .cbi-astra-mobile-quicknav > .menu-item {
		flex: 0 0 auto;
		margin: 0;
	}

	.cbi-astra-magazine .cbi-astra-mobile-quicknav > .menu-item > a,
	.cbi-astra-magazine .cbi-astra-mobile-quicknav > .menu-item > .menu-link {
		display: block;
		padding: 0.7rem 0.85rem;
		color: #fff !important;
		font-family: Rajdhani, Roboto, sans-serif;
		font-size: 0.8125rem;
		font-weight: 600;
		letter-spacing: 0.04em;
		text-decoration: none !important;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.cbi-astra-magazine .cbi-astra-mobile-quicknav > .menu-item.current-menu-item > a,
	.cbi-astra-magazine .cbi-astra-mobile-quicknav > .menu-item.current-menu-item > .menu-link {
		color: var(--cbi-a-header-accent) !important;
		box-shadow: inset 0 -3px 0 var(--cbi-a-header-accent);
	}

	.cbi-astra-magazine #ast-mobile-header .ast-button-wrap,
	.cbi-astra-magazine #ast-mobile-header [data-section="section-header-mobile-trigger"] {
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		flex: 0 0 auto;
	}

	.cbi-astra-magazine.ast-main-header-nav-open .ast-mobile-header-content {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		max-height: min(70vh, 520px) !important;
		overflow-y: auto !important;
		background: #fff !important;
		z-index: 100;
		box-shadow: 0 8px 24px rgba(15, 23, 42, 0.15);
	}

	.cbi-astra-magazine.ast-main-header-nav-open .ast-mobile-header-content .menu-link,
	.cbi-astra-magazine.ast-main-header-nav-open .ast-mobile-header-content .main-header-menu > .menu-item > a {
		color: var(--cbi-a-header) !important;
	}

	.cbi-astra-magazine #ast-mobile-header .ast-builder-grid-row {
		display: flex !important;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		gap: 0.75rem;
	}

	.cbi-astra-magazine #ast-mobile-header .site-header-primary-section-left {
		flex: 1 1 auto;
		min-width: 0;
		max-width: calc(100% - 3.5rem);
	}

	.cbi-astra-magazine #ast-mobile-header .site-header-primary-section-right {
		flex: 0 0 auto;
		margin-left: auto;
	}

	.cbi-astra-magazine #ast-mobile-header .menu-toggle,
	.cbi-astra-magazine #ast-mobile-header .main-header-menu-toggle {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		color: #fff !important;
		background: transparent;
		border: 0;
		padding: 0.35rem;
		cursor: pointer;
		z-index: 50;
	}

	.cbi-astra-magazine #ast-mobile-header .ast-mobile-svg {
		fill: currentColor;
	}

	.cbi-astra-magazine .ast-mobile-header-content {
		background: var(--cbi-a-header);
		border-top: 1px solid rgba(255, 255, 255, 0.15);
		width: 100%;
	}

	.cbi-astra-magazine .ast-mobile-header-content .main-header-menu,
	.cbi-astra-magazine .ast-mobile-header-content .ast-nav-menu {
		flex-direction: column;
		width: 100%;
	}

	.cbi-astra-magazine .ast-mobile-header-content .main-header-menu > .menu-item > a,
	.cbi-astra-magazine .ast-mobile-header-content .main-header-menu .menu-link,
	.cbi-astra-magazine .ast-mobile-header-content .ast-nav-menu > .menu-item > a {
		color: #fff !important;
		display: block;
		width: 100%;
		padding: 0.85rem 1rem;
		font-size: 1rem;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	}

	.cbi-astra-magazine .ast-mobile-header-content .main-header-menu > .menu-item:last-child > a,
	.cbi-astra-magazine .ast-mobile-header-content .cbi-astra-nav-social-slot {
		border-bottom: none;
	}

	.cbi-astra-magazine .ast-mobile-header-content .cbi-astra-nav-social-slot {
		position: static;
		transform: none;
		display: block;
		width: 100%;
		margin: 0 !important;
		padding: 0.75rem 1rem 1rem !important;
		text-align: left;
		list-style: none;
	}

	.cbi-astra-magazine .ast-mobile-header-content .cbi-astra-header-social__list {
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 0.35rem;
	}

	.cbi-astra-magazine .ast-mobile-header-content .cbi-astra-header-social__link {
		color: #fff;
		min-width: var(--cbi-a-touch);
		min-height: var(--cbi-a-touch);
	}
}

/* ========== Page canvas ========== */
.cbi-astra-magazine #content,
.cbi-astra-magazine .site-content,
.cbi-astra-magazine .cbi-astra-front-page {
	background: var(--cbi-a-page);
}

.cbi-astra-magazine.home .entry-header,
.cbi-astra-magazine.home .ast-single-entry-banner,
.cbi-astra-magazine.home .cbi-hero-band,
.cbi-astra-magazine.home .cbi-astra-home-intro {
	display: none !important;
}

.cbi-astra-magazine .site-content .ast-container,
.cbi-astra-magazine #primary {
	max-width: min(var(--cbi-a-max), 100%);
	margin: 0 auto;
}

.cbi-astra-home-grid-wrap {
	padding: 2rem 0 3rem;
}

.cbi-astra-magazine .cbi-astra-home-heading {
	font-family: Rajdhani, Roboto, sans-serif;
	font-size: clamp(1.65rem, 4vw, 2rem);
	font-weight: 700;
	color: var(--cbi-a-title);
	margin: 0 0 1.35rem;
	line-height: 1.15;
}

/* ========== 3-column grid (static front page Query Loop only) ========== */
.cbi-astra-magazine.home .wp-block-query .wp-block-post-template,
.cbi-astra-magazine .cbi-astra-home-query .cbi-astra-post-template,
.cbi-astra-magazine .cbi-astra-home-query ul.wp-block-post-template {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--cbi-a-gap);
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 921px) {
	.cbi-astra-magazine.home .wp-block-query .wp-block-post-template,
	.cbi-astra-magazine .cbi-astra-home-query .cbi-astra-post-template,
	.cbi-astra-magazine .cbi-astra-home-query ul.wp-block-post-template {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 544px) {
	.cbi-astra-magazine.home .wp-block-query .wp-block-post-template,
	.cbi-astra-magazine .cbi-astra-home-query .cbi-astra-post-template,
	.cbi-astra-magazine .cbi-astra-home-query ul.wp-block-post-template {
		grid-template-columns: 1fr;
	}
}

/*
 * Category / tag / blog archives: Astra blog-layout-4-grid (flex + 33% columns).
 * Do NOT apply CSS grid on .ast-row — it fights ast-full-width and collapses columns.
 */
.cbi-astra-magazine.archive #primary.ast-blog-layout-4-grid .site-main .ast-row,
.cbi-astra-magazine.blog #primary.ast-blog-layout-4-grid .site-main .ast-row {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	margin-left: -1em;
	margin-right: -1em;
}

.cbi-astra-magazine.archive #primary.ast-blog-layout-4-grid .ast-article-post.cbi-astra-card,
.cbi-astra-magazine.blog #primary.ast-blog-layout-4-grid .ast-article-post.cbi-astra-card {
	flex: 0 0 33.33333333%;
	width: 33.33333333%;
	max-width: 33.33333333%;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 2em;
	box-sizing: border-box;
}

.cbi-astra-magazine.archive .ast-article-post.cbi-astra-card.ast-full-width,
.cbi-astra-magazine.blog .ast-article-post.cbi-astra-card.ast-full-width {
	flex: 0 0 33.33333333% !important;
	width: 33.33333333% !important;
	max-width: 33.33333333% !important;
}

.cbi-astra-magazine.archive .cbi-astra-card__body,
.cbi-astra-magazine.blog .cbi-astra-card__body {
	min-width: 0;
}

@media (max-width: 921px) {
	.cbi-astra-magazine.archive #primary.ast-blog-layout-4-grid .ast-article-post.cbi-astra-card,
	.cbi-astra-magazine.blog #primary.ast-blog-layout-4-grid .ast-article-post.cbi-astra-card,
	.cbi-astra-magazine.archive .ast-article-post.cbi-astra-card.ast-full-width,
	.cbi-astra-magazine.blog .ast-article-post.cbi-astra-card.ast-full-width {
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;
	}
}

@media (max-width: 544px) {
	.cbi-astra-magazine.archive #primary.ast-blog-layout-4-grid .ast-article-post.cbi-astra-card,
	.cbi-astra-magazine.blog #primary.ast-blog-layout-4-grid .ast-article-post.cbi-astra-card,
	.cbi-astra-magazine.archive .ast-article-post.cbi-astra-card.ast-full-width,
	.cbi-astra-magazine.blog .ast-article-post.cbi-astra-card.ast-full-width {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* ========== Card (reference structure) ========== */
.cbi-astra-magazine .cbi-astra-card,
.cbi-astra-magazine .cbi-astra-card--block,
.cbi-astra-magazine.home .wp-block-post-template > .wp-block-post,
.cbi-astra-magazine.home .wp-block-post-template > li,
.cbi-astra-magazine.archive .ast-article-post.cbi-astra-card,
.cbi-astra-magazine.blog .ast-article-post.cbi-astra-card {
	background: var(--cbi-a-card);
	border: 1px solid #e8eaef;
	border-radius: 6px;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	margin: 0;
}

.cbi-astra-magazine .cbi-astra-card .post-thumb,
.cbi-astra-magazine .cbi-astra-card--block .wp-block-post-featured-image,
.cbi-astra-magazine .cbi-astra-card--legacy .wp-block-post-featured-image {
	margin: 0;
	overflow: hidden;
	border-radius: 6px 6px 0 0;
}

.cbi-astra-magazine .cbi-astra-card--block .wp-block-post-featured-image a,
.cbi-astra-magazine .cbi-astra-card--legacy .wp-block-post-featured-image a {
	display: block;
	overflow: hidden;
}

.cbi-astra-magazine .cbi-astra-card .post-thumb img,
.cbi-astra-magazine .cbi-astra-card--block .wp-block-post-featured-image img,
.cbi-astra-magazine .cbi-astra-card--legacy .wp-block-post-featured-image img,
.cbi-astra-magazine.home .wp-block-post-template .wp-block-post-featured-image img {
	width: 100%;
	display: block;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 6px 6px 0 0;
	transform: scale(1);
	transition: transform 0.45s var(--cbi-a-ease);
	will-change: transform;
}

.cbi-astra-magazine .cbi-astra-card:hover .post-thumb img,
.cbi-astra-magazine .cbi-astra-card--block:hover .wp-block-post-featured-image img,
.cbi-astra-magazine .cbi-astra-card--legacy:hover .wp-block-post-featured-image img,
.cbi-astra-magazine.home .wp-block-post-template > .wp-block-post:hover .wp-block-post-featured-image img,
.cbi-astra-magazine.home .wp-block-post-template > li:hover .wp-block-post-featured-image img,
.cbi-astra-magazine.blog .cbi-astra-card:hover .post-thumb img,
.cbi-astra-magazine.archive .cbi-astra-card:hover .post-thumb img {
	transform: scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
	.cbi-astra-magazine .cbi-astra-card .post-thumb img,
	.cbi-astra-magazine .cbi-astra-card--block .wp-block-post-featured-image img,
	.cbi-astra-magazine .cbi-astra-card--legacy .wp-block-post-featured-image img,
	.cbi-astra-magazine.home .wp-block-post-template .wp-block-post-featured-image img {
		transition: none;
	}

	.cbi-astra-magazine .cbi-astra-card:hover .post-thumb img,
	.cbi-astra-magazine .cbi-astra-card--block:hover .wp-block-post-featured-image img,
	.cbi-astra-magazine .cbi-astra-card--legacy:hover .wp-block-post-featured-image img,
	.cbi-astra-magazine.home .wp-block-post-template > .wp-block-post:hover .wp-block-post-featured-image img,
	.cbi-astra-magazine.home .wp-block-post-template > li:hover .wp-block-post-featured-image img {
		transform: none;
	}
}

.cbi-astra-magazine .cbi-astra-card__body {
	padding: 1rem 1.15rem 1.35rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #eef0f4;
}

/* Category — blue label above title (reference) */
.cbi-astra-magazine .cbi-astra-card__category {
	margin: 0 0 0.45rem;
}

.cbi-astra-magazine .cbi-astra-card__category-badge {
	display: inline-block;
	border: none;
	border-radius: 0;
	padding: 0;
}

.cbi-astra-magazine .cbi-astra-card__category-badge a,
.cbi-astra-magazine .cbi-astra-card__category a {
	font-size: 0.8125rem;
	font-weight: 700;
	color: var(--cbi-a-category) !important;
	text-decoration: none !important;
}

.cbi-astra-magazine .cbi-astra-card__category a:hover {
	color: var(--cbi-a-header-accent) !important;
}

.cbi-astra-magazine .cbi-astra-card .entry-title,
.cbi-astra-magazine .cbi-astra-card--block .wp-block-post-title {
	font-size: clamp(1.05rem, 2.4vw + 0.5rem, 1.35rem);
	font-weight: 700;
	line-height: 1.32;
	margin: 0 0 0.5rem;
}

.cbi-astra-magazine .cbi-astra-card .entry-title a,
.cbi-astra-magazine .cbi-astra-card--block .wp-block-post-title a {
	color: var(--cbi-a-title) !important;
	text-decoration: none !important;
}

.cbi-astra-magazine .cbi-astra-card .entry-title a:hover,
.cbi-astra-magazine .cbi-astra-card--block .wp-block-post-title a:hover {
	color: var(--cbi-a-header-accent) !important;
}

/* Meta: Read more / Category / Author */
.cbi-astra-magazine .cbi-astra-card__meta {
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--cbi-a-meta);
	margin: 0 0 0.85rem;
}

.cbi-astra-magazine .cbi-astra-card__meta a {
	color: var(--cbi-a-meta);
	text-decoration: none !important;
	font-weight: 500;
}

.cbi-astra-magazine .cbi-astra-card__meta a:hover {
	color: var(--cbi-a-header-accent);
}

.cbi-astra-magazine .cbi-astra-card__meta-sep {
	color: #94a3b8;
}

/* Excerpt */
.cbi-astra-magazine .cbi-astra-card .entry-summary,
.cbi-astra-magazine .cbi-astra-card--block .wp-block-post-excerpt {
	font-size: 0.875rem;
	line-height: 1.62;
	color: var(--cbi-a-excerpt);
	margin: 0;
}

.cbi-astra-magazine .wp-block-post-date,
.cbi-astra-magazine .ast-read-more-container,
.cbi-astra-magazine a.more-link,
.cbi-astra-magazine .wp-block-post-excerpt__more-link {
	display: none !important;
}

/* Single */
.cbi-astra-magazine.single .site-main {
	max-width: 680px;
	margin: 2rem auto 3rem;
	background: var(--cbi-a-card);
	padding: 1.75rem 1.5rem;
	border-radius: 6px;
	border: 1px solid #e8eaef;
}

.cbi-astra-magazine.single .ast-single-entry-banner .post-thumb img,
.cbi-astra-magazine.single .ast-single-post-featured-section img,
.cbi-astra-magazine.single .cbi-astra-single-featured__img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 6px;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	margin: 0 0 1.25rem;
}

.cbi-astra-magazine.single .cbi-astra-single-featured,
.cbi-astra-magazine.single .ast-single-post-featured-section.post-thumb {
	margin: 0 0 1.25rem;
	overflow: hidden;
	border-radius: 6px;
}

/* One featured block: theme outputs in article; hide duplicate banner slot if present. */
.cbi-astra-magazine.single .ast-single-entry-banner .post-thumb,
.cbi-astra-magazine.single .ast-single-entry-banner .ast-single-post-featured-section {
	display: none !important;
}

.cbi-astra-magazine.single article > .cbi-astra-single-featured ~ .cbi-astra-single-featured,
.cbi-astra-magazine.single .entry-content > .cbi-astra-single-featured ~ .cbi-astra-single-featured {
	display: none !important;
}

.cbi-astra-magazine .site-footer {
	background: var(--cbi-a-header);
	color: rgba(255, 255, 255, 0.92);
}

.cbi-astra-magazine .site-footer a {
	color: var(--cbi-a-header-accent);
}

.cbi-astra-magazine .cbi-astra-legal-wrap {
	max-width: var(--cbi-a-max);
	margin: 0 auto;
	padding: 0.85rem 1.25rem 0.65rem;
	text-align: center;
}

.cbi-astra-magazine .ast-small-footer .cbi-astra-legal-wrap,
.cbi-astra-magazine .site-below-footer-wrap .cbi-astra-legal-wrap,
.cbi-astra-magazine .site-primary-footer-wrap .cbi-astra-legal-wrap {
	width: 100%;
}

.cbi-astra-magazine .cbi-astra-legal-wrap--fallback {
	background: var(--cbi-a-header);
	margin: 0;
	max-width: none;
	padding: 0.85rem var(--cbi-a-gutter) 0.65rem;
}

.cbi-astra-magazine .cbi-legal-nav {
	margin: 0 0 0.75rem;
}

.cbi-astra-magazine .cbi-legal-nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.65rem 1.15rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.cbi-astra-magazine .cbi-legal-nav a {
	color: var(--cbi-a-header);
	font-family: Rajdhani, Roboto, sans-serif;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-decoration: none;
	text-transform: uppercase;
}

.cbi-astra-magazine .cbi-legal-nav a:hover {
	color: var(--cbi-a-header-accent);
}

/* Astra below-footer row is often light — keep links readable (not white-on-gray). */
.cbi-astra-magazine .site-footer .cbi-astra-legal-wrap--in-footer .cbi-legal-nav a {
	color: var(--cbi-a-header);
}

.cbi-astra-magazine .site-footer .cbi-astra-legal-wrap--in-footer {
	padding: 0 0 0.65rem;
	margin: 0 auto;
}

.cbi-astra-magazine .site-footer .cbi-astra-legal-wrap--in-footer .cbi-legal-nav {
	margin: 0 0 0.5rem;
}

/* Below-footer / copyright row is light — do not use white text here. */
.cbi-astra-magazine .ast-footer-copyright .cbi-footer-last-update,
.cbi-astra-magazine .site-below-footer-wrap .cbi-footer-last-update,
.cbi-astra-magazine .site-primary-footer-wrap .cbi-footer-last-update {
	margin: 0.35rem 0 0;
	padding: 0;
	font-size: 0.75rem;
	line-height: 1.45;
	text-align: center;
	color: var(--ast-global-color-3, #5a6270);
}

.cbi-astra-magazine .cbi-footer-last-update__label,
.cbi-astra-magazine .cbi-footer-last-update__time {
	font-weight: 400;
	color: inherit;
}

.cbi-astra-magazine .site-primary-footer-wrap .cbi-footer-last-update,
.cbi-astra-magazine .site-primary-footer-wrap .cbi-footer-last-update__label,
.cbi-astra-magazine .site-primary-footer-wrap .cbi-footer-last-update__time {
	color: rgba(255, 255, 255, 0.85);
}

/* Legacy/wrong hook: legal band between #content and footer (white links on blue bar). */
.cbi-astra-magazine #content + .cbi-astra-legal-wrap {
	background: var(--cbi-a-header);
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 0.85rem var(--cbi-a-gutter);
}

.cbi-astra-magazine #content + .cbi-astra-legal-wrap .cbi-legal-nav a {
	color: rgba(255, 255, 255, 0.9);
}

.cbi-astra-magazine .site-footer .cbi-astra-legal-wrap--on-dark .cbi-legal-nav a,
.cbi-astra-magazine .cbi-astra-legal-wrap--on-dark .cbi-legal-nav a {
	color: rgba(255, 255, 255, 0.9);
}

/* Legal links belong in footer bar only (Astra Header Builder / stale menu items). */
.cbi-astra-magazine #masthead a[href*="/privacy-policy"],
.cbi-astra-magazine #masthead a[href*="/terms-of-service"],
.cbi-astra-magazine #masthead a[href*="/disclaimer"],
.cbi-astra-magazine #masthead a[href*="/editorial-policy"],
.cbi-astra-magazine #masthead a[href*="/corrections-and-updates"],
.cbi-astra-magazine .main-header-bar a[href*="/privacy-policy"],
.cbi-astra-magazine .main-header-bar a[href*="/terms-of-service"],
.cbi-astra-magazine .main-header-bar a[href*="/disclaimer"],
.cbi-astra-magazine .main-header-bar a[href*="/editorial-policy"],
.cbi-astra-magazine .main-header-bar a[href*="/corrections-and-updates"] {
	display: none !important;
}

/* Hide duplicate social in off-canvas when same markup is in desktop bar. */
.cbi-astra-magazine .main-header-bar .cbi-astra-nav-social-slot--mobile_menu,
.cbi-astra-magazine .ast-primary-header-bar .cbi-astra-nav-social-slot--mobile_menu {
	display: none !important;
}

.cbi-astra-magazine .main-header-menu > .cbi-astra-nav-social-slot ~ .cbi-astra-nav-social-slot,
.cbi-astra-magazine .ast-nav-menu > .cbi-astra-nav-social-slot ~ .cbi-astra-nav-social-slot {
	display: none !important;
}

/* Hide any leftover Astra theme promo in footer copyright */
.cbi-astra-magazine .ast-footer-copyright a[href*="wpastra.com"],
.cbi-astra-magazine .ast-small-footer a[href*="wpastra.com"] {
	display: none !important;
}

/* ========== Pagination: 1 2 3 … More ========== */
.cbi-astra-magazine .cbi-astra-pagination,
.cbi-astra-magazine .wp-block-query-pagination.cbi-astra-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.35rem 0.5rem;
	margin: 2rem 0 2.5rem;
	padding: 1rem 0;
	border-top: 1px solid #e5e7eb;
}

.cbi-astra-magazine .cbi-astra-pagination .wp-block-query-pagination-previous,
.cbi-astra-magazine .cbi-astra-pagination .wp-block-query-pagination-next,
.cbi-astra-magazine .cbi-astra-pagination .page-numbers,
.cbi-astra-magazine .cbi-astra-pagination a {
	font-family: Rajdhani, Roboto, sans-serif;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
	color: var(--cbi-a-meta);
}

.cbi-astra-magazine .cbi-astra-pagination .page-numbers,
.cbi-astra-magazine .cbi-astra-pagination .wp-block-query-pagination-numbers a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.35rem;
	min-height: 2.35rem;
	padding: 0.25rem 0.5rem;
	border: 1px solid #d1d5db;
	border-radius: 4px;
	background: #fff;
}

.cbi-astra-magazine .cbi-astra-pagination .page-numbers.current,
.cbi-astra-magazine .cbi-astra-pagination .page-numbers.current:hover {
	background: var(--cbi-a-header);
	border-color: var(--cbi-a-header);
	color: #fff !important;
}

.cbi-astra-magazine .cbi-astra-pagination a.page-numbers:hover,
.cbi-astra-magazine .cbi-astra-pagination .wp-block-query-pagination-previous a:hover,
.cbi-astra-magazine .cbi-astra-pagination .wp-block-query-pagination-next a:hover {
	border-color: var(--cbi-a-header-accent);
	color: var(--cbi-a-header-accent) !important;
}

.cbi-astra-magazine .cbi-astra-pagination .wp-block-query-pagination-next a,
.cbi-astra-magazine .cbi-astra-pagination .wp-block-query-pagination-previous a {
	padding: 0.45rem 0.85rem;
	border: 1px solid #d1d5db;
	border-radius: 4px;
	background: #fff;
}

.cbi-astra-magazine .cbi-astra-pagination--fallback {
	display: block;
	width: 100%;
	text-align: center;
}

.cbi-astra-magazine .cbi-astra-pagination--fallback .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.35rem;
	min-height: 2.35rem;
	margin: 0.15rem;
	padding: 0.25rem 0.5rem;
	border: 1px solid #d1d5db;
	border-radius: 4px;
	background: #fff;
	font-family: Rajdhani, Roboto, sans-serif;
	font-size: 0.9375rem;
	font-weight: 600;
	text-decoration: none !important;
	color: var(--cbi-a-meta);
}

.cbi-astra-magazine .cbi-astra-pagination--fallback .page-numbers.current {
	background: var(--cbi-a-header);
	border-color: var(--cbi-a-header);
	color: #fff !important;
}

.cbi-astra-magazine .cbi-astra-pagination--fallback .page-numbers.dots {
	border: none;
	background: transparent;
	min-width: auto;
}

.cbi-astra-magazine .ast-pagination,
.cbi-astra-magazine .navigation.pagination {
	margin: 2rem 0 3rem;
	text-align: center;
}

.cbi-astra-magazine .ast-pagination .page-numbers,
.cbi-astra-magazine .navigation.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.35rem;
	min-height: 2.35rem;
	margin: 0.15rem;
	padding: 0.25rem 0.5rem;
	border: 1px solid #d1d5db;
	border-radius: 4px;
	background: #fff;
	font-weight: 600;
	text-decoration: none !important;
	color: var(--cbi-a-meta);
}

.cbi-astra-magazine .ast-pagination .page-numbers.current {
	background: var(--cbi-a-header);
	border-color: var(--cbi-a-header);
	color: #fff;
}

/* ========== Contact form ========== */
.cbi-astra-magazine .cbi-contact-wrap {
	margin: 1.75rem 0 2.5rem;
	max-width: 36rem;
}

.cbi-astra-magazine .cbi-contact-notice {
	padding: 0.85rem 1rem;
	margin-bottom: 1.25rem;
	border-radius: 6px;
	font-size: 0.95rem;
	line-height: 1.45;
	border-left: 4px solid;
}

.cbi-astra-magazine .cbi-contact-notice--success {
	background: linear-gradient(135deg, #e8f8ec, #f4fbf6);
	border-left-color: #2d6a4f;
	color: #1b4332;
}

.cbi-astra-magazine .cbi-contact-notice--error {
	background: linear-gradient(135deg, #fff0f0, #fff8f8);
	border-left-color: var(--cbi-a-header-accent);
	color: #5c1010;
}

.cbi-astra-magazine .cbi-contact-form {
	position: relative;
	padding: 1.5rem 1.35rem 1.35rem;
	background: var(--cbi-a-card);
	border-radius: 6px;
	box-shadow: 0 12px 40px rgba(10, 12, 16, 0.08), 0 2px 8px rgba(10, 12, 16, 0.04);
	border: 1px solid #e8eaef;
	overflow: hidden;
}

.cbi-astra-magazine .cbi-contact-form::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #ff2d2d 0%, #ff6b00 50%, #ffc400 100%);
}

.cbi-astra-magazine .cbi-contact-form__grid {
	display: grid;
	gap: 0 1rem;
}

@media (min-width: 540px) {
	.cbi-astra-magazine .cbi-contact-form__grid {
		grid-template-columns: 1fr 1fr;
	}
}

.cbi-astra-magazine .cbi-contact-field {
	margin: 0 0 1.1rem;
}

.cbi-astra-magazine .cbi-contact-field label {
	display: block;
	margin-bottom: 0.35rem;
	font-family: Rajdhani, Roboto, sans-serif;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--cbi-a-excerpt);
}

.cbi-astra-magazine .cbi-required {
	color: var(--cbi-a-header-accent);
}

.cbi-astra-magazine .cbi-contact-field input[type="text"],
.cbi-astra-magazine .cbi-contact-field input[type="email"],
.cbi-astra-magazine .cbi-contact-field select,
.cbi-astra-magazine .cbi-contact-field textarea {
	width: 100%;
	padding: 0.65rem 0.75rem;
	font-size: 1rem;
	line-height: 1.4;
	color: var(--cbi-a-title);
	background: var(--cbi-a-page);
	border: 1px solid #d1d5db;
	border-radius: 6px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cbi-astra-magazine .cbi-contact-field textarea {
	min-height: 9rem;
	resize: vertical;
}

.cbi-astra-magazine .cbi-contact-field input:focus,
.cbi-astra-magazine .cbi-contact-field select:focus,
.cbi-astra-magazine .cbi-contact-field textarea:focus {
	outline: none;
	border-color: var(--cbi-a-header-accent);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(255, 107, 0, 0.18);
}

.cbi-astra-magazine .cbi-contact-honey {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: 0;
}

.cbi-astra-magazine .cbi-contact-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 10rem;
	min-height: 44px;
	padding: 0.65rem 1.75rem;
	font-family: Rajdhani, Roboto, sans-serif;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	background: linear-gradient(90deg, #ff2d2d 0%, #ff6b00 55%, #ffc400 100%);
	color: #0a0c10 !important;
	box-shadow: 0 4px 14px rgba(255, 45, 45, 0.35);
	border-radius: 4px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cbi-astra-magazine .cbi-contact-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(255, 107, 0, 0.4);
}

.cbi-astra-magazine .cbi-contact-form__actions {
	margin: 0.25rem 0 0.75rem;
}

.cbi-astra-magazine .cbi-contact-form__fine {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--cbi-a-excerpt);
}

.cbi-astra-magazine .cbi-contact-form__fine a {
	color: var(--cbi-a-header);
	font-weight: 600;
	text-decoration: none;
}

.cbi-astra-magazine .cbi-contact-form__fine a:hover {
	color: var(--cbi-a-header-accent);
	text-decoration: underline;
}

/* ========== SEO / AEO (single posts) ========== */
.cbi-astra-magazine .cbi-answer-lede {
	font-size: 1.0625rem;
	line-height: 1.65;
	color: var(--cbi-a-title);
	padding: 1rem 1.15rem;
	margin: 0 0 1.25rem;
	background: #fff;
	border-left: 4px solid var(--cbi-a-header-accent);
	border-radius: 0 6px 6px 0;
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
}

.cbi-astra-magazine .cbi-entry-meta-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 0.75rem;
	margin: 0 0 1rem;
}

.cbi-astra-magazine .cbi-meta-chip {
	display: inline-block;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--cbi-a-meta);
	padding: 0.25rem 0.65rem;
	background: #eef1f8;
	border-radius: 999px;
}

.cbi-astra-magazine .cbi-preferred-source {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 0.5rem 0 1rem;
	padding: 0.65rem 0.85rem;
	border-radius: 8px;
	border: 1px solid rgba(26, 115, 232, 0.22);
	background: linear-gradient(135deg, rgba(26, 115, 232, 0.05) 0%, rgba(255, 107, 0, 0.06) 100%);
}

.cbi-astra-magazine .cbi-preferred-source--compact {
	padding: 0.55rem 0.75rem;
}

.cbi-astra-magazine.single .entry-header .cbi-preferred-source,
.cbi-astra-magazine.single .ast-single-entry-banner .cbi-preferred-source {
	width: 100%;
	max-width: none;
}

.cbi-astra-magazine .cbi-preferred-source__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem 0.85rem;
}

.cbi-astra-magazine .cbi-preferred-source__copy {
	flex: 1 1 10rem;
	min-width: min(100%, 10rem);
}

.cbi-astra-magazine .cbi-preferred-source__kicker {
	margin: 0 0 0.25rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #1a73e8;
}

.cbi-astra-magazine .cbi-preferred-source__title {
	margin: 0;
	padding-left: 0.55rem;
	border-left: 3px solid var(--cbi-a-header-accent, #ff6b00);
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--cbi-a-title);
}

.cbi-astra-magazine .cbi-preferred-source__text {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--cbi-a-excerpt);
}

.cbi-astra-magazine .cbi-preferred-source__meta {
	margin: 0.25rem 0 0 0.55rem;
	font-size: 0.6875rem;
	line-height: 1.35;
}

.cbi-astra-magazine .cbi-preferred-source__docs {
	color: #1a73e8;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.cbi-astra-magazine .cbi-preferred-source__docs:hover {
	color: #1765cc;
}

.cbi-astra-magazine .cbi-preferred-source__actions {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	flex: 0 1 auto;
	gap: 0;
	min-width: 0;
}

.cbi-astra-magazine .cbi-preferred-source__actions > div[google-add-preferred-source-btn] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 0;
	width: auto;
	max-width: 100%;
	transform: scale(0.92);
	transform-origin: center right;
}

.cbi-astra-magazine .cbi-preferred-source__fallback.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.cbi-astra-magazine .cbi-preferred-source__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.45rem 0.85rem;
	border-radius: 999px;
	font-size: 0.8125rem;
	font-weight: 600;
	text-decoration: none;
	color: #fff;
	background: #1a73e8;
	border: 1px solid #1a73e8;
}

.cbi-astra-magazine .cbi-preferred-source__cta:hover {
	color: #fff;
	background: #1765cc;
}

.cbi-astra-magazine .cbi-table-scroll {
	overflow-x: auto;
	margin: 1rem 0 1.5rem;
	-webkit-overflow-scrolling: touch;
}

/* ==========================================================================
   Responsive: mobile, tablet, desktop
   Breakpoints align with Astra (544 / 921) + large desktop (1200).
   ========================================================================== */

@media (min-width: 1200px) {
	.cbi-astra-magazine {
		--cbi-a-gap: 2.25rem;
	}

	.cbi-astra-magazine .site-content .ast-container,
	.cbi-astra-magazine #primary {
		max-width: min(1200px, calc(100% - 2 * var(--cbi-a-gutter)));
	}
}

/* Desktop: tighter nav when six items + social */
@media (min-width: 922px) and (max-width: 1100px) {
	.cbi-astra-magazine .main-header-menu > .menu-item > a,
	.cbi-astra-magazine .ast-nav-menu > .menu-item > a {
		font-size: 0.8125rem;
		padding: 0.35rem 0.45rem;
	}

	.cbi-astra-magazine .main-header-bar,
	.cbi-astra-magazine .ast-primary-header-bar {
		padding-right: clamp(4.5rem, 10vw, 7rem);
	}

	.cbi-astra-magazine .site-branding,
	.cbi-astra-magazine .ast-site-identity,
	.cbi-astra-magazine .site-header-primary-section-left {
		max-width: min(34vw, 240px);
	}
}

/* Tablet */
@media (max-width: 921px) {
	.cbi-astra-magazine {
		--cbi-a-gap: 1.35rem;
	}

	.cbi-astra-magazine .main-header-bar,
	.cbi-astra-magazine .ast-primary-header-bar {
		padding: 0.65rem var(--cbi-a-gutter);
		padding-left: max(var(--cbi-a-gutter), env(safe-area-inset-left, 0px));
		padding-right: max(var(--cbi-a-gutter), env(safe-area-inset-right, 0px));
	}

	.cbi-astra-home-grid-wrap {
		padding: 1.35rem 0 2.25rem;
	}

	.cbi-astra-magazine.single .site-main {
		margin: 1.35rem auto 2.5rem;
		padding: 1.35rem 1.15rem;
	}

	.cbi-astra-magazine .cbi-astra-legal-wrap {
		padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
	}
}

@media (min-width: 545px) and (max-width: 921px) {
	.cbi-astra-magazine .cbi-astra-card__body {
		padding: 0.95rem 1rem 1.2rem;
	}
}

/* Mobile */
@media (max-width: 544px) {
	.cbi-astra-magazine {
		--cbi-a-gap: 1.1rem;
	}

	.cbi-astra-magazine .main-header-bar,
	.cbi-astra-magazine .ast-primary-header-bar {
		padding-top: max(0.55rem, env(safe-area-inset-top, 0px));
	}

	.cbi-astra-magazine .site-branding,
	.cbi-astra-magazine .ast-site-identity,
	.cbi-astra-magazine .site-header-primary-section-left {
		max-width: min(72vw, 260px);
	}

	.cbi-astra-magazine .cbi-astra-home-heading {
		margin-bottom: 1rem;
	}

	.cbi-astra-magazine .cbi-astra-card__body {
		padding: 0.9rem 0.95rem 1.15rem;
	}

	.cbi-astra-magazine .cbi-astra-card .entry-summary,
	.cbi-astra-magazine .cbi-astra-card--block .wp-block-post-excerpt {
		font-size: 0.8125rem;
		line-height: 1.58;
	}

	.cbi-astra-magazine.archive #primary.ast-blog-layout-4-grid .site-main .ast-row,
	.cbi-astra-magazine.blog #primary.ast-blog-layout-4-grid .site-main .ast-row {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.cbi-astra-magazine.archive #primary.ast-blog-layout-4-grid .ast-article-post.cbi-astra-card,
	.cbi-astra-magazine.blog #primary.ast-blog-layout-4-grid .ast-article-post.cbi-astra-card {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 1.35rem;
	}

	.cbi-astra-magazine.single .site-main {
		margin: 0.75rem auto 2rem;
		padding: 1.15rem var(--cbi-a-gutter);
		border-radius: 0;
		border-left: none;
		border-right: none;
	}

	.cbi-astra-magazine .cbi-legal-nav ul {
		flex-direction: column;
		align-items: stretch;
		gap: 0.35rem;
	}

	.cbi-astra-magazine .cbi-legal-nav a {
		display: block;
		padding: 0.65rem 0.75rem;
		min-height: var(--cbi-a-touch);
		line-height: 1.35;
		border-radius: 4px;
		background: rgba(255, 255, 255, 0.06);
	}

	.cbi-astra-magazine .cbi-astra-pagination .page-numbers,
	.cbi-astra-magazine .cbi-astra-pagination .wp-block-query-pagination-numbers a,
	.cbi-astra-magazine .ast-pagination .page-numbers {
		min-width: var(--cbi-a-touch);
		min-height: var(--cbi-a-touch);
	}
}

/* Touch-friendly header controls + mobile drawer */
.cbi-astra-magazine .main-header-menu-toggle,
.cbi-astra-magazine .menu-toggle,
.cbi-astra-magazine .ast-mobile-menu-trigger-minimal,
.cbi-astra-magazine .ast-button-wrap .menu-toggle {
	min-width: var(--cbi-a-touch);
	min-height: var(--cbi-a-touch);
}

.cbi-astra-magazine #ast-mobile-popup .main-header-menu .menu-item > a,
.cbi-astra-magazine #ast-mobile-popup .ast-nav-menu .menu-item > a,
.cbi-astra-magazine .ast-mobile-popup-drawer .main-header-menu .menu-item > a {
	display: block;
	padding: 0.75rem 1rem;
	min-height: var(--cbi-a-touch);
	font-size: 1rem;
	line-height: 1.35;
	color: #fff !important;
	background: var(--cbi-a-header);
}

.cbi-astra-magazine #ast-mobile-popup .cbi-astra-header-social-wrap,
.cbi-astra-magazine .ast-mobile-popup-drawer .cbi-astra-header-social-wrap {
	padding: 0.75rem 1rem 1.25rem;
	border-top: 1px solid #e8eaef;
}

.cbi-astra-magazine #ast-mobile-popup .cbi-astra-header-social__list,
.cbi-astra-magazine .ast-mobile-popup-drawer .cbi-astra-header-social__list {
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.25rem;
}

.cbi-astra-magazine #ast-mobile-popup .cbi-astra-header-social__link,
.cbi-astra-magazine .ast-mobile-popup-drawer .cbi-astra-header-social__link {
	color: var(--cbi-a-header);
}

/* Readable long-form on all viewports */
.cbi-astra-magazine .entry-content,
.cbi-astra-magazine .wp-block-post-content {
	overflow-wrap: anywhere;
	word-wrap: break-word;
}

.cbi-astra-magazine .entry-content img,
.cbi-astra-magazine .wp-block-image img,
.cbi-astra-magazine .wp-block-post-featured-image img {
	max-width: 100%;
	height: auto;
}

.cbi-astra-magazine .entry-content iframe,
.cbi-astra-magazine .wp-block-embed iframe {
	max-width: 100%;
}

@media (min-width: 640px) {
	.cbi-astra-magazine .cbi-preferred-source--compact {
		padding: 0.6rem 0.9rem;
	}

	.cbi-astra-magazine .cbi-preferred-source__title {
		font-size: 0.9375rem;
	}

	.cbi-astra-magazine .cbi-preferred-source__inner {
		flex-wrap: nowrap;
	}

	.cbi-astra-magazine .cbi-preferred-source__actions {
		flex: 0 0 auto;
	}

	.cbi-astra-magazine .cbi-preferred-source__actions > div[google-add-preferred-source-btn] {
		transform: scale(0.96);
		transform-origin: center right;
	}
}
