:root {
	color-scheme: light;
}
body {
	color: #20252b;
	background: #fff;
	font-family:
		system-ui,
		-apple-system,
		Segoe UI,
		sans-serif;
}
main {
	min-height: 65vh;
}
article {
	position: relative;
}
article p,
article li {
	max-width: 75ch;
}
img {
	max-width: 100%;
	height: auto;
}
.admintool {
	list-style: none;
	padding: 0;
}
.login-panel {
	max-width: 30rem;
}
.cms-media-dialog {
	width: min(900px, 95vw);
	max-height: 90vh;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	padding: 1.5rem;
}
.cms-media-dialog::backdrop {
	background: rgba(0, 0, 0, 0.5);
}
.cms-media-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	gap: 0.7rem;
	max-height: 50vh;
	overflow: auto;
	margin-bottom: 1rem;
}
.cms-media-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.5rem;
	align-items: center;
	padding: 0.5rem;
	border: 1px solid #ccc;
	border-radius: 0.3rem;
	background: white;
	overflow-wrap: anywhere;
}
.cms-media-item:hover,
.cms-media-item:focus {
	background: #eef4ff;
	border-color: #0d6efd;
}
.cms-media-item img {
	height: 85px;
	object-fit: contain;
}