/* LopoRail Service Status — Lane A scoped additions.
   The Signal Black design system (rail.css) supplies every token, component
   and colour. This sheet only nudges the status page's own layout, so it is
   deliberately tiny and contains no raw hex — all colour resolves via tokens. */

.loporail-status {
	color: var(--fg);
}

/* Component blocks inside the pattern's section frame. */
.loporail-status > * + * {
	margin-top: 40px;
}

.loporail-status__block + .loporail-status__block {
	padding-top: 32px;
	border-top: 1px solid var(--border);
}

.loporail-status__block > .eyebrow {
	margin: 0 0 16px;
}

/* Overall reading — a single, centred status panel. */
.loporail-status .state {
	max-width: 760px;
	margin-inline: auto;
}

.loporail-status .state .meta {
	margin: 4px 0 0;
}

.loporail-status [data-lps-refresh-note] {
	margin-left: 8px;
}

/* Service tiles — keep the status chip snug rather than stretched. */
.loporail-status .el-tile .status {
	align-self: flex-start;
}

.loporail-status .el-tile__summary[hidden] {
	display: none;
}

/* Incident cards — tidy the prose edges. */
.loporail-status [data-lps-incident] .el-card__summary p:first-child {
	margin-top: 0;
}

.loporail-status [data-lps-incident] .el-card__summary p:last-child {
	margin-bottom: 0;
}

/* Method panel link. */
.loporail-status .perf-about a {
	color: var(--accent);
	font-weight: 600;
}