/* QDE 2026 — Compass page, editorial register
 * Minimal-on-page; the architecture reads as one nautilus diagram.
 * Chrome and editorial primitives live in components.css.
 */

/* ─────────────────────────────────────────────────
 * Architecture figure — the nautilus diagram. Scales fluidly and
 * stays centred at every viewport; capped so it never dwarfs the
 * surrounding editorial type on wide screens.
 * ───────────────────────────────────────────────── */

.qde-2026 .ed-figure {
	margin: 0;
	display: flex;
	justify-content: center;
}

.qde-2026 .ed-figure__img {
	display: block;
	width: 100%;
	height: auto;
}

.qde-2026 .ed-figure--nautilus .ed-figure__img {
	max-width: 640px;
}

@media (max-width: 640px) {
	.qde-2026 .ed-figure--nautilus .ed-figure__img {
		max-width: 420px;
	}
}

/* Lede that sits below the section title (sub-headline). */
.qde-2026 .ed-section__lede {
	font-size: var(--qde-text-md);
	line-height: 1.5;
	color: var(--ink-soft);
	margin: calc(-1 * var(--qde-space-4)) 0 var(--qde-space-6);
	max-width: 60ch;
}

/* ─────────────────────────────────────────────────
 * Position-claim numeric (used inside .ed-position li)
 * ───────────────────────────────────────────────── */

.qde-2026 .ed-position__num {
	font-weight: var(--qde-weight-bold);
	color: var(--qde-red);
	margin-right: 0.2em;
}

/* ─────────────────────────────────────────────────
 * Solutions list — 13 items, two-column hang
 * ───────────────────────────────────────────────── */

.qde-2026 .ed-solutions {
	list-style: none;
	margin: 0;
	padding: 0;
	columns: 2;
	column-gap: var(--qde-space-12);
	column-rule: 1px solid var(--rule);
}

.qde-2026 .ed-solutions li {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--qde-space-3);
	padding: var(--qde-space-3) 0;
	border-top: 1px solid var(--rule);
	break-inside: avoid;
	align-items: baseline;
}

.qde-2026 .ed-solutions li:first-child { border-top: 1px solid var(--rule); }

.qde-2026 .ed-solutions__num {
	font-size: var(--qde-text-xs);
	color: var(--qde-red);
	letter-spacing: var(--qde-tracking-wider);
	font-weight: var(--qde-weight-bold);
}

.qde-2026 .ed-solutions__name {
	font-family: var(--qde-font-headline);
	font-size: var(--qde-text-md);
	font-weight: var(--qde-weight-bold);
	color: var(--qde-ink);
	letter-spacing: -0.005em;
	display: block;
}

.qde-2026 .ed-solutions__line {
	display: block;
	grid-column: 1;
	font-size: var(--qde-text-sm);
	color: var(--ink-soft);
	line-height: 1.5;
	margin-top: 4px;
}

@media (max-width: 720px) {
	.qde-2026 .ed-solutions { columns: 1; }
}

/* ─────────────────────────────────────────────────
 * Presence — world map + country line. Moved here from the home page.
 * ───────────────────────────────────────────────── */

.qde-2026 .ed-presence {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: var(--qde-space-12);
	align-items: center;
}

.qde-2026 .ed-presence__map-wrap {
	border: 1px solid var(--rule);
	background: var(--paper);
}

.qde-2026 .ed-presence__map {
	display: block;
	width: 100%;
	height: auto;
}

.qde-2026 .ed-presence__line {
	font-family: var(--qde-font-headline);
	font-weight: var(--qde-weight-light);
	font-size: var(--qde-text-md);
	line-height: 1.3;
	letter-spacing: -0.005em;
	color: var(--qde-ink);
	margin: 0;
	max-width: 22ch;
}

@media (max-width: 880px) {
	.qde-2026 .ed-presence { grid-template-columns: 1fr; }
}