/* =========================================================================
   netex · geo-ai.css · the answer-first «Με μια ματιά» / "At a glance" block of the AI cluster
   (inc/data/geo-ai.php; enqueued on the cluster's views only).
   A ruled spec strip, not a card: the machine voice labels it (JetBrains Mono, cols 1–3), the question
   is set in Commissioner and the answer in Literata, the human voice (cols 4–11), and the related pages
   follow as a typographic run of links. Role tokens only, so it reads the same on Ink, Paper, Paper-2
   and Indigo (bible R2, R6, R7). The one ornament is a 47° tick in the signal colour (R1).
   ========================================================================= */
@layer reset, tokens, base, components, layout, pages, utilities;

@layer pages {

.geo-glance { position: relative; }
.geo-glance--end { margin-top: clamp(var(--s-7), 5vw, var(--s-9)); }
.geo-glance--top { margin-bottom: clamp(var(--s-7), 5vw, var(--s-9)); }
/* Inside a hero that is itself a 12-column grid, the block spans the full row. */
.nx-grid > .geo-glance { grid-column: 1 / -1; }

.geo-glance .geo-glance__grid {
	row-gap: var(--s-3);
	padding-top: var(--s-5);
	border-top: var(--bw) solid var(--rule);
}

.geo-glance .geo-glance__label {
	display: flex;
	align-items: center;
	gap: .7em;
	margin: 0;
	font: 500 var(--t-label)/var(--lh-label) var(--f-mono);
	letter-spacing: var(--tr-label);
	text-transform: uppercase;
	color: var(--fg-2);
}
.geo-glance .geo-glance__label::before {
	content: "";
	flex: none;
	width: 1.1em;
	height: 1.5px;
	background: var(--sig);
	transform: rotate(-47deg);
}

.geo-glance h2.geo-glance__q {
	max-width: 46ch;
	margin: 0 0 var(--s-3);
	font-family: var(--f-sans);
	font-size: var(--t-h4);
	font-weight: var(--w-strong);
	line-height: 1.25;
	letter-spacing: 0;
	text-transform: none;
	color: var(--fg);
	text-wrap: balance;
}

.geo-glance .geo-glance__a {
	max-width: var(--measure-long);
	margin: 0;
	font-family: var(--f-serif);
	font-size: var(--t-lead);
	font-style: normal;
	font-weight: 400;
	line-height: var(--lh-lead);
	color: var(--fg);
	text-wrap: pretty;
}

.geo-glance .geo-glance__rel { display: grid; gap: var(--s-2); margin-top: var(--s-5); }
.geo-glance .geo-glance__rel-label {
	margin: 0;
	font: 500 var(--t-micro)/1.4 var(--f-mono);
	letter-spacing: var(--tr-label);
	text-transform: uppercase;
	color: var(--fg-2);
}
.geo-glance .geo-glance__links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-1) var(--s-5);
	margin: 0;
	padding: 0;
	list-style: none;
}
.geo-glance .geo-glance__links li { margin: 0; padding: 0; }
.geo-glance .geo-glance__links li::before { content: none; }
.geo-glance .geo-glance__links a {
	display: inline-flex;
	align-items: center;
	min-height: 24px; /* WCAG 2.5.8 target size */
	font-family: var(--f-sans);
	font-size: var(--t-small);
	line-height: 1.4;
	color: var(--link);
}

@media (min-width: 1024px) {
	.geo-glance .geo-glance__label { grid-column: 1 / span 3; align-self: start; padding-top: .3em; }
	.geo-glance .geo-glance__body { grid-column: 4 / span 8; }
}

@media print {
	.geo-glance .geo-glance__rel { display: none; }
}

} /* end @layer pages */