.about {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(24px, 5vw, 36px);
	margin: clamp(24px, 5vw, 40px) auto 0;
	width: min(640px, 100% - 32px);
}

.panel {
	width: 100%;
	padding: clamp(12px, 3vw, 20px);
	outline: var(--outline);
	border-radius: 12px;
	background: var(--paper);
	box-shadow: 8px 8px 16px var(--ink);
	color: var(--ink);
	font-family: fixedsys;
	font-size: clamp(16px, 4.2vw, 22px);
	line-height: 1.3;
	overflow-wrap: break-word;
}

.panel h2 {
	margin: 0 0 12px;
	font-size: var(--title-size);
	font-weight: normal;
	line-height: 1.15;
	color: var(--paper);
	text-shadow: var(--text-outline);
}

.panel p {
	margin: 0 0 1em;
}

.panel p:last-child {
	margin-bottom: 0;
}

.panel a {
	color: #0a3fd6;
}

.panel a:hover,
.panel a:focus-visible {
	color: var(--ink);
}

.list {
	margin: 0;
	padding-left: 1.2em;
}

.list li + li {
	margin-top: 0.4em;
}

.list + p {
	margin-top: 1em;
}