.ogf-sgf-viewer {
	width: min(100%, var(--ogf-sgf-width, 720px));
	max-width: 100%;
	margin: 1.5rem auto;
	box-sizing: border-box;
}

.ogf-sgf-viewer.wgo-player-main {
	max-width: 100%;
}

.ogf-sgf-viewer canvas {
	max-width: 100%;
}

.ogf-sgf-fallback {
	padding: 1rem;
}

.ogf-sgf-editor {
	padding: 1.25rem;
	border: 1px solid #d8d2c4;
	border-radius: 6px;
	background: #faf8f3;
}

.ogf-sgf-editor > * + * {
	margin-top: 0.75rem;
}

.ogf-sgf-editor__note {
	font-size: 0.875rem;
	color: #555;
}