/* =========================================================
   QCS PAGE SYSTEMS
   Page-level orchestration ownership.
   Reusable component styling belongs elsewhere.
   ========================================================= */


/* =========================================================
   01) GLOBAL PAGE WRAPPERS
   ========================================================= */

.qcs-main,
.qcs-sales-main,
.qcs-legal-main {
	width: 100%;
	background: var(--qcs-bg-soft, #f5f1e8);
	color: var(--qcs-text, #2f2a24);
}


/* =========================================================
   02) HOME PAGE
   ========================================================= */

.qcs-main {
	position: relative;
	overflow: hidden;
}


/* =========================================================
   03) SALES FLOW PAGE
   ========================================================= */

.qcs-sales-main {
	position: relative;
}


/* =========================================================
   04) LEGAL PAGES
   ========================================================= */

.qcs-legal-main {
	position: relative;
}

.qcs-legal-page {
	padding: 104px 24px 72px;
	background: var(--qcs-bg-soft, #f5f1e8);
}

.qcs-legal-wrap {
	max-width: 760px;
	margin: 0 auto;
}


/* =========================================================
   05) LEGAL CONTENT RHYTHM
   ========================================================= */

.qcs-legal-content {
	display: block;
}

.qcs-legal-content section {
	margin-top: 36px;
}

.qcs-legal-content section:first-child {
	margin-top: 0;
}

.qcs-legal-content h2 {
	margin: 0 0 14px;
}

.qcs-legal-content h3 {
	margin: 28px 0 12px;
}

.qcs-legal-content p,
.qcs-legal-content ul,
.qcs-legal-content ol {
	margin-top: 0;
	margin-bottom: 16px;
}

.qcs-legal-content ul,
.qcs-legal-content ol {
	padding-left: 1.25rem;
}

.qcs-legal-content li + li {
	margin-top: 6px;
}


/* =========================================================
   06) LEGAL BACK LINK
   ========================================================= */

.qcs-legal-backlink {
	margin-top: 48px;
	text-align: center;
}


/* =========================================================
   07) PAGE ANCHOR OFFSETS
   ========================================================= */

.qcs-main [id],
.qcs-sales-main [id],
.qcs-legal-main [id] {
	scroll-margin-top: 96px;
}


/* =========================================================
   08) RESPONSIVE PAGE ADJUSTMENTS
   ========================================================= */

@media (max-width: 768px) {
	.qcs-legal-page {
		padding: 80px 18px 56px;
	}

	.qcs-main [id],
	.qcs-sales-main [id],
	.qcs-legal-main [id] {
		scroll-margin-top: 72px;
	}
}