:root {
	--sample-bg: #f5f0ea;
	--sample-shell: #eef1f8;
	--sample-card: #fcfcfd;
	--sample-border: rgba(36, 52, 78, 0.12);
	--sample-shadow: 0 24px 60px rgba(22, 34, 59, 0.08);
	--sample-muted: #737c90;
	--sample-soft: #a7b0c2;
	--sample-coral: #e62154;
	--sample-navy: #16223b;
}

.sample-report-page {
	background: var(--sample-bg);
	padding: 132px 0 96px;
}

.sample-report-section {
	width: min(1202px, calc(100% - 48px));
	margin: 0 auto;
}

.sample-report-header h1 {
	color: var(--sample-navy);
	font-size: clamp(3.2rem, 3vw, 4.2rem);
	line-height: 1.1;
	letter-spacing: -0.04em;
	margin-bottom: 20px;
}

.sample-report-shell {
	background: var(--sample-shell);
	border-radius: 20px;
	padding: 22px 22px 32px;
}

.sample-report-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 22px;
}

.sample-report-tabs {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
}

.sample-report-tab {
	border: 0;
	background: transparent;
	color: var(--sample-soft);
	cursor: default;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.2;
}

.sample-report-tab.is-active {
	color: var(--sample-coral);
}

.sample-report-download {
	border: 0;
	background: var(--sample-coral);
	color: #fff;
	border-radius: 8px;
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0 10px 24px rgba(230, 33, 84, 0.22);
}

.sample-report-intro {
	max-width: 830px;
	font-size: 16px;
	line-height: 1.55;
	margin-bottom: 28px;
}

.sample-report-stage {
	padding-top: 4px;
}

.report-preview {
	width: min(100%, 393px);
	margin: 0 auto;
	background: var(--sample-card);
	border: 1px solid var(--sample-border);
	border-radius: 14px;
	box-shadow: var(--sample-shadow);
	overflow: hidden;
}

.report-preview__header {
  display: flex;
  justify-content: space-between;
	align-items: center;
	gap: 10px;
	padding: 14px 16px 10px;
	border-bottom: 1px solid rgba(22, 34, 59, 0.08);
}
.report-preview__brand{
  --text-white: #000;
}
.report-preview__brand svg{
  height: 40px !important;
}


@media (max-width: 650px) {
	.sample-report-shell{
		padding: 0;
		width: 100%;
		background: transparent;
	}
}