/* =========================================================================
   netex · engines/ask-numbers.css · «Ρώτα τα νούμερα» (AI service · Data hero)
   Enqueued in <head> by templates/service.php (no flash); injected by the engine otherwise.
   ========================================================================= */
@layer reset, tokens, base, components, layout, pages, utilities;

@layer pages {

.svc-ask__grid { display: grid; gap: var(--s-5); }
.svc-ask__qs { display: grid; gap: var(--s-2); align-content: start; }
.svc-ask__qs legend { margin-bottom: var(--s-3); }
.svc-ask__q { display: grid; grid-template-columns: minmax(0, 1fr) 18px; align-items: center; gap: var(--s-3); min-height: 56px; padding: var(--s-3) var(--s-4); border: var(--bw) solid var(--rule); background: transparent; color: var(--fg); font: var(--w-ui) .9375rem/1.35 var(--f-sans); text-align: left; transition: background-color var(--dur-ui) var(--ease-mech); }
.svc-ask__q .svc-ask__qarrow { width: 18px; height: 18px; }
.svc-ask__q[aria-pressed="true"] { background: var(--fg); color: var(--bg); border-color: var(--fg); }
@media (hover: hover) { .svc-ask__q:not([aria-pressed="true"]):hover { border-color: var(--fg); background: var(--bg); } }
.svc-ask__own { display: block; margin-top: var(--s-3); }
.svc-ask__own .nx-input { border-bottom-style: dashed; }
.svc-ask__stage { position: relative; min-width: 0; }
.svc-ask__state { position: absolute; right: 0; top: 0; font: 500 .6875rem/1.3 var(--f-mono); letter-spacing: .04em; color: var(--sig); }
.js .svc-ask .is-off { display: none; }
.svc-ask__panel + .svc-ask__panel { margin-top: var(--s-7); }
.svc-ask__fig { margin: 0; padding: var(--s-4) 0 0; }
.an-chart { display: block; width: 100%; height: auto; overflow: visible; }
.svc-ask__fig { container-type: inline-size; }
.an-chart--narrow { display: none; }
.an-chart--narrow .an-t { font-size: 12px; }
@container (max-width: 459px) {
	.an-chart--wide { display: none; }
	.an-chart--narrow { display: block; }
}
.an-grid { stroke: var(--rule); stroke-width: 1; }
.an-t { fill: var(--fg-2); font: 500 11px var(--f-mono); }
.an-axis { fill: var(--fg-3); }
.an-val { fill: var(--fg); font-weight: 600; }
.an-key { font-weight: 600; }
.an-key.is-leak, .an-val.is-leak { fill: var(--leak); }
.an-key.is-sig { fill: var(--sig); }
.an-bar { fill: var(--line-art); }
.an-bar.is-quiet { fill: var(--fg-3); }
.an-bar.is-sig { fill: var(--sig); }
.an-bar.is-leak { stroke: var(--leak); stroke-width: 2.5; }
.an-line { fill: none; stroke: var(--line-art); stroke-width: 2.5; stroke-linejoin: round; }
.an-line.is-leak, .an-pt.is-leak { stroke: var(--leak); }
.an-line.is-quiet, .an-pt.is-quiet { stroke: var(--fg-2); }
.an-line.is-quiet2, .an-pt.is-quiet2 { stroke: var(--fg-3); }
.an-line.is-sig, .an-pt.is-sig { stroke: var(--sig); }
.an-line.is-dash { stroke-dasharray: 6 5; }
.an-pt { fill: var(--bg-2); stroke-width: 2.5; }
.an-key.is-quiet { fill: var(--fg-2); }
.an-key.is-quiet2 { fill: var(--fg-3); }
.svc-ask__answer { margin-top: var(--s-4); padding: var(--s-4) var(--s-5) var(--s-5); border-top: 1.5px solid var(--sig); background: var(--bg); clip-path: var(--clip-ui); }
.svc-ask__alabel { margin-bottom: var(--s-2); font: 500 var(--t-micro)/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-2); }
.svc-ask__a { font-family: var(--f-serif); font-size: clamp(1.0625rem, 1rem + .3vw, 1.25rem); line-height: 1.5; max-width: 62ch; }
.svc-ask__how, .svc-ask__tbl { margin-top: var(--s-3); border-top: var(--bw) solid var(--rule); }
.svc-ask__how summary, .svc-ask__tbl summary { display: flex; align-items: center; min-height: 44px; font: 500 .75rem/1.3 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--link); }
.svc-ask__how summary::after, .svc-ask__tbl summary::after { content: "+"; margin-left: auto; font-size: 1rem; }
.svc-ask__how[open] summary::after, .svc-ask__tbl[open] summary::after { content: "−"; }
.svc-ask__how > p, .svc-ask__how pre { margin-bottom: var(--s-3); }
.svc-ask__note { font-size: var(--t-small); color: var(--fg-2); }
.svc-ask__table { margin-bottom: var(--s-3); }
.svc-ask__table .is-total :is(th, td) { font-weight: 700; }
.svc-ask.is-building .an-chart [data-an-bar], .svc-ask.is-building .an-chart [data-an-val], .svc-ask.is-building .an-chart [data-an-pt] { opacity: 0; }
.svc-ask.is-building .svc-ask__answer { visibility: hidden; }
@container (min-width: 820px) {
	.svc-ask__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--s-6); }
}

} /* end @layer pages */