/* static-page.css — page-specific styles for the four footer pages
 * (/[lang]/terms, /privacy, /oferta, /contacts). Linked only by
 * components/static/StaticPage.tsx, NOT globally (Error #3).
 * Headings use the legacy brand colour `.color-green` = #0c6776
 * (ref/assets/application-…css :11088). */

.static-page {
	box-sizing: border-box;
	max-width: 880px;
	margin: 0 auto;
	padding: 120px 24px 80px;
	color: rgb(73, 73, 72);
	font-size: 16px;
	line-height: 1.7;
}

@media (max-width: 47.9375em) {
	.static-page {
		padding: 88px 16px 48px;
	}
}

.static-page__article {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.static-page__title {
	color: #0c6776;
	font-weight: 700;
	text-align: center;
	font-size: 32px;
	line-height: 1.2;
	margin: 0 0 0.6em;
}

@media (min-width: 48em) {
	.static-page__title {
		font-size: 40px;
	}
}

.static-page__divider {
	border: none;
	border-top: 1px solid rgb(209, 209, 209);
	margin: 0 0 32px;
}

.static-page__section {
	margin-bottom: 32px;
}

.static-page__heading {
	color: #0c6776;
	font-weight: 500;
	font-size: 22px;
	line-height: 1.3;
	margin: 0 0 0.6em;
}

@media (min-width: 48em) {
	.static-page__heading {
		font-size: 24px;
	}
}

.static-page__body {
	font-size: 16px;
	line-height: 1.7;
}

.static-page__body p {
	margin: 0 0 16px;
}

.static-page__body p:last-child {
	margin-bottom: 0;
}

.static-page__body ul {
	margin: 0 0 16px;
	padding-left: 24px;
}

.static-page__body li {
	margin-bottom: 6px;
}

.static-page__body strong,
.static-page__body b {
	font-weight: 600;
	color: rgb(29, 29, 29);
}

.static-page__body a {
	color: #229fe6;
	text-decoration: none;
}

.static-page__body a:hover {
	color: #8e71c0;
	text-decoration: underline;
}

/* Contacts FAQ items */
.static-page__body .faq-item {
	margin-bottom: 20px;
}

.static-page__body .faq-item strong {
	display: inline-block;
	margin-bottom: 4px;
}