/**
 * Docs shell — endpoint page (header, request line, params, responses).
 */

.sd-endpoint__header {
	margin-bottom: 28px;
}

.sd-endpoint__title {
	font-size: 36px;
	font-weight: 800;
	line-height: 1.2;
	margin: 0 0 16px;
	letter-spacing: -0.01em;
	color: var(--sd-text);
}

@media (max-width: 768px) {
	.sd-endpoint__title { font-size: 24px; }
}

.sd-endpoint__req {
	display: flex;
	overflow-x: auto;
	align-items: center;
	padding: 16px;
	border-radius: var(--sd-radius-sm);
	background: var(--sd-code-bg);
	gap: 12px;
}

.sd-endpoint__path {
	font-family: var(--sd-mono);
	font-size: 15px;
	white-space: nowrap;
	color: var(--sd-text);
}

.sd-endpoint__cols {
	display: flex;
	align-items: stretch;
	flex-direction: column;
	margin-top: 32px;
	gap: 36px;
}

.sd-endpoint__body {
	display: flex;
	align-items: stretch;
	flex-direction: column;
	gap: 24px;
}

.sd-section-title {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 16px;
	color: var(--sd-text);
}

.sd-endpoint__aside {
	position: sticky;
	top: 24px;
}

/* Parameters */
.sd-params {
	overflow: hidden;
	border: 1px solid var(--sd-border);
	border-radius: var(--sd-radius-sm);
}

.sd-param {
	padding: 14px 16px;
	border-bottom: 1px solid var(--sd-border);
}

.sd-param:last-child {
	border-bottom: 0;
}

.sd-param__head {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 10px;
}

.sd-param__name {
	font-family: var(--sd-mono);
	font-size: 13.5px;
	font-weight: 600;
	color: var(--sd-text);
}

.sd-param__type {
	font-family: var(--sd-mono);
	font-size: 12px;
	color: var(--sd-cyan);
}

.sd-param__req {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--sd-delete);
}

.sd-param__in {
	font-size: 11px;
	margin-left: auto;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--sd-text-muted);
}

.sd-param__desc {
	font-size: 13.5px;
	margin: 8px 0 0;
	color: var(--sd-text-muted);
}

.sd-param__enum {
	display: flex;
	flex-wrap: wrap;
	margin-top: 8px;
	gap: 6px;
}

.sd-param__enum code {
	font-family: var(--sd-mono);
	font-size: 12px;
	padding: 2px 7px;
	color: var(--sd-text-soft);
	border-radius: 5px;
	background: var(--sd-surface-2);
}

/* Responses */
.sd-responses {
	display: flex;
	flex-direction: column;
	margin-bottom: 24px;
	gap: 10px;
}

.sd-response {
	display: flex;
	align-items: center;
	padding: 16px;
	border-radius: var(--sd-radius-sm);
	background: var(--sd-surface);
	gap: 12px;
}

.sd-response__status {
	font-family: var(--sd-mono);
	font-size: 14px;
	font-weight: 700;
	padding: 2px 8px;
	border-radius: 5px;
}

.sd-response__status--2 { color: var(--sd-post); background: rgba(89, 214, 178, 0.16); }
.sd-response__status--4 { color: var(--sd-accent-2); background: rgba(255, 137, 29, 0.16); }
.sd-response__status--5 { color: var(--sd-delete); background: rgba(247, 130, 130, 0.16); }
.sd-response__status--x { color: var(--sd-text-soft); background: var(--sd-surface-2); }

.sd-response__desc {
	font-size: 16px;
	color: var(--sd-text-muted);
}