/* EVOLVE 009 — time-domain diagnostics */
.temporal-lab{margin:32px 0;padding:clamp(14px,2vw,24px);border:1px solid #406175;border-radius:15px;background:linear-gradient(155deg,#152c3d,#0b1a29 78%);box-shadow:0 12px 32px #0003}
.temporal-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.temporal-heading h2{font-size:clamp(24px,4vw,39px);letter-spacing:-.05em;margin:8px 0}.temporal-heading p{font-size:13px;line-height:1.6;max-width:680px;color:#bbd2de}.temporal-heading>span{color:#7ee8db;font:11px var(--mono);white-space:nowrap}
.temporal-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.temporal-controls label{font:11px var(--mono);color:#b4ceda}.temporal-controls select{display:block;width:100%;background:#0c1c2b;border:1px solid #41647b;color:#e9f7fc;border-radius:7px;padding:11px;margin-top:6px}
.temporal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.temporal-actions button{padding:9px 12px;border-radius:7px;border:1px solid #3c6579;background:#18364a;color:#dff8fa;font:11px var(--mono)}.temporal-actions button.primary{background:#79e8dc;color:#09242d;font-weight:750}.temporal-actions button:disabled{opacity:.4;cursor:not-allowed}.temporal-actions button:not(:disabled):hover{border-color:#79e8dc}
.temporal-progress{display:flex;align-items:center;gap:12px;margin:10px 0 16px;color:#bad6e0;font:11px var(--mono)}.temporal-progress progress{width:100%;height:10px;accent-color:#79e8dc}
.temporal-map-wrap{overflow:hidden;border:1px solid #345469;border-radius:10px;background:#081522}.temporal-map-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:manipulation;cursor:crosshair}.temporal-legend{display:flex;justify-content:space-between;gap:10px;padding:10px 13px;border-top:1px solid #345469;color:#b7ceda;font:11px var(--mono)}.temporal-legend span:nth-child(2){color:#79e8dc}
.temporal-probe{display:grid;grid-template-columns:1fr 2.3fr;gap:16px;align-items:center;margin:16px 0;border:1px solid #345469;border-radius:10px;padding:14px}.temporal-probe h3{font-size:17px;margin:0 0 6px}.temporal-probe p{font-size:12px;line-height:1.6;color:#bad1de}.temporal-probe canvas{display:block;width:100%;height:auto;aspect-ratio:960/230}
@media(max-width:700px){.temporal-heading{display:block}.temporal-heading>span{display:block;margin-top:8px}.temporal-controls{grid-template-columns:1fr 1fr}.temporal-controls label:last-child{grid-column:1/-1}.temporal-probe{grid-template-columns:1fr}.temporal-actions{display:grid;grid-template-columns:1fr 1fr}.temporal-actions button:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.temporal-lab *{scroll-behavior:auto!important;transition:none!important}}