/**
 * Estilos del sub crawl.
 * Hereda tokens y componentes (theme-agnostic) de iat-core.css.
 */

/* Opciones grandes de rol (patrón de opciones con título + pista) */
.iat-crawl__opt {
	display: block;
	width: 100%;
	text-align: left;
	padding: 1rem 1.2rem;
}
.iat-crawl__opttitle { display: block; font-size: 1.02rem; }
.iat-crawl__opthint {
	display: block;
	font-weight: 400;
	font-size: .85rem;
	color: var(--iat-muted);
	margin-top: .2rem;
}

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

/* Medidor grande (legible caminando) */
.iat-crawl__meter {
	background: var(--iat-surface);
	border: 1px solid var(--iat-line);
	border-radius: var(--iat-radius-sm);
	padding: 1rem 1.2rem;
	margin: 1rem 0;
	text-align: center;
}
.iat-crawl__lbl { display: block; font-size: .75rem; font-weight: 700; color: var(--iat-muted); text-transform: uppercase; letter-spacing: .04em; margin-top: .5rem; }
.iat-crawl__freq {
	font-size: 1.8rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	color: var(--iat-accent-2);
}
.iat-crawl__level {
	font-size: 3.2rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	line-height: 1.05;
	color: var(--iat-accent);
}
.iat-crawl__level.is-empty { font-size: 1rem; font-weight: 600; color: var(--iat-muted); }
.iat-crawl__bar {
	height: 12px;
	border-radius: 999px;
	background: var(--iat-surface-2);
	overflow: hidden;
	margin-top: .6rem;
}
.iat-crawl__fill {
	display: block;
	height: 100%;
	width: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--iat-accent), var(--iat-accent-2));
	transition: width .1s linear;
}
.iat-crawl__ranktitle { margin: 1.25rem 0 .25rem; font-size: 1.05rem; }
.iat-crawl__best td { font-weight: 700; }