#wrapper {
	border: var(--border);
	padding: var(--spacing);
	background: var(--bg-colour-accent-1);
}

#wrapper > summary {
	display: grid;
	grid-gap: var(--spacing);
	align-items: center;
	justify-items: center;
	grid-template-columns: auto auto 1fr auto;
    cursor: pointer;
}
#wrapper[open] > summary {
	margin-bottom: var(--spacing);
}
#wrapper > summary::before {
	content: '';
	display: list-item;
}

#wrapper > summary h1 {
	margin: 0;
	font-size: 1em;
	justify-self: start;
}

#wrapper[data-completion-status="unknown"] #completion-status {
    display: none;
}

#wrapper[data-completion-status="incomplete"] #completion-status :not(.incomplete) {
    display: none;
}

#wrapper[data-completion-status="complete"] #completion-status :not(.complete) {
    display: none;
}

#wrapper:not(.loaded) #score-feedback, #score-feedback:not(.show) {
	visibility: hidden;
}

#wrapper > iframe.embed {
	flex-grow: 1;
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 500px;
}