/* Terminal: relay (docs/DESIGN_SYSTEM.md). Page compositions specific to the
   home page — the relay patching you through, which terminals are up, where
   you left off — go here. No colors: every value reads a --g-* token from
   system.css. */

.home-console {
	padding-bottom: var(--g-8);
}

.home-shell {
	padding-top: var(--g-6);
	padding-bottom: var(--g-6);
}

/* The plate's interior lays out as one column, tube above copy, until the
   shell is wide enough for the tube to sit beside the premise instead of
   above it (field.css's .g-record-content-body uses the same 900px cut for
   the same reason: a survey unit's own two-column record layout). */
.home-plate-body {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--g-5);
}

@media (min-width: 900px) {
	.home-plate-body {
		grid-template-columns: minmax(280px, 30rem) 1fr;
		align-items: start;
	}
}

.home-plate-copy {
	display: flex;
	flex-direction: column;
	gap: var(--g-5);
}

.home-tube-frame {
	width: 100%;
}

.home-tube {
	display: flex;
	flex-direction: column;
	gap: var(--g-3);
}

.home-terminal-list {
	display: flex;
	flex-direction: column;
	gap: var(--g-4);
	margin-top: var(--g-2);
	padding-top: var(--g-3);
	border-top: 1px dashed var(--g-trim);
}

.home-terminal-row {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: var(--g-3);
}

.home-terminal-copy {
	min-width: 0;
}

.home-terminal-key {
	font-size: var(--g-size-micro);
	padding: var(--g-2) var(--g-3);
	white-space: nowrap;
}

.home-premise {
	margin: 0;
	color: var(--g-face-ink-mid);
}

.home-social-row {
	display: flex;
	gap: var(--g-4);
}

.home-social-link {
	color: var(--g-face-ink-mid);
}

.home-social-link:hover {
	color: var(--g-face-ink);
}

@media (max-width: 640px) {
	.home-terminal-row {
		grid-template-columns: auto 1fr;
	}

	.home-terminal-key {
		grid-column: 1 / -1;
		justify-self: start;
	}
}