.srt-container {
	width: min(100% - 48px, var(--srt-container));
	margin-inline: auto;
}

.srt-main {
	min-height: 60vh;
}

.srt-page {
	padding: 110px 0;
}

.srt-page__content {
	max-width: 980px;
}

.srt-entry,
.srt-empty {
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--srt-radius-md);
	background: rgba(16, 21, 32, 0.88);
	padding: 42px;
	box-shadow: var(--srt-shadow-soft);
}

.srt-entry__content {
	color: var(--srt-text-soft);
}

/* O estado inicial oculto so vale quando o JS confirmou que vai animar;
 * sem isso, uma falha de JS deixaria a pagina inteira invisivel. */
.srt-has-reveal [data-srt-reveal] {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity 520ms ease, transform 520ms ease;
}

.srt-has-reveal [data-srt-reveal].is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 768px) {
	.srt-container {
		width: min(100% - 36px, var(--srt-container));
	}

	.srt-page {
		padding: 86px 0;
	}

	.srt-entry,
	.srt-empty {
		padding: 28px;
	}
}

@media (max-width: 430px) {
	.srt-container {
		width: min(100% - 32px, var(--srt-container));
	}
}