/* Match the About Us / FAQ canvas and the LightSign navigation gutters. */
body.lightsign-legal-page {
	background: #f2fbfb;
	color: #143e46;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.lightsign-legal-page #main-container,
.lightsign-legal-page #main-container > main {
	background: linear-gradient(132deg, #f7fcfc 0%, #dcf7f7 47%, #dcf8eb 100%);
}

.lightsign-legal-page #main-container {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	min-height: auto !important;
}

.lightsign-legal-page .site-main { flex-grow: 0; }
.lightsign-legal-page .ct-footer { margin-top: auto; }
.lightsign-legal-page .hero-section { display: none; }

.lightsign-legal-page .ct-container-full[data-content="normal"] {
	max-width: none;
	padding: 0;
	width: 100%;
}

.lightsign-legal-page .entry-content {
	box-sizing: border-box;
	max-width: none !important;
	width: 100% !important;
	padding: 22px 0 20px;
}

.lightsign-legal-page .entry-content > .lightsign-legal-layout,
.lightsign-legal-page .entry-content > .lightsign-legal {
	margin: 0 auto !important;
	max-width: 1380px !important;
	width: calc(100% - 80px) !important;
}

.lightsign-legal-heading {
	margin: 0 0 18px;
}

.lightsign-legal-heading h1,
.lightsign-legal > h1:first-child {
	color: #143e46;
	font-size: 34px;
	font-weight: 760;
	letter-spacing: 0;
	line-height: 1.2;
	margin: 0;
}

.lightsign-legal > h1:first-child {
	margin-bottom: 18px;
}

.lightsign-legal {
	box-sizing: border-box;
	padding: 32px;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(240, 253, 251, 0.72));
	border: 1px solid rgba(255, 255, 255, 0.95);
	border-radius: 8px;
	box-shadow: 0 22px 55px rgba(20, 103, 108, 0.13);
	color: #365a62;
	font-size: 16px;
	line-height: 1.8;
	overflow: hidden;
	overflow-wrap: anywhere;
	position: relative;
}

.lightsign-legal::before {
	background: linear-gradient(90deg, #07989b, #28b983);
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.lightsign-legal h2 {
	font-size: 22px;
	line-height: 1.4;
	margin: 30px 0 12px;
	color: #143e46;
}

.lightsign-legal > h2:first-child { margin-top: 0; }
.lightsign-legal h3 { color: #143e46; font-size: 18px; margin: 24px 0 10px; }
.lightsign-legal p, .lightsign-legal ul, .lightsign-legal ol { margin: 0 0 18px; }
.lightsign-legal > :last-child { margin-bottom: 0; }
.lightsign-legal li { margin: 6px 0; }
.lightsign-legal a { color: #086d59; text-decoration: underline; text-underline-offset: 3px; }
.lightsign-legal img, .lightsign-legal video { max-width: 100%; height: auto; }
.lightsign-legal table { width: 100%; font-size: 14px; border-collapse: collapse; }
.lightsign-legal th, .lightsign-legal td { padding: 10px; vertical-align: top; border: 1px solid #d6e7e3; text-align: left; }
.lightsign-legal :focus-visible { outline: 3px solid #07989b; outline-offset: 3px; }

/* Navigation switches to 14px inner gutters at the same breakpoint. */
@media (max-width: 860px) {
	.lightsign-legal-page .entry-content > .lightsign-legal-layout,
	.lightsign-legal-page .entry-content > .lightsign-legal { width: calc(100% - 28px) !important; }
}

@media (max-width: 900px) {
	.lightsign-legal { padding: 28px; }
}

@media (max-width: 700px) {
	.lightsign-legal-page .entry-content { padding: 18px 0 20px; }
	.lightsign-legal-heading h1,
	.lightsign-legal > h1:first-child { font-size: 30px; }
	.lightsign-legal { padding: 24px 18px 20px; line-height: 1.75; }
	.lightsign-legal h2 { font-size: 20px; }
	.lightsign-legal table { display: block; overflow-x: auto; }
}