/*
CSS de template-parts/toc.php — el índice del post.
Solo estructura, sin diseño.
*/

/* Esto es el bloque completo del índice (el <nav> con el listado de links a los h2/h3 del post). */
#post-toc {
	margin-bottom: 24px; /* separación entre el índice y el contenido del post que viene después */
	border: 2px solid maroon; /* borde de 2px, color marrón oscuro, para ubicar este bloque mientras diseñás */
}

/* Esto es la lista (<ul>) que contiene los links del índice. */
#post-toc ul {
	list-style: none; /* saca las viñetas/bolitas por defecto de la lista */
	margin: 0;         /* saca el margen por defecto que el navegador le pone a las listas */
	padding: 0;        /* saca el padding (sangría) por defecto que el navegador le pone a las listas */
}

/* Esto es cada línea individual del índice (un link a un h2 o un h3). */
.toc-item {
	margin-bottom: 8px; /* separación entre un item del índice y el siguiente */
	border: 2px solid darkcyan; /* borde de 2px, color cian oscuro, para ubicar este bloque mientras diseñás */
}

/* Esto es específicamente los items que corresponden a un h3 (no a un h2) — les mete
   una sangría a la izquierda para que se vean "adentro" del h2 que los contiene. */
.toc-3 {
	padding-left: 16px;
}