.sukod-join {
	display: inline-flex;
	align-items: center;
	min-height: var(--join-height, 32px);
	padding: 4px var(--join-pad);
	background: var(--join-bg);
	color: var(--join-fg);
	font-size: var(--join-size);
	font-weight: 700;
	border-radius: 999px;
	white-space: nowrap;
}
.sukod-join:hover, .sukod-join:focus-visible {
	background: var(--join-hover);
	color: var(--join-fg);
	text-decoration: underline;
}
.sukod-v23-layout {
	display: grid;
	grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
	align-items: start;
	gap: 24px;
}
.sukod-v23-layout > aside { padding-block: 24px; }
.sukod-v23-layout > div { min-width: 0; }
.sukod-documents {
	max-width: 1000px;
	padding-block: clamp(32px, 6vw, 80px);
}
.sukod-documents__intro { padding-bottom: 24px; }
.sukod-documents article {
	display: grid;
	grid-template-columns: 3ch minmax(0, 1fr) auto;
	align-items: baseline;
	gap: 16px 24px;
	padding-block: 24px;
	border-top: 1px solid #d9e7f6;
}
.sukod-documents h2 { margin: 0 0 8px; }
.sukod-documents p { margin: 0; }
.sukod-documents__number { color: #3970aa; font-weight: 700; }
.sukod-documents__link { color: #0b5eb0; text-decoration: underline; }
@media (max-width: 600px) {
	.sukod-documents article { grid-template-columns: 3ch minmax(0, 1fr); }
	.sukod-documents__link { grid-column: 2; }
	.sukod-join { white-space: normal; text-align: center; line-height: 1.15; }
}
@media (max-width: 800px) {
	.sukod-v23-layout { grid-template-columns: 1fr; }
	.sukod-v23-layout > aside { grid-row: 2; }
}