/**
 * Estilos de la alineación temporal / delay de PA.
 * Hereda tokens y componentes (theme-agnostic) de iat-core.css.
 */

.iat-delay__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.25rem; }
@media (max-width: 520px) { .iat-delay__grid { grid-template-columns: 1fr; } }

.iat-delay__temprow { display: flex; align-items: center; gap: .5rem; }
.iat-delay__temprow .iat-input { max-width: 7rem; }
.iat-delay__unit { color: var(--iat-muted); font-weight: 600; }

.iat-delay__how { margin: .75rem 0; }
.iat-delay__how summary { cursor: pointer; font-weight: 700; color: var(--iat-link); }

.iat-delay__status { font-weight: 700; color: var(--iat-accent); text-align: center; }

.iat-delay__result { margin-top: 1rem; }
.iat-delay__big {
	font-size: 3rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	line-height: 1.05;
	color: var(--iat-accent);
	text-align: center;
	margin: .25rem 0;
}
.iat-delay__dist { text-align: center; color: var(--iat-muted); margin: .25rem 0 .75rem; }
.iat-delay__histtitle { margin: 1.5rem 0 .25rem; font-size: 1.05rem; }