/**
 * Astraean Signal — typography, spacing, and component names.
 *
 * Tokens live on :root in main.css. This sheet applies them to the live
 * chambers. It does not change the typeface, the gold, or the page shell.
 * Spec rem is for a 16px root; values here already use the 10px root.
 */

/* Reading measure. Issue essays, not the masthead or full-bleed chambers. */
.dl-issue-body p,
.issue-content p,
.dl-codex-chamber-body p,
.dl-subsystem-chamber p,
.dl-region-doc > p,
.mn-corridor-layer p,
.home-corridor p {
	max-width: var(--max-width-body);
	margin-bottom: var(--space-sm);
	line-height: var(--line-height-body);
}

.mn-hero-doorway,
.home-subtitle {
	max-width: 60ch;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
}

/* Orbit names, ready when those chambers use them. */
.signal,
.note,
.drill,
.application {
	margin-top: var(--space-lg);
	margin-bottom: var(--space-lg);
}

.signal p,
.note p,
.drill p,
.application p {
	margin-bottom: var(--space-sm);
	line-height: var(--line-height-body);
	max-width: var(--max-width-body);
}

/* Links stay Signal Gold from main.css. Hover stays a quiet fade, plus an underline on text links inside the ending and these controls. */
.btn,
.btn-secondary {
	display: inline-block;
	padding: 0.2rem 0;
	border: 0;
	border-bottom: 1px solid var(--border-color);
	border-radius: var(--radius-sm);
	background: transparent;
	box-shadow: var(--shadow-soft);
	color: var(--link-color);
	font-family: var(--font-body);
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.04em;
	text-decoration: none;
}

.btn:hover,
.btn-secondary:hover {
	border-bottom-color: var(--link-color);
	background: transparent;
	opacity: 0.85;
}

.divider {
	width: 100%;
	height: 0;
	margin: var(--space-lg) 0 var(--space-md);
	border: 0;
	border-top: 1px solid var(--border-color);
	background: transparent;
}

.card,
.block {
	margin-bottom: var(--space-lg);
	padding: var(--space-md);
	border: 1px solid var(--dl-card-border);
	border-radius: var(--radius-md);
	background: transparent;
	box-shadow: var(--shadow-soft);
}

.card:hover,
.block:hover {
	background: transparent;
	box-shadow: var(--shadow-medium);
}

.block p {
	margin-bottom: var(--space-sm);
}

.container {
	max-width: var(--content-width, 720px);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--gap, var(--space-sm));
	padding-right: var(--gap, var(--space-sm));
}

.mt-xs { margin-top: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-md { margin-top: var(--space-md); }
.mt-lg { margin-top: var(--space-lg); }
.mt-xl { margin-top: var(--space-xl); }
.mb-xs { margin-bottom: var(--space-xs); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-md { margin-bottom: var(--space-md); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-xl { margin-bottom: var(--space-xl); }