.fivec-correction-guide,
.fivec-correction-log {
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(3rem, 6vw, 5.5rem) clamp(1.25rem, 4vw, 3rem);
}

.fivec-correction-guide {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: clamp(2rem, 5vw, 5rem);
	align-items: start;
}

.fivec-correction-guide h2,
.fivec-correction-log h2 {
	font-size: clamp(2rem, 4vw, 3.4rem);
	line-height: 1.04;
}

.fivec-correction-guide ol {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 1rem;
}

.fivec-correction-guide li {
	display: grid;
	grid-template-columns: 3rem 1fr;
	gap: 1rem;
	padding: 1.2rem;
	border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
	border-radius: .65rem;
}

.fivec-correction-guide li > span,
.fivec-correction-entry-meta span {
	color: #b38e4f;
	font-weight: 750;
	letter-spacing: .08em;
}

.fivec-correction-guide li p {
	margin: .35rem 0 0;
}

.fivec-correction-log {
	border-block: 1px solid color-mix(in srgb, currentColor 16%, transparent);
}

.fivec-correction-log > header {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(16rem, .85fr);
	gap: 2rem;
	align-items: end;
}

.fivec-correction-entries {
	display: grid;
	gap: 1.5rem;
	margin-top: 2.25rem;
}

.fivec-correction-entries article {
	padding: clamp(1.25rem, 3vw, 2rem);
	border-left: 4px solid #b38e4f;
	background: color-mix(in srgb, #b38e4f 8%, transparent);
}

.fivec-correction-entry-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: .75rem 1.5rem;
}

.fivec-correction-entries h3 {
	font-size: clamp(1.4rem, 3vw, 2rem);
	margin: .65rem 0 1rem;
}

.fivec-correction-entries dl {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.fivec-correction-entries dl > div {
	padding: 1rem;
	background: color-mix(in srgb, canvas 88%, transparent);
}

.fivec-correction-entries dt {
	font-weight: 750;
	margin-bottom: .45rem;
}

.fivec-correction-entries dd {
	margin: 0;
}

.fivec-correction-privacy {
	margin-top: 2rem;
	padding: 1rem 1.2rem;
	border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
}

.fivec-correction-brief textarea {
	resize: vertical;
}

@media (max-width: 760px) {
	.fivec-correction-guide,
	.fivec-correction-log > header,
	.fivec-correction-entries dl {
		grid-template-columns: 1fr;
	}
}