/**
 * Report CPT — styles for HTML tab blocks.
 * Wrap tab markup in .report-content; body gets .report on singular reports.
 * Prefer selectors like: body.report .report-content …
 * Section vertical padding: --Marigns-Container-Top-Bottom---L (32px / 80px).
 * Tile gutters: --Gap-Medium (32px).
 */

/* -------------------------------------------------------------------------
 * Single report: hero header (Figma 4496:7254 — header_solutions)
 * Full-bleed navy band; cream/orange type inside constrained grid.
 * ------------------------------------------------------------------------- */

body.report .article-header-report {
	position: relative;
	padding-top: 48px;
	padding-bottom: 48px;
	background-color: transparent;
}

@media print, screen and (min-width: 40em) {
	body.report .article-header-report {
		padding-top: 64px;
		padding-bottom: 64px;
	}
}

@media print, screen and (min-width: 64em) {
	body.report .article-header-report {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

body.report .article-header-report::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	background-color: #031f39;
	z-index: 0;
	pointer-events: none;
}

body.report .article-header-report > .grid-container {
	position: relative;
	z-index: 1;
	max-width: 1600px;
}

body.report .article-header-report .category-tag {
	margin: 0;
	padding-bottom: 4px;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #ff950a;
}

body.report .article-header-report .category-tag a {
	color: inherit;
	text-decoration: none;
}

body.report .article-header-report h1.single-title {
	margin: 0;
	padding-bottom: 16px;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 900;
	font-size: clamp(2.25rem, 5vw + 1rem, 5rem);
	line-height: 1.2;
	color: #fffdf8;
}

body.report .article-header-report .p0 {
	margin: 0;
	padding-bottom: 32px;
	max-width: 42rem;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
	color: #fffdf8;
}

@media print, screen and (min-width: 40em) {
	body.report .article-header-report .p0 {
		font-size: 22px;
	}
}

@media print, screen and (min-width: 64em) {
	body.report .article-header-report .p0 {
		font-size: 24px;
		padding-bottom: 48px;
	}
}

body.report .article-header-report .post-hero {
	overflow: hidden;
	border-radius: 12px;
}

body.report .article-header-report .post-hero img {
	display: block;
	width: 100%;
	height: auto;
}

/* -------------------------------------------------------------------------
 * Report tabs nav + panels (Figma 4559:19434 — panel_tabs)
 * Foundation: ul#report-tabs-{id}[data-tabs] + [data-tabs-content="{id}"]
 * ------------------------------------------------------------------------- */

body.report .report-tabs {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	background-color: transparent;
}

body.report .report-tabs::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	background-color: #031f39;
	z-index: 0;
	pointer-events: none;
}

body.report .report-tabs__container {
	position: relative;
	z-index: 1;
	max-width: 1600px;
	padding-top: 0;
	padding-bottom: 0;
	padding-bottom: 16px;
}

/* Mobile chapter picker (Figma 4556:13064 — panel_tabs / dropdown_button) */
body.report .report-tabs__nav {
	width: 100%;
}

body.report .report-tabs__mobile {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

body.report .report-tabs__select-wrap {
	position: relative;
	width: 100%;
	max-width: 100%;
}

body.report .report-tabs__select {
	display: block;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 8px 36px 8px 8px;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	border-radius: 8px;
	background-color: #031f39;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fffdf8;
	cursor: pointer;
}

body.report .report-tabs__select:focus {
	outline: 2px solid #ff950a;
	outline-offset: 2px;
}

body.report .report-tabs__select-wrap::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -3px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #fffdf8;
	pointer-events: none;
}

body.report .report-tabs__list.tabs {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	gap: 16px;
	margin: 0;
	padding: 0 0 0;
	max-width: 100%;

	border: none;
	background: transparent;
}

body.report .report-tabs__list.tabs::before,
body.report .report-tabs__list.tabs::after {
	display: none;
}

body.report .report-tabs__list .tabs-title {
	float: none;
	flex: 0 0 auto;
	margin: 0;
}

body.report .report-tabs__list .tabs-title > a.report-tabs__link {
	display: block;
	padding: 20px 16px;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #fffdf8;
	text-decoration: none;
	border-radius: 16px;
	border: 1px solid #fffdf8;
	background-color: transparent;
	
}

body.report .report-tabs__list .tabs-title > a.report-tabs__link:hover,
body.report .report-tabs__list .tabs-title > a.report-tabs__link:focus {
	color: #fffdf8;
	background-color: rgba(255, 253, 248, 0.08);
}

body.report .report-tabs__list .tabs-title.is-active > a.report-tabs__link,
body.report .report-tabs__list .tabs-title > a.report-tabs__link[aria-selected="true"] {
	color: #031f39;
	background-color: #fffdf8;
	border-color: #fffdf8;
	border-radius: 16px 16px 0 0;
	margin-bottom: -1px;
}


body.report .report-tabs__list .tabs-title.is-active {
	background-color: #fffdf8;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: bottom;
    margin-bottom: -16px;
    position: relative;
    z-index: 1;
    padding-bottom: 17px;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;

}

body.report .report-tabs__list .tabs-title.is-active::before {
	content: "";
	position: absolute;
	width:48px;
	height:48px;
	right:100%;
	bottom:0;
	background-image: url(../images/reports/ourter-round-corner-left.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

body.report .report-tabs__list .tabs-title.is-active::after {
	content: "";
	position: absolute;
	width:48px;
	height:48px;
	left:100%;
	bottom:0;
	background-image: url(../images/reports/ourter-round-corner-right.svg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}



body.report .report-tabs__list .tabs-title.is-active > a.report-tabs__link:hover,
body.report .report-tabs__list .tabs-title.is-active > a.report-tabs__link:focus {
	background-color: #fffdf8;
	color: #031f39;
}

body.report .report-tabs__list .tabs-title > a.report-tabs__link:focus-visible {
	outline: 2px solid #ff950a;
	outline-offset: 2px;
}

/* Continue Reading / prev-next chapter (Figma 4497:12498 — panel_container) */
body.report .report-tabs-pager {
	background-color: #b7a7f4;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-tabs-pager {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-tabs-pager__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-tabs-pager__heading {
	margin: 0 0 20px;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.4;
	color: #031f39;
}

body.report .report-tabs-pager__steps {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
}

body.report .report-tabs-pager__col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	flex: 1 1 140px;
	min-width: 0;
}

/* Our `display: flex` above beats the default [hidden] presentation — force hide when JS sets hidden. */
body.report .report-tabs-pager__col[hidden] {
	display: none !important;
}

body.report .report-tabs-pager__col--next {
	align-items: flex-end;
	text-align: right;
}

body.report .report-tabs-pager__prelabel {
	margin: 0;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #031f39;
}

body.report .report-tabs-pager__btn {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 0;
	padding: 8px 20px;
	border: none;
	border-radius: 8px;
	background-color: #fffdf8;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #031f39;
	cursor: pointer;
	text-decoration: none;
}

body.report .report-tabs-pager__btn:hover,
body.report .report-tabs-pager__btn:focus {
	background-color: #fffef9;
	color: #031f39;
}

body.report .report-tabs-pager__btn:focus-visible {
	outline: 2px solid #ff950a;
	outline-offset: 2px;
}

body.report .report-tabs-pager__btn-icon {
	display: block;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

body.report .report-tabcontent {
	position: relative;
	background-color: transparent;
}

body.report .report-tabcontent::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	background-color: #fffdf8;
	z-index: 0;
	pointer-events: none;
}

body.report .report-tabcontent__container {
	position: relative;
	z-index: 1;
}

body.report .report-tabcontent__panels.tabs-content {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	transition: none;
}

body.report .report-tabcontent__panel.tabs-panel {
	padding: 0;
	margin: 0;
	border: none;
}

body.report .report-tabcontent__panel .report-content {
	padding: 0;
}

/* Figma tokens */
body.report {
	--Marigns-Container-Top-Bottom---L: 32px;
	--Gap-Medium: 32px;
}

@media print, screen and (min-width: 64em) {
	body.report {
		--Marigns-Container-Top-Bottom---L: 80px;
	}
}

body.report .report-content .report-block {
	padding-top: var(--Marigns-Container-Top-Bottom---L);
	padding-bottom: var(--Marigns-Container-Top-Bottom---L);
}

/* Stat-bold panels use full-width rows; section has no surface — pad rows only */
body.report .report-content .report-block.report-block--stat-bold {
	padding-top: 0;
	padding-bottom: 0;
}

/* -------------------------------------------------------------------------
 * Block: Overview (Marketing Reports — panel_container)
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--overview {
	background-color: #fffdf8;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--overview {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--overview__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--overview__stack {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

body.report .report-content .report-block--overview__header {
	padding-bottom: 24px;
}

/* Tab hero titles for overview-style panels (Figma-aligned). */
body.report .report-content .report-block--overview__title,
body.report .report-content .report-block--landscape__title {
	margin: 0;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 42px;
	line-height: 1.2;
	color: #f36600;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--overview__title,
	body.report .report-content .report-block--landscape__title {
		font-size: 80px;
	}
}

body.report .report-content .report-block--overview__body {
	padding-bottom: 24px;
}

body.report .report-content .report-block--overview__body p {
	margin: 0;
}

body.report .report-content .report-block--overview__body p + p {
	margin-top: 1em;
}

/* Opportunities intro + horizontal chart image (4496:7236) — extends .report-block--overview */

/* Typography: .p0 on paragraphs; .h3 on question */
body.report .report-content .report-block--opportunities .report-block--opportunities__lead {
	margin: 0;
}

body.report .report-content .report-block--opportunities .report-block--opportunities__question {
	margin: 0;
	color: #6c6965;
}

body.report .report-content .report-block--opportunities .report-block--opportunities__figure {
	margin: 0;
	padding-top: 16px;
	padding-bottom: 16px;
	width: 100%;
	box-sizing: border-box;
}

body.report .report-content .report-block--opportunities .report-block--opportunities__chart {
	display: block;
	width: 100%;
	height: auto;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--opportunities .report-block--opportunities__footnote {
	margin: 0;
	padding-bottom: 20px;
	font-weight: 600;
}

body.report .report-content .report-block--opportunities .report-block--opportunities__outro {
	margin: 0;
}

body.report .report-content .report-block--opportunities .report-block--opportunities__outro p {
	margin: 0;
}

body.report .report-content .report-block--opportunities .report-block--opportunities__outro p + p {
	margin-top: 1em;
}

/* Takeaways + orange promo banner (4496:7247) — extends .report-block--overview */

/* Typography: .p0 on intro / list / outro / promo body; .h4 tagline; .h3 promo title */
body.report .report-content .report-block--takeaways .report-block--takeaways__list {
	margin: 0;
	padding-bottom: 16px;
	padding-left: 1.35em;
	list-style-type: disc;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__list::marker {
	color: #f36600;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__list li + li {
	margin-top: 0.35em;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__list-lead {
	font-weight: 600;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__outro {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__outro p {
	margin: 0;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__outro p + p {
	margin-top: 1em;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__tagline {
	margin: 0;
	padding-bottom: 16px;
	font-weight: 600;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__promo-wrap {
	padding-top: 20px;
	padding-bottom: 20px;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__promo {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 20px;
	background-color: #f36600;
	border-radius: 24px;
	overflow: hidden;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--takeaways .report-block--takeaways__promo {
		flex-direction: row;
		align-items: center;
	}
}

body.report .report-content .report-block--takeaways .report-block--takeaways__promo-copy {
	flex: 1 1 280px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 40px 24px;
	box-sizing: border-box;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--takeaways .report-block--takeaways__promo-copy {
		padding: 48px 64px;
	}
}

body.report .report-content .report-block--takeaways .report-block--takeaways__promo-title {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__promo-text {
	margin: 0;
	padding-bottom: 32px;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__promo-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 0;
	padding: 8px 20px;
	border-radius: 8px;
	background-color: #fffdf8;
	color: #031f39;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	box-sizing: border-box;
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__promo-cta:hover,
body.report .report-content .report-block--takeaways .report-block--takeaways__promo-cta:focus {
	background-color: #eeeae3;
	color: #031f39;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__promo-cta:focus-visible {
	outline: 2px solid #031f39;
	outline-offset: 2px;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__promo-cta-icon {
	flex-shrink: 0;
	display: block;
}

body.report .report-content .report-block--takeaways .report-block--takeaways__promo-media {
	flex: 1 1 280px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: 0;
	max-height: 360px;
	padding: 0 16px 16px;
	box-sizing: border-box;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--takeaways .report-block--takeaways__promo-media {
		flex: 0 0 min(750px, 49%);
		max-width: 750px;
		padding: 0 16px 0 0;
		align-self: stretch;
		max-height: none;
	}
}

body.report .report-content .report-block--takeaways .report-block--takeaways__promo-img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 360px;
	object-fit: contain;
	object-position: bottom center;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--takeaways .report-block--takeaways__promo-img {
		max-height: min(360px, 100%);
	}
}

/* Methodology (4496:7256) — extends .report-block--overview */

/* Subheads stack with .report-block--overview__stack gap (20px); avoid doubling with extra padding. */
body.report .report-content .report-block--methodology .report-block--methodology__heading {
	margin: 0;
	padding-bottom: 0;
}

body.report .report-content .report-block--methodology .report-block--methodology__heading--accent {
	color: #f36600;
}

body.report .report-content .report-block--methodology .report-block--methodology__body {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--methodology .report-block--methodology__principle {
	margin: 0;
	padding-bottom: 0;
	padding-top: 0;
	color: #6c6965;
}

/* -------------------------------------------------------------------------
 * Block: Survey methodology / demographics (4496:7257)
 * Taupe base-03 panel; chart PNG exports from Figma.
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--survey-methodology {
	background-color: #eeeae3;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--survey-methodology {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--survey-methodology__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--survey-methodology__stack {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

body.report .report-content .report-block--survey-methodology__header {
	padding-bottom: 12px;
}

/* Title: .h2 (navy section heading — not orange overview hero; Figma 4709:1723) */
body.report .report-content .report-block--survey-methodology__title {
	margin: 0;
}

/* Typography: .p0 intro / note / outro; .h3 leads; .h6 chart label */
body.report .report-content .report-block--survey-methodology__intro {
	margin: 0;
}

body.report .report-content .report-block--survey-methodology__lead {
	margin: 0;
}

body.report .report-content .report-block--survey-methodology__chart-label {
	margin: 0;
}

body.report .report-content .report-block--survey-methodology__figure {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	width: 100%;
	max-width: 1520px;
	box-sizing: border-box;
}

body.report .report-content .report-block--survey-methodology__chart {
	display: block;
	width: 100%;
	height: auto;
}

body.report .report-content .report-block--survey-methodology__note,
body.report .report-content .report-block--survey-methodology__outro {
	margin: 0;
}

/* -------------------------------------------------------------------------
 * Block: Stat bold (panel_stat-bold — base-03 background)
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--stat-bold__row {
	background-color: #eeeae3;
	padding-top: var(--Marigns-Container-Top-Bottom---L);
	padding-bottom: var(--Marigns-Container-Top-Bottom---L);
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--stat-bold__row {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--stat-bold__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--stat-bold__grid {
	gap: 20px;
}

body.report .report-content .report-block--stat-bold__stat {
	text-align: center;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--stat-bold__stat {
		text-align: left;
	}
}

body.report .report-content .report-block--stat-bold__value {
	margin: 0;
	font-weight: 700;
	font-size: 80px;
	line-height: 1.2;
	color: #f36600;
	white-space: nowrap;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--stat-bold__value {
		font-size: 160px;
	}
}

body.report .report-content .report-block--stat-bold__copy {
	margin: 0;
	font-weight: 400;
	color: #031f39;
	text-align: center;
}

/* Override global `.h1 { font-weight: 700 }` — stat copy must stay 400 */
body.report .report-content .report-block--stat-bold .h1.report-block--stat-bold__copy {
	font-weight: 400;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--stat-bold__copy {
		text-align: left;
	}
}

/* -------------------------------------------------------------------------
 * Block: Rich text panel (panel_container — primary surface, P0 only)
 * Figma 4496:7153
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--rich-text {
	background-color: #fffdf8;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--rich-text {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--rich-text__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--rich-text__inner {
	padding-bottom: 24px;
}

body.report .report-content .report-block--rich-text__inner p {
	margin: 0;
}

body.report .report-content .report-block--rich-text__inner p + p {
	margin-top: 1em;
}

/* -------------------------------------------------------------------------
 * Block: Landscape (panel_container + chart as image)
 * Figma 4496:7161 — chart PNG: assets/images/reports/landscape-chart.png
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--landscape {
	background-color: #fffdf8;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--landscape {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--landscape__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--landscape__stack {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

body.report .report-content .report-block--landscape__header {
	padding-bottom: 24px;
}

/* Reuses .report-block--overview__body.p0 like other cream-panel intros; stack gap matches overview blocks. */
body.report .report-content .report-block--landscape .report-block--landscape__lead {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--landscape .report-block--landscape__figure {
	margin: 0;
	padding-top: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--landscape__chart {
	display: block;
	width: 100%;
	height: auto;
}

/* -------------------------------------------------------------------------
 * Block: Stacked bar chart panel (.panel_graph-stacked)
 * Figma 4496:7164 — chart: assets/images/reports/difficulty-stacked-chart.webp
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--graph-stacked {
	background-color: #f36600;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--graph-stacked {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--graph-stacked__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--graph-stacked__inner {
	padding-bottom: 24px;
}

body.report .report-content .report-block--graph-stacked__header {
	padding-bottom: 24px;
	padding-top: 0;
}

/* Typography: .h2 on title; legend + footnote live in chart asset */
body.report .report-content .report-block--graph-stacked__title {
	margin: 0;
}

body.report .report-content .report-block--graph-stacked__figure {
	margin: 0;
	padding-top: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--graph-stacked__chart {
	display: block;
	width: 100%;
	height: auto;
}

body.report .report-content .report-block--graph-stacked__outro {
	padding-top: 24px;
}

body.report .report-content .report-block--graph-stacked__outro p {
	margin: 0;
}

body.report .report-content .report-block--graph-stacked__outro p + p {
	margin-top: 1em;
}

/* -------------------------------------------------------------------------
 * Block: Cards + text (panel_cards-text, base-03)
 * Figma 4496:7163 — card art: assets/images/reports/cards-text/*.webp
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--cards-text {
	background-color: #eeeae3;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--cards-text {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--cards-text__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--cards-text__intro {
	padding-bottom: 32px;
}

body.report .report-content .report-block--cards-text__intro p {
	margin: 0;
}

body.report .report-content .report-block--cards-text__intro p + p {
	margin-top: 1em;
}

body.report .report-content .report-block--cards-text__grid {
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: var(--Gap-Medium);
	padding-top: 16px;
	padding-bottom: 24px;
	margin-left: 0;
	margin-right: 0;
}

body.report .report-content .report-block--cards-text__grid > .cell {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

@media print, screen and (min-width: 40em) and (max-width: 63.9375em) {
	body.report .report-content .report-block--cards-text__grid > .cell.medium-6 {
		width: calc((100% - var(--Gap-Medium)) / 2);
		flex: 0 0 auto;
	}
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--cards-text__grid > .cell.large-3 {
		width: calc((100% - 3 * var(--Gap-Medium)) / 4);
		flex: 0 0 auto;
	}
}

body.report .report-content .report-block--cards-text__grid .report-block--cards-text__media {
	flex-shrink: 0;
}

body.report .report-content .report-block--cards-text__grid .report-block--cards-text__body {
	flex: 1 1 auto;
	min-height: 0;
}

body.report .report-content .report-block--cards-text__card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 24px;
	overflow: hidden;
	background-color: #eeeae3;
}

body.report .report-content .report-block--cards-text__media {
	position: relative;
	aspect-ratio: 870 / 580;
	margin-bottom: -16px;
	overflow: hidden;
	border: none;
	box-sizing: border-box;
	background-color: transparent;
}

body.report .report-content .report-block--cards-text__media img {
	display: block;
}

body.report .report-content .report-block--cards-text__media img[src*=".svg"] {
	width: 90%;
	height: 90%;
}

body.report .report-content .report-block--cards-text__body {
	position: relative;
	padding: 24px;
	background-color: #fffdf8;
	border: 1px solid #bab7b0;
	border-radius: 24px;
	box-shadow: 0 4px 16px rgba(146, 144, 138, 0.25);
	box-sizing: border-box;
}

body.report .report-content .report-block--cards-text__rank {
	margin: 0;
	padding-bottom: 0;
}

body.report .report-content .report-block--cards-text__label {
	margin: 0;
	padding-bottom: 8px;
}

body.report .report-content .report-block--cards-text__outro {
	margin: 0;
}

/* -------------------------------------------------------------------------
 * Block: Cards — channel mix (panel_cards-text, 5 + 5 large-auto rows)
 * Figma 4496:7174 — card art: assets/images/reports/cards-channels/*.webp
 * Card chrome reuses .report-block--cards-text__* rules above.
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--cards-channels {
	background-color: #eeeae3;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--cards-channels {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--cards-channels__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--cards-channels__lead-title {
	margin: 0;
	padding-bottom: 24px;
	padding-top: 0;
	color: #6c6965;
}

body.report .report-content .report-block--cards-channels__lead-body {
	margin: 0;
	padding-bottom: 32px;
}

body.report .report-content .report-block--cards-channels__row {
	justify-content: center;
	align-items: stretch;
	gap: var(--Gap-Medium);
	padding-top: 16px;
	padding-bottom: 24px;
	margin-left: 0;
	margin-right: 0;
}

@media print, screen and (min-width: 40em) and (max-width: 63.9375em) {
	body.report .report-content .report-block--cards-channels__row > .cell.medium-6 {
		width: calc((100% - var(--Gap-Medium)) / 2);
		flex: 0 0 auto;
	}
}

body.report .report-content .report-block--cards-channels__row > .cell {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding-left: 0;
	padding-right: 0;
}

/* Undo cards-text max-width/margins; column width stays from Foundation .cell classes. */
body.report .report-content .report-block--cards-channels .report-block--cards-text__card {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

body.report .report-content .report-block--cards-channels .report-block--cards-text__media {
	flex-shrink: 0;
}

body.report .report-content .report-block--cards-channels .report-block--cards-text__body {
	flex: 1 1 auto;
	min-height: 0;
}

body.report .report-content .report-block--cards-channels__outro {
	margin: 0;
}

/* -------------------------------------------------------------------------
 * Block: Cards — operational challenges (4496:7228)
 * Row 1: four × large-3; row 2: five × large-auto. Art: cards-challenges/*.webp
 * Reuses .report-block--cards-text__* card chrome.
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--cards-challenges {
	background-color: #eeeae3;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--cards-challenges {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--cards-challenges__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--cards-challenges__main-title {
	margin: 0;
	padding-bottom: 24px;
}

body.report .report-content .report-block--cards-challenges__intro {
	margin: 0;
	padding-bottom: 32px;
}

body.report .report-content .report-block--cards-challenges__question {
	margin: 0;
	padding-bottom: 24px;
	padding-top: 0;
	color: #6c6965;
}

body.report .report-content .report-block--cards-challenges__row {
	justify-content: center;
	align-items: stretch;
	gap: var(--Gap-Medium);
	padding-top: 16px;
	padding-bottom: 24px;
	margin-left: 0;
	margin-right: 0;
}

@media print, screen and (min-width: 40em) and (max-width: 63.9375em) {
	body.report .report-content .report-block--cards-challenges__row > .cell.medium-6 {
		width: calc((100% - var(--Gap-Medium)) / 2);
		flex: 0 0 auto;
	}
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--cards-challenges__row > .cell.large-3 {
		width: calc((100% - 3 * var(--Gap-Medium)) / 4);
		flex: 0 0 auto;
	}
}

body.report .report-content .report-block--cards-challenges__row > .cell {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding-left: 0;
	padding-right: 0;
}

body.report .report-content .report-block--cards-challenges .report-block--cards-text__card {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

body.report .report-content .report-block--cards-challenges .report-block--cards-text__media {
	flex-shrink: 0;
}

body.report .report-content .report-block--cards-challenges .report-block--cards-text__body {
	flex: 1 1 auto;
	min-height: 0;
}

body.report .report-content .report-block--cards-challenges__mid {
	padding-bottom: 32px;
}

body.report .report-content .report-block--cards-challenges__mid p {
	margin: 0;
}

body.report .report-content .report-block--cards-challenges__mid p + p {
	margin-top: 1em;
}

body.report .report-content .report-block--cards-challenges__outro {
	margin: 0;
	padding-top: 0;
}

body.report .report-content .report-block--cards-challenges__outro p {
	margin: 0;
}

body.report .report-content .report-block--cards-challenges__outro p + p {
	margin-top: 1em;
}

/* -------------------------------------------------------------------------
 * Block: Measurement tools bar chart (.panel_graph, navy panel)
 * Figma 4496:7175 — chart: measurement-tools-chart.webp
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--measurement-graph {
	background-color: #031f39;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--measurement-graph {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--measurement-graph__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--measurement-graph__inner {
	padding-bottom: 24px;
}

body.report .report-content .report-block--measurement-graph__header {
	padding-bottom: 24px;
}

/* Title: .h2; cream on navy */
body.report .report-content .report-block--measurement-graph__title {
	margin: 0;
	color: #fffdf8;
}

body.report .report-content .report-block--measurement-graph__intro {
	padding-bottom: 56px;
	color: #fffdf8;
}

body.report .report-content .report-block--measurement-graph__intro p {
	margin: 0;
}

body.report .report-content .report-block--measurement-graph__intro p + p {
	margin-top: 1em;
}

body.report .report-content .report-block--measurement-graph__subhead {
	margin: 0;
	padding-bottom: 24px;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	color: #fffdf8;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--measurement-graph__subhead {
		font-size: 32px;
	}
}

body.report .report-content .report-block--measurement-graph__figure {
	margin: 0;
	padding-top: 16px;
	padding-bottom: 16px;
}

body.report .report-content .report-block--measurement-graph__chart {
	display: block;
	width: 100%;
	height: auto;
}

/* -------------------------------------------------------------------------
 * Block: Performance challenges (navy — combined 4496:7186 + 4496:7187)
 * Question header + three ranked rows + P0 prose on #031f39.
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--performance-challenges {
	background-color: #031f39;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--performance-challenges {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--performance-challenges__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--performance-challenges__header {
	padding-bottom: 24px;
}

body.report .report-content .report-block--performance-challenges__title {
	margin: 0;
	color: #f36600;
}

body.report .report-content .report-block--performance-challenges__ranks {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

body.report .report-content .report-block--performance-challenges__rank-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 40px;
}

body.report .report-content .report-block--performance-challenges__rank-value {
	flex: 0 0 auto;
	margin: 0;
	color: #f36600;
	white-space: nowrap;
}

body.report .report-content .report-block--performance-challenges__rank-copy {
	flex: 1 1 200px;
	margin: 0;
	min-width: 0;
	color: #fffdf8;
}

body.report .report-content .report-block--performance-challenges__body {
	padding-top: 20px;
}

body.report .report-content .report-block--performance-challenges__body p {
	margin: 0;
	color: #fffdf8;
}

body.report .report-content .report-block--performance-challenges__body p + p {
	margin-top: 1em;
}

/* -------------------------------------------------------------------------
 * Block: Visibility insights + taupe Analytics promo (4496:7214)
 * Cream panel; darker banner #d6d2c9 — copy + CTA left, dashboard image right.
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--visibility-insights {
	background-color: #f7f4ee;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--visibility-insights {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--visibility-insights__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

/* Typography: .h2 title; .p0 lead/body/outro; .h1 orange stat; promo .h3 + .p1 */
body.report .report-content .report-block--visibility-insights__title {
	margin: 0;
	padding-bottom: 32px;
}

body.report .report-content .report-block--visibility-insights__lead {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--visibility-insights__stat {
	margin: 40px 0;
	color: #f36600;
}

body.report .report-content .report-block--visibility-insights__body {
	padding-bottom: 16px;
}

body.report .report-content .report-block--visibility-insights__body p {
	margin: 0;
}

body.report .report-content .report-block--visibility-insights__body p + p {
	margin-top: 1em;
}

body.report .report-content .report-block--visibility-insights__promo-wrap {
	padding-top: 40px;
	padding-bottom: 40px;
}

body.report .report-content .report-block--visibility-insights__promo {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 20px;
	background-color: #d6d2c9;
	border-radius: 24px;
	overflow: hidden;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--visibility-insights__promo {
		flex-direction: row;
		align-items: center;
	}
}

body.report .report-content .report-block--visibility-insights__promo-copy {
	flex: 1 1 280px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 40px 24px;
	box-sizing: border-box;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--visibility-insights__promo-copy {
		padding: 48px 64px;
	}
}

body.report .report-content .report-block--visibility-insights__promo-title {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--visibility-insights__promo-text {
	margin: 0;
	padding-bottom: 32px;
}

/* Inline link + CTA: class names avoid "insights" / global a[class*='ion'] */
body.report .report-content .report-block--visibility-insights__promo-text .report-panel-promo__textlink {
	display: inline;
	width: auto;
	min-width: 0;
	max-width: none;
	flex: none;
	white-space: normal;
	word-break: break-word;
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.report .report-content .report-block--visibility-insights__promo-text .report-panel-promo__textlink:hover,
body.report .report-content .report-block--visibility-insights__promo-text .report-panel-promo__textlink:focus {
	text-decoration-thickness: 2px;
}

body.report .report-content .report-panel-promo__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 0;
	padding: 8px 20px;
	border-radius: 8px;
	background-color: #0058dd;
	color: #fffdf8;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	box-sizing: border-box;
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.report .report-content .report-panel-promo__cta:hover,
body.report .report-content .report-panel-promo__cta:focus {
	background-color: #0046b0;
	color: #fffdf8;
}

body.report .report-content .report-panel-promo__cta:focus-visible {
	outline: 2px solid #031f39;
	outline-offset: 2px;
}

body.report .report-content .report-panel-promo__cta-svg {
	flex-shrink: 0;
	display: block;
}

body.report .report-content .report-block--visibility-insights__promo-media {
	flex: 1 1 280px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: 0;
	max-height: 360px;
	padding: 0 16px 16px;
	box-sizing: border-box;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--visibility-insights__promo-media {
		flex: 0 0 min(750px, 49%);
		max-width: 750px;
		padding: 0 16px 0 0;
		align-self: stretch;
		max-height: none;
	}
}

body.report .report-content .report-block--visibility-insights__promo-img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 360px;
	object-fit: contain;
	object-position: bottom center;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--visibility-insights__promo-img {
		max-height: min(360px, 100%);
	}
}

body.report .report-content .report-block--visibility-insights__outro {
	padding-bottom: 16px;
}

body.report .report-content .report-block--visibility-insights__outro p {
	margin: 0;
}

body.report .report-content .report-block--visibility-insights__outro p + p {
	margin-top: 1em;
}

/* -------------------------------------------------------------------------
 * Block: Accelerate analysis with AI + navy Assist promo (4496:7237)
 * Orange panel #f36600; navy banner — copy + CTA left, Assist image right.
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--accelerate-ai {
	background-color: #f36600;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--accelerate-ai {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--accelerate-ai__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--accelerate-ai__title {
	margin: 0;
	padding-bottom: 32px;
}

body.report .report-content .report-block--accelerate-ai__lead {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--accelerate-ai__stat {
	margin: 0;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #fffdf8;
}

body.report .report-content .report-block--accelerate-ai__body {
	padding-bottom: 16px;
	color: #031f39;
}

body.report .report-content .report-block--accelerate-ai__body p {
	margin: 0;
}

body.report .report-content .report-block--accelerate-ai__body p + p {
	margin-top: 1em;
}

body.report .report-content .report-block--accelerate-ai__list {
	margin: 1em 0 0;
	padding-left: 1.35em;
	list-style-type: disc;
}

body.report .report-content .report-block--accelerate-ai__list li + li {
	margin-top: 0.25em;
}

body.report .report-content .report-block--accelerate-ai__banner-wrap {
	padding-top: 40px;
	padding-bottom: 40px;
}

body.report .report-content .report-block--accelerate-ai__banner {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 20px;
	background-color: #031f39;
	border-radius: 24px;
	overflow: hidden;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--accelerate-ai__banner {
		flex-direction: row;
		align-items: center;
	}
}

body.report .report-content .report-block--accelerate-ai__banner-copy {
	flex: 1 1 280px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 40px 24px;
	box-sizing: border-box;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--accelerate-ai__banner-copy {
		padding: 48px 64px;
	}
}

body.report .report-content .report-block--accelerate-ai__banner-title {
	margin: 0;
	padding-bottom: 16px;
	color: #ff950a;
}

body.report .report-content .report-block--accelerate-ai__banner-text {
	margin: 0;
	padding-bottom: 32px;
	color: #fffdf8;
}

body.report .report-content .report-block--accelerate-ai__banner-link {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.report .report-content .report-block--accelerate-ai__banner-link:hover,
body.report .report-content .report-block--accelerate-ai__banner-link:focus {
	text-decoration-thickness: 2px;
}

body.report .report-content .report-block--accelerate-ai__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 0;
	padding: 8px 20px;
	border-radius: 8px;
	background-color: #fffdf8;
	color: #031f39;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	box-sizing: border-box;
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.report .report-content .report-block--accelerate-ai__cta:hover,
body.report .report-content .report-block--accelerate-ai__cta:focus {
	background-color: #ede9e1;
	color: #031f39;
}

body.report .report-content .report-block--accelerate-ai__cta:focus-visible {
	outline: 2px solid #ff950a;
	outline-offset: 2px;
}

body.report .report-content .report-block--accelerate-ai__cta-icon {
	flex-shrink: 0;
	display: block;
}

body.report .report-content .report-block--accelerate-ai__banner-media {
	flex: 1 1 280px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: 0;
	max-height: 360px;
	padding: 0 16px 16px;
	box-sizing: border-box;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--accelerate-ai__banner-media {
		flex: 0 0 min(750px, 49%);
		max-width: 750px;
		padding: 0 16px 0 0;
		align-self: stretch;
		max-height: none;
	}
}

body.report .report-content .report-block--accelerate-ai__banner-img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 360px;
	object-fit: contain;
	object-position: bottom center;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--accelerate-ai__banner-img {
		max-height: min(360px, 100%);
	}
}

/* -------------------------------------------------------------------------
 * Block: Invest in what works (4496:7239)
 * Cream panel; chart PNGs; orange HTML promo + weekly-insights-promo.webp.
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--invest-works {
	background-color: #f7f4ee;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--invest-works {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--invest-works__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

/* Typography: .h2 titles; .h3 questions + promo title; .p0 body; .p1 promo copy */
body.report .report-content .report-block--invest-works__title {
	margin: 0;
	padding-bottom: 32px;
}

body.report .report-content .report-block--invest-works__intro {
	padding-bottom: 16px;
}

body.report .report-content .report-block--invest-works__intro p {
	margin: 0;
}

body.report .report-content .report-block--invest-works__intro p + p {
	margin-top: 1em;
}

body.report .report-content .report-block--invest-works__question {
	margin: 0;
	padding-bottom: 16px;
	color: #6c6965;
}

body.report .report-content .report-block--invest-works__figure {
	margin: 0;
	padding-top: 16px;
	padding-bottom: 32px;
	width: 100%;
	max-width: 1520px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

body.report .report-content .report-block--invest-works__chart {
	display: block;
	width: 100%;
	height: auto;
}

body.report .report-content .report-block--invest-works__between-charts {
	padding-bottom: 16px;
}

body.report .report-content .report-block--invest-works__between-charts p {
	margin: 0;
}

body.report .report-content .report-block--invest-works__between-charts p + p {
	margin-top: 1em;
}

body.report .report-content .report-block--invest-works__stat-summary {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--invest-works__promo-wrap {
	padding-top: 40px;
	padding-bottom: 40px;
}

body.report .report-content .report-block--invest-works__promo {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 20px;
	background-color: #f36600;
	border-radius: 24px;
	overflow: hidden;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--invest-works__promo {
		flex-direction: row;
		align-items: center;
	}
}

body.report .report-content .report-block--invest-works__promo-copy {
	flex: 1 1 280px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 40px 24px;
	box-sizing: border-box;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--invest-works__promo-copy {
		padding: 48px 64px;
	}
}

body.report .report-content .report-block--invest-works__promo-title {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--invest-works__promo-text {
	margin: 0;
	padding-bottom: 32px;
}

body.report .report-content .report-block--invest-works__promo-link {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.report .report-content .report-block--invest-works__promo-link:hover,
body.report .report-content .report-block--invest-works__promo-link:focus {
	text-decoration-thickness: 2px;
}

body.report .report-content .report-block--invest-works__promo-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 0;
	padding: 8px 20px;
	border-radius: 8px;
	background-color: #fffdf8;
	color: #031f39;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	box-sizing: border-box;
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.report .report-content .report-block--invest-works__promo-cta:hover,
body.report .report-content .report-block--invest-works__promo-cta:focus {
	background-color: #eeeae3;
	color: #031f39;
}

body.report .report-content .report-block--invest-works__promo-cta:focus-visible {
	outline: 2px solid #031f39;
	outline-offset: 2px;
}

body.report .report-content .report-block--invest-works__promo-cta-icon {
	flex-shrink: 0;
	display: block;
}

body.report .report-content .report-block--invest-works__promo-media {
	flex: 1 1 280px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: 0;
	max-height: 360px;
	padding: 0 16px 16px;
	box-sizing: border-box;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--invest-works__promo-media {
		flex: 0 0 min(750px, 49%);
		max-width: 750px;
		padding: 0 16px 0 0;
		align-self: stretch;
		max-height: none;
	}
}

body.report .report-content .report-block--invest-works__promo-img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 360px;
	object-fit: contain;
	object-position: bottom center;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--invest-works__promo-img {
		max-height: min(360px, 100%);
	}
}

body.report .report-content .report-block--invest-works__closing-title {
	margin: 0;
	padding-bottom: 16px;
	padding-top: 0;
}

body.report .report-content .report-block--invest-works__closing p {
	margin: 0;
}

body.report .report-content .report-block--invest-works__closing p + p {
	margin-top: 1em;
}

/* -------------------------------------------------------------------------
 * Block: Tools stack + visibility ranking (panel_container, base-02)
 * Figma 4496:7176 — orange integrations promo (HTML) + bitly-integrations-diagram.webp
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--tools-stack {
	background-color: #f7f4ee;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--tools-stack {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--tools-stack__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--tools-stack__intro p {
	margin: 0;
}

body.report .report-content .report-block--tools-stack__intro p + p {
	margin-top: 1em;
}

/* Orange stat: .h1 (64px at laptop per theme); vertical rhythm from Figma */
body.report .report-content .report-block--tools-stack__highlight {
	margin: 40px 0;
	color: #f36600;
}

body.report .report-content .report-block--tools-stack__body {
	padding-bottom: 16px;
}

body.report .report-content .report-block--tools-stack__body p {
	margin: 0;
}

body.report .report-content .report-block--tools-stack__body p + p {
	margin-top: 1em;
}

body.report .report-content .report-block--tools-stack__integrations-wrap {
	padding-top: 40px;
	padding-bottom: 40px;
}

body.report .report-content .report-block--tools-stack__integrations {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 20px;
	background-color: #f36600;
	border-radius: 24px;
	overflow: hidden;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--tools-stack__integrations {
		flex-direction: row;
		align-items: center;
	}
}

body.report .report-content .report-block--tools-stack__integrations-copy {
	flex: 1 1 280px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 40px 24px;
	box-sizing: border-box;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--tools-stack__integrations-copy {
		padding: 48px 64px;
	}
}

body.report .report-content .report-block--tools-stack__integrations-title {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--tools-stack__integrations-text {
	margin: 0;
	padding-bottom: 32px;
}

/* Inline link in promo body — avoid global rules squeezing width (e.g. social icon sizing) */
body.report .report-content .report-block--tools-stack__integrations-text .report-block--tools-stack__banner-textlink {
	display: inline;
	width: auto;
	min-width: 0;
	max-width: none;
	flex: none;
	white-space: normal;
	word-break: break-word;
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.report .report-content .report-block--tools-stack__integrations-text .report-block--tools-stack__banner-textlink:hover,
body.report .report-content .report-block--tools-stack__integrations-text .report-block--tools-stack__banner-textlink:focus {
	text-decoration-thickness: 2px;
}

body.report .report-content .report-block--tools-stack__banner-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 0;
	padding: 8px 20px;
	border-radius: 8px;
	background-color: #fffdf8;
	color: #031f39;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
	box-sizing: border-box;
	transition: background-color 0.15s ease, color 0.15s ease;
}

body.report .report-content .report-block--tools-stack__banner-cta:hover,
body.report .report-content .report-block--tools-stack__banner-cta:focus {
	background-color: #eeeae3;
	color: #031f39;
}

body.report .report-content .report-block--tools-stack__banner-cta:focus-visible {
	outline: 2px solid #031f39;
	outline-offset: 2px;
}

body.report .report-content .report-block--tools-stack__banner-cta-svg {
	flex-shrink: 0;
	display: block;
}

body.report .report-content .report-block--tools-stack__integrations-media {
	flex: 1 1 280px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: 0;
	max-height: 360px;
	padding: 0 16px 16px;
	box-sizing: border-box;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--tools-stack__integrations-media {
		flex: 0 0 min(750px, 49%);
		max-width: 750px;
		padding: 0 16px 0 0;
		align-self: stretch;
		max-height: none;
	}
}

body.report .report-content .report-block--tools-stack__integrations-img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 360px;
	object-fit: contain;
	object-position: bottom center;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--tools-stack__integrations-img {
		max-height: min(360px, 100%);
	}
}

body.report .report-content .report-block--tools-stack__section-title {
	margin: 0;
	padding-bottom: 32px;
	padding-top: 0;
}

body.report .report-content .report-block--tools-stack__section-lead {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--tools-stack__rank-list {
	list-style: none;
	margin: 0;
	padding: 16px 0 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

body.report .report-content .report-block--tools-stack__rank-list > li {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 30px;
	padding-bottom: 2px;
}

body.report .report-content .report-block--tools-stack__rank {
	flex: 0 0 auto;
	min-width: 66px;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: #f36600;
}

body.report .report-content .report-block--tools-stack__rank-label {
	flex: 1 1 200px;
	margin: 0;
	min-width: 0;
}

body.report .report-content .report-block--tools-stack__outro {
	padding-top: 16px;
}

body.report .report-content .report-block--tools-stack__outro p {
	margin: 0;
}

body.report .report-content .report-block--tools-stack__outro p + p {
	margin-top: 1em;
}

/* -------------------------------------------------------------------------
 * Block: Reporting reflection — three columns (4496:7215)
 * Label + circle per column; base-03 panel; all HTML (no chart images).
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--reporting-reflection {
	background-color: #eeeae3;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--reporting-reflection {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--reporting-reflection__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--reporting-reflection__stack {
	display: flex;
	flex-direction: column;
	gap: 0;
}

body.report .report-content .report-block--reporting-reflection__title {
	margin: 0;
	padding-bottom: 32px;
}

body.report .report-content .report-block--reporting-reflection__columns {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	padding-bottom: 16px;
	box-sizing: border-box;
}

@media print, screen and (min-width: 64em) {
	body.report .report-content .report-block--reporting-reflection__columns {
		grid-template-columns: minmax(0, 582px) minmax(0, 468px) minmax(0, 468px);
		gap: 0;
		align-items: stretch;
		justify-content: center;
	}
}

body.report .report-content .report-block--reporting-reflection__column {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
	gap: 0;
	min-width: 0;
	height: 100%;
}

body.report .report-content .report-block--reporting-reflection__label {
	margin: 0;
	padding-bottom: 24px;
	padding-left: 22px;
	padding-right: 42px;
	border-left-width: 4px;
	border-left-style: solid;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.6;
	color: #6c6965;
	box-sizing: border-box;
}

body.report .report-content .report-block--reporting-reflection__label--green {
	border-left-color: #96de94;
}

body.report .report-content .report-block--reporting-reflection__label--yellow {
	border-left-color: #ffbf3c;
}

body.report .report-content .report-block--reporting-reflection__label--red {
	border-left-color: #ef5b46;
}

body.report .report-content .report-block--reporting-reflection__circle {
	align-self: center;
	width: 100%;
	max-width: 468px;
	aspect-ratio: 1 / 1;
	border-width: 4px;
	border-style: solid;
	border-color: #031f39;
	border-radius: 50%;
	box-shadow: 0 4px 16px rgba(146, 144, 138, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 16px 32px 16px 24px;
	flex-shrink: 0;
}

body.report .report-content .report-block--reporting-reflection__circle--large {
	max-width: min(582px, 100%);
}

body.report .report-content .report-block--reporting-reflection__circle--green {
	background-color: #96de94;
}

body.report .report-content .report-block--reporting-reflection__circle--yellow {
	background-color: #ffbf3c;
}

body.report .report-content .report-block--reporting-reflection__circle--red {
	background-color: #ef5b46;
}

body.report .report-content .report-block--reporting-reflection__value {
	display: inline-block;
	margin: 0;
	padding: 8px 12px;
	border: 3px solid #031f39;
	border-radius: 8px;
	background-color: #031f39;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: clamp(28px, 8vw, 42px);
	line-height: 1.2;
	color: #fffdf8;
	white-space: nowrap;
}

body.report .report-content .report-block--reporting-reflection__footer {
	margin: 0;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
	color: #031f39;
}

/* -------------------------------------------------------------------------
 * Block: Interactions blind spot — donut chart image (4496:7216)
 * Legend/callouts baked into asset: marketer-performance-donut-chart.webp
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--interactions-blind-spot {
	background-color: #f7f4ee;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--interactions-blind-spot {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--interactions-blind-spot__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

/* Typography: .h2 title; .p0 intro/outro; .h3 subhead (gray) */
body.report .report-content .report-block--interactions-blind-spot__title {
	margin: 0;
	padding-bottom: 32px;
}

body.report .report-content .report-block--interactions-blind-spot__intro {
	padding-bottom: 32px;
}

body.report .report-content .report-block--interactions-blind-spot__intro p {
	margin: 0;
}

body.report .report-content .report-block--interactions-blind-spot__intro p + p {
	margin-top: 1em;
}

body.report .report-content .report-block--interactions-blind-spot__subhead {
	margin: 0;
	padding-bottom: 32px;
	color: #6c6965;
}

body.report .report-content .report-block--interactions-blind-spot__chart-row {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 72px;
	padding-bottom: 48px;
	padding-left: 0;
	padding-right: 0;
	box-sizing: border-box;
}

body.report .report-content .report-block--interactions-blind-spot__figure {
	margin: 0;
	width: 100%;
	max-width: 1520px;
	min-width: 0;
}

body.report .report-content .report-block--interactions-blind-spot__chart {
	display: block;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--interactions-blind-spot__outro {
	margin: 0;
	padding-bottom: 0;
}

body.report .report-content .report-block--interactions-blind-spot__outro p {
	margin: 0;
}

body.report .report-content .report-block--interactions-blind-spot__outro p + p {
	margin-top: 1em;
}

/* -------------------------------------------------------------------------
 * Block: Insights lag + gut instinct (4496:7227)
 * Charts: campaign-underperform-chart.webp, gut-instinct-chart.webp
 * ------------------------------------------------------------------------- */

body.report .report-content .report-block--insights-gut {
	background-color: #f7f4ee;
	padding-left: 16px;
	padding-right: 16px;
}

@media print, screen and (min-width: 40em) {
	body.report .report-content .report-block--insights-gut {
		padding-left: 24px;
		padding-right: 24px;
	}
}

body.report .report-content .report-block--insights-gut__container {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

/* Typography: .p0 intro/lead/body/footer; .h3 questions; .h1 callout; .h2 section title */
body.report .report-content .report-block--insights-gut__intro {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--insights-gut__question {
	margin: 0;
	padding-bottom: 16px;
	color: #6c6965;
}

body.report .report-content .report-block--insights-gut__figure {
	margin: 0;
	padding-top: 16px;
	padding-bottom: 16px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

body.report .report-content .report-block--insights-gut__chart {
	display: block;
	width: 100%;
	height: auto;
	max-width: 1520px;
	margin-left: auto;
	margin-right: auto;
}

body.report .report-content .report-block--insights-gut__callout {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #f36600;
}

body.report .report-content .report-block--insights-gut__lead {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--insights-gut__section-title {
	margin: 0;
	padding-bottom: 16px;
}

body.report .report-content .report-block--insights-gut__body {
	padding-bottom: 16px;
}

body.report .report-content .report-block--insights-gut__body p {
	margin: 0;
}

body.report .report-content .report-block--insights-gut__body p + p {
	margin-top: 1em;
}

body.report .report-content .report-block--insights-gut__footer p {
	margin: 0;
}

body.report .report-content .report-block--insights-gut__footer p + p {
	margin-top: 1em;
}

/* -------------------------------------------------------------------------
 * Preview page: [report_blocks_preview] on a normal Page
 * body.report + .report-blocks-preview supplied by report-blocks-preview.php
 * ------------------------------------------------------------------------- */

body.report.report-blocks-preview-page .report-blocks-preview__block {
	scroll-margin-top: 5rem;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid rgba( 3, 31, 57, 0.12 );
}

body.report.report-blocks-preview-page .report-blocks-preview__block:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

body.report.report-blocks-preview-page .report-blocks-preview__filename {
	margin: 0 0 1rem;
	font-family: "Bitly Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	color: #6c6965;
}