/* Space Game Room blog (2026 rebuild): tokens, shell. */

.sgr-blog-main {
	margin: 0;
	width: 100%;
	overflow-x: clip;
}

.sgr-blog {
	--sgr-bg-bg: var(--sgr-brand-surface, #fff);
	--sgr-bg-soft: var(--sgr-brand-bg, #f9f8f5);
	--sgr-bg-navy: var(--sgr-brand-ink, #020305);
	--sgr-bg-ink: var(--sgr-brand-ink, #020305);
	--sgr-bg-soft-ink: var(--sgr-brand-muted, #656565);
	--sgr-bg-line: var(--sgr-brand-line, #e5e5e5);
	--sgr-bg-blue: var(--sgr-brand-accent, #e62578);
	--sgr-bg-blue-dark: var(--sgr-brand-accent-dark, #c91b65);
	--sgr-bg-radius: var(--sgr-brand-radius, 3px);
	color: var(--sgr-bg-ink);
	font-family: "Noto Sans KR", "Noto Sans", Arial, sans-serif;
	background: var(--sgr-bg-bg);
	word-break: keep-all;
	overflow-wrap: break-word;
	padding-bottom: clamp(56px, 7vw, 96px);
}

.sgr-blog-shell {
	width: min(1120px, calc(100% - 40px));
	margin-inline: auto;
}

.sgr-blog a:focus-visible {
	outline: 3px solid var(--sgr-bg-blue);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.sgr-blog *,
	.sgr-blog *::before,
	.sgr-blog *::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
	}
}