/**
 * Astraean Signal v2 tokens.
 * The live field stays the fog ground. These tokens set type, rhythm,
 * breadcrumb contrast, and glyph opacity without replacing --dl-bg.
 */

:root {
	--as-font-serif: "Cormorant Garamond", "EB Garamond", Georgia, serif;
	--as-font-sans: Inter, "IBM Plex Sans", sans-serif;
	--as-h1: clamp(4.2rem, 4vw, 4.8rem);
	--as-h2: clamp(3.2rem, 3vw, 3.6rem);
	--as-h3: clamp(2.4rem, 2.4vw, 2.8rem);
	--as-body: clamp(1.8rem, 1.4vw, 2rem);
	--as-breadcrumb: clamp(1.4rem, 1.1vw, 1.6rem);
	--as-caption: 1.4rem;
	--as-leading-body: 1.55;
	--as-leading-heading: 1.25;
	--as-leading-issue: 1.45;
	--as-space-xs: 0.6rem;
	--as-space-s: 1.2rem;
	--as-space-m: 1.8rem;
	--as-space-l: 2.4rem;
	--as-space-xl: 3.6rem;
	--as-space-xxl: 4.8rem;
	--as-ink: #0d0d0d;
	--as-signal-white: #f7f7f7;
	--as-ash: #a9a9a9;
	--as-umber: #3b2f2f;
	--as-signal-gold: #c2a878;
	--as-copper: #a67c52;
	--as-glyph-opacity: 0.5;
	--as-breadcrumb-opacity: 0.55;
	--space-xs: 6px;
	--space-s: 12px;
	--space-m: 18px;
	--space-l: 24px;
	--space-xl: 36px;
	--space-xxl: 48px;
	--ink-black: #0d0d0d;
	--signal-white: #f7f7f7;
	--ash-grey: #a9a9a9;
	--deep-umber: #3b2f2f;
	--signal-gold: #c2a878;
}

.dl-breadcrumbs-list {
	font-family: var(--as-font-sans);
	font-size: var(--as-breadcrumb);
	line-height: var(--as-leading-body);
	letter-spacing: 0.04em;
	text-transform: none;
	color: var(--as-ash);
	opacity: var(--as-breadcrumb-opacity);
}

.dl-breadcrumbs-item a {
	font-family: var(--as-font-sans);
	opacity: 1;
}

.dl-breadcrumbs-item a:hover {
	text-decoration: underline;
	text-decoration-color: var(--as-signal-gold);
	letter-spacing: 0.04em;
}

.glyph-divider {
	opacity: var(--as-glyph-opacity);
}

.site-navigation .glyph,
.gh-head-menu .glyph,
.astraean-nav .glyph {
	display: none;
}

.dl-issue .gh-content,
.dl-issue .dl-issue-header {
	line-height: var(--as-leading-issue);
}

.dl-issue .dl-issue-header + .gh-content > * + * {
	margin-top: var(--as-space-xl);
}

.dl-archive-ledger .dl-archive-block + .dl-archive-block {
	margin-top: var(--as-space-l);
}

.dl-observatory-doc > section + section {
	margin-top: var(--as-space-xl);
}

.dl-frame-copy > section + section,
.dl-codex-chamber-body > section + section {
	margin-top: var(--as-space-m);
}

.page-header .glyph-divider + h1,
.dl-issue-header .glyph-divider + h1 {
	margin-top: var(--as-space-s);
}

.source-signals {
	margin-top: var(--as-space-xxl);
	padding: 0;
	border: 0;
	background: transparent;
}

.homepage-hero {
	padding-top: calc(140px + (var(--as-space-xxl) - var(--as-space-xl)));
}

.mn-cta-link {
	opacity: 0.75;
}

.dl-start-here-doc h2,
.dl-start-here-doc h3 {
	font-weight: 300;
}

.dl-start-here-doc h3 {
	margin-top: var(--as-space-xl);
}

.dl-ledger-phase-glyph {
	margin: var(--as-space-l) 0 var(--as-space-s);
	font-size: 1.6rem;
	line-height: 1;
	opacity: 0.45;
}

.dl-ledger-hybrid .dl-ledger-spine li {
	margin-bottom: var(--as-space-m);
}

.dl-issue-title {
	font-weight: 400;
}

.dl-archive-ledger .feed-title {
	font-size: 1.6rem;
}

.dl-observatory-doc .glyph-divider,
.dl-observatory-header .glyph-divider,
.observatory-divider {
	opacity: 0.55;
}

.dl-about-doc > section {
	margin-top: var(--as-space-xl);
}

.dl-footer-channel a,
.site-footer a,
.gh-foot a {
	opacity: 0.65;
}

.dl-footer-channel a:hover,
.site-footer a:hover,
.gh-foot a:hover {
	opacity: 1;
}

.source-signals p {
	margin-bottom: 12px;
}

.source-signals strong {
	font-weight: 500;
}

.source-signals em {
	font-style: italic;
	font-weight: 400;
}

.home-hero {
	margin-top: 72px;
}

.home-cta {
	opacity: 0.75;
}

.start-here-phase {
	margin-bottom: 36px;
}

.start-here-phase h2,
.start-here-phase h3 {
	font-weight: 300;
}

.ledger-issue {
	margin-bottom: 24px;
}

.issue-page h1,
.issue-page h2,
.issue-page h3,
h1,
h2,
h3,
h4 {
	font-weight: 400;
}

.source-signals {
	margin-top: 48px;
}

.archive-entry h2,
.archive-entry .feed-title {
	font-size: 26px;
}

.archive-entry .glyph {
	opacity: 0.45;
}

.observatory-glyph,
.dl-observatory-doc .glyph-divider,
.dl-observatory-header .glyph-divider,
.observatory-divider {
	opacity: 0.55;
}

.related-issue {
	margin-top: 24px;
	opacity: 0.65;
	font-size: 15px;
}

.signal-line {
	font-style: italic;
	opacity: 0.75;
	margin-bottom: 24px;
}

.about-section {
	margin-bottom: 36px;
}

.footer a {
	opacity: 0.65;
}

.footer a:hover {
	opacity: 1;
}

.glyph {
	opacity: 0.45;
}

.dl-observatory-doc .glyph,
.dl-observatory-header .glyph,
.observatory-divider {
	opacity: 0.55;
}

.archive-relationship {
	opacity: 0.55;
	font-size: 14px;
	margin-bottom: 12px;
}

.reader-outcome {
	opacity: 0.75;
	margin-bottom: 12px;
}

a {
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

.site-content a {
	transition: opacity 0.2s ease;
}

.site-content a:hover {
	opacity: 0.85;
}

.site-navigation a,
.header-nav a {
	transition: opacity 0.15s ease;
}

.site-navigation .current-menu-item > a,
.header-nav .current-menu-item > a {
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	opacity: 1;
}

h1,
.page-title,
.dl-issue-title,
.single-title {
	margin-bottom: calc(2.24rem - 6px);
}

.site-content h2 {
	font-size: 2.56rem;
	font-weight: 400;
}

.site-content h3,
.start-here-phase h2,
.start-here-phase h3 {
	font-weight: 400;
}

.gh-content p,
.single-content p,
.dl-region-doc > p {
	margin-bottom: calc(2.24rem + 3px);
	line-height: 1.6;
}

.glyph,
.glyph-divider,
.dl-ledger-phase-glyph,
.dl-archive-glyph,
.archive-entry .glyph,
.observatory-glyph,
.observatory-divider,
.dl-observatory-doc .glyph,
.dl-observatory-doc .glyph-divider,
.dl-observatory-header .glyph,
.dl-observatory-header .glyph-divider {
	opacity: 0.42;
}

.glyph,
.dl-feed-glyph,
.dl-ledger-phase-glyph {
	margin-top: 6px;
}

.glyph-divider {
	margin-top: calc(3.2rem + 6px);
}

.glyph,
.glyph-divider,
.dl-ledger-phase-glyph,
.dl-feed-glyph {
	transition: transform 0.2s ease, opacity 0.2s ease;
}

a:hover .glyph,
a:hover .glyph-divider,
a:hover .dl-feed-glyph,
a:hover .dl-ledger-phase-glyph {
	transform: translateY(-1px);
}

.source-signals {
	margin-top: 60px;
}

.source-signals-mark {
	opacity: 0.42;
	margin-right: 6px;
}

.speculation-note {
	opacity: 0.55;
	font-size: 14px;
	font-style: italic;
}

.dl-breadcrumbs {
	border-bottom: 1px solid rgba(247, 247, 247, 0.08);
	margin-bottom: 18px;
	padding-bottom: 12px;
}

.next-distinction,
.archive-return {
	margin-top: 24px;
	opacity: 0.65;
	font-size: 15px;
}

.site-content img {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}

	.site-content {
		animation: dl-fade-in 0.3s ease 0.1s both;
	}

	@view-transition {
		navigation: auto;
	}

	::view-transition-old(root),
	::view-transition-new(root) {
		animation-duration: 150ms;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

@keyframes dl-fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}